body { margin: 0;  font-family: "Montserrat", sans-serif; font-style: normal;  box-sizing: border-box; }
a{ text-decoration: none;}
.clearfix{ clear: both;}
.pz-middle-content .container{ max-width: 86%; margin: 0 auto;}
.top-header{ padding:30px 0;}
.logo-header img{ width: 184px;}

/*====search box css====*/
.search-box-sec .form-group{ display:none; border-bottom: 1px solid rgb(149, 149, 149, 0.4);}
.has-search .form-control {padding-left: 2.375rem; border: none;}
.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.search-box-sec img{ width: 16px;}


/*===========sidebar menu=============*/
.right-sidebarbtn .btn{ background: none; border:none;  margin-top: 8px; float: right;}
.right-sidebarbtn img{ width: 20px;}
.right-sidebarbtn .modal-backdrop.show { opacity: 0.1;}
.right-sidebarbtn .offcanvas-end{ border: none;}
.offcanvas-header .btn-close{ background: none; opacity:inherit; padding: 0; margin: 6% 10px;  }
.offcanvas-header{ display:  inline-block; width: 100%; text-align: right; padding: 30px 20px 0; }
.offcanvas-end{  width: 330px;}
.offcanvas-header .btn-close img{ width: 14px;}
.offcanvas-body{ padding: 0 3rem;}
.title-list-info .title-box .title-border{border-bottom: 1px solid #fec14d; width: 15%; display: inline-block;}
/* Only apply to links that are NOT doclink */

.task-list-para a:not(.doclink) {
  position: relative;
  display: block;
  color: #737373;
  font-weight: 400;
  font-size: 1.1rem;
  border-bottom: 1px solid #fec14d;
  padding: 9%;
  margin-bottom: 16px;
}
.task-list-para .active{color: #482D5F !important; }

/* Optional: separate styles for doclink links */
.task-list-para a.doclink {
  position: relative;
  display: block;
  color: #737373;
  font-weight: 400;
  font-size: 1.1rem;
  text-decoration: none;
  padding: 3%;
  margin-bottom: 16px;
}


.doclink img
{
  width:11px;
  vertical-align: baseline;
  margin-right: 6px;
}


.backbtn{ padding-top: 20%;}
.backbtn a{ display: block; color: #737373;font-weight: 500; font-size: 14px; }
.backbtn a:hover{ color: #482D5F;}
.backbtn img{ width: 9px; margin-right: 10px;}

/*===========sidebar menu end=============*/

.banner-sec{ padding-bottom: 4%;}
.banner-sec img{ width: 100%;}
.title-box { margin-bottom: 30px;}
.title-box h3{ color:#482D5F; font-size: 2.2rem; font-weight: 300; margin: 0;}
.title-box .title-border{border-bottom: 1px solid #fec14d; width: 68%; display: inline-block;}
.title-box .title-border1{width: 75%; }
.title-box .title-border2{ width: 69%; }
.parabox{     margin: 2% 0; }
.parabox p{ color: #737373; font-weight: 400; font-size: 16px;}
.parabox h3{ font-size: 1.5rem; padding-bottom: 15px;}

.footer-sec{ text-align: center; padding: 10% 0 2% 0; }
.footer-sec p{color: #2C2C2C; font-size: 18px; margin-bottom: 0; }
.footer-sec img{ width: 120px; margin-left: 6px;}

.login-title .title-border{ width: 93%;}
.logout-title .title-border{ width: 91%;}
.client-title .title-border{ width: 93%;}
.task-title .title-border{ width: 94%;}
.profile-title  .title-border{width: 92%; }
.meets-title .title-border{width: 92%; }
.home-info-sec .documentation-border{width: 76%; }
.home-info-sec .dashboard-border{width: 87%;}
.home-info-sec .team-border{ width: 93%;}
.home-info-sec .notification-border{ width: 85%;}
.home-info-sec .filter-border{  width:81%;}

/* .tab-pane img{
  border: 1px solid #e9e9e9;
} */


/*===========accordian css===========*/
.details-accordian-sec{ width: 85%; margin: 0 auto;}
.details-accordian-sec .accordion-button{ color: #482D5F; font-size: 1.5rem; font-weight: 300; }
.details-accordian-sec .accordion-item { border:1px solid rgb(101, 101, 101, 0.2); }
.details-accordian-sec p{ color: #737373; font-weight: 400;  font-size: 16px;}
.details-accordian-sec .accordion-button:not(.collapsed){ background-color: #f7f7f7;}
.accordion-button:focus{ outline: inherit; box-shadow: none; }
.accordion-button::after{ background: url(../images/arrow.png) no-repeat; background-size: contain;}
.accordion-button:not(.collapsed)::after{ background: url(../images/yellow-arrow.png) no-repeat; background-size: contain;}
.details-accordian-sec .accordion-body img{ width: 100%; margin-bottom: 30px;}

/*==============tabs css====*/
.details-accordian-sec .nav-tabs{ display: block; margin-left: 14%;}
.details-accordian-sec .nav-tabs li{  border-bottom: 1px solid #fec14d;}
.details-accordian-sec .nav-tabs .nav-link{ border: none; color: #737373; transition: none; font-weight: 400; font-size: 1.1rem; padding:6% 0;  margin: 0; border-bottom:none;}
.details-accordian-sec .nav-tabs .nav-link1{ padding-top: 0;}
.details-accordian-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ border-bottom: 1px solid #fec14d; color: #482D5F;font-weight: 600; }
.details-accordian-sec .tab-pane p{ margin: 0;}
.details-accordian-sec .tab-pane img{  margin: 20px 0;}
.details-accordian-sec .tab-pane  h3{  color: #482D5F; font-size: 1.5rem; font-weight: 300;}
.center-info-sec{width:60%;margin: 0 auto; }
table {
  width: 100%;
  border-collapse: collapse;
  color:#6b6b6b;
  border-color:#bdbdbd;
  padding:0;
  margin:0;
  text-align: center;
}
th {
    background-color: #f7f7f7;
}
th, td{
 border: 1px solid #ccc;
 padding: 8px;
}
.firsthead{  text-align: left;}
.responsibility {
  text-align: left;
}
.sub-responsibility {
  text-align: left;
  padding-left: 20px;
  font-weight: normal;
}

.backbtn{ padding: 10% 0 10% 0}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  background-color: #482D5F; /* Your desired background */
  color: #fff;               /* Your desired text color */
}


/*===============responsive css===========*/
@media screen and (max-width:1680px) {
  .title-box .title-border{ width: 64%; }
  .login-title .title-border { width: 92%; }
  .logout-title .title-border { width: 90%;}
  .client-title .title-border { width: 92%;}
  .task-title .title-border { width: 93%;}
  .profile-title .title-border{width: 91%; }
  .meets-title .title-border{width: 91%; }
  .home-info-sec .documentation-border{width: 73%; }
  .home-info-sec .dashboard-border{width: 85%;}
  .home-info-sec .team-border{ width: 92%;}
  .home-info-sec .notification-border{ width: 83%;}
.home-info-sec .filter-border{  width:79%;}
}
@media screen and (max-width:1440px) {
  .offcanvas-header .btn-close{ margin: 0 10px;}
  .task-list-para a{ margin-bottom: 8px;}
  .title-box .title-border{ width: 58%; }
  .login-title .title-border { width: 91%; }
  .logout-title .title-border { width: 88%;}
  .client-title .title-border { width: 90%;}
  .task-title .title-border { width: 92%;}
  .profile-title .title-border{width: 90%; }
  .meets-title .title-border{width: 90%; }
  .details-accordian-sec { width: 85%; margin: 0 auto; }
  .center-info-sec{width:80%;margin: 0 auto; }
  .home-info-sec .documentation-border{width: 68%; }
  .home-info-sec .dashboard-border{width: 83%;}
  .home-info-sec .team-border{ width: 91%;}
  .home-info-sec .notification-border{ width: 80%;}
.home-info-sec .filter-border{  width:75%;}
}

@media screen and (max-width:1368px) {
  .title-box .title-border{ width:56%; }
  .login-title .title-border { width: 90%; }
  .logout-title .title-border { width: 88%;}
  .client-title .title-border { width: 90%;}
  .task-title .title-border { width: 92%;}
  .profile-title .title-border{width: 89%; }
  .meets-title .title-border{width: 89%; }
  .home-info-sec .documentation-border{width: 66%; }
  .home-info-sec .dashboard-border{width:82%;}
  .home-info-sec .team-border{ width: 90%;}
  .home-info-sec .notification-border{ width: 79%;}
.home-info-sec .filter-border{  width:74%;}
}

@media screen and (max-width:1366px) {
.title-box .title-border{ width:55%; }
.login-title .title-border { width: 90%; }
.logout-title .title-border { width: 88%;}
.client-title .title-border { width: 90%;}
.task-title .title-border { width: 92%;}
.profile-title .title-border{width: 89%; }
.meets-title .title-border{width: 89%; }
.task-list-para a { margin-bottom: 0; padding: 8%; }
.home-info-sec .documentation-border{width: 66%; }
.home-info-sec .dashboard-border{width:82%;}
.home-info-sec .team-border{ width: 90%;}
.home-info-sec .notification-border{ width: 79%;}
.home-info-sec .filter-border{  width:74%;}
}

@media screen and (max-width:1280px) {
  .title-box .title-border{ width:52%; }
  .login-title .title-border { width: 89%; }
  .logout-title .title-border { width: 87%;}
  .client-title .title-border { width: 89%;}
  .task-title .title-border { width: 91%;}
  .profile-title .title-border{width: 88%; }
  .meets-title .title-border{width: 89%; }
  .details-accordian-sec { width: 100%; margin: 0 auto; }
  .center-info-sec{width:100%;margin: 0 auto; }
  .home-info-sec .documentation-border{width: 64%; }
  .home-info-sec .dashboard-border{width:80%;}
  .home-info-sec .team-border{ width: 90%;}
  .home-info-sec .notification-border{ width: 78%;}
 .home-info-sec .filter-border{  width:72%;} 
}

@media screen and (max-width:1180px) {
  .title-box .title-border{ width:48%; }
  .login-title .title-border { width: 88%; }
  .logout-title .title-border { width: 86%;}
  .client-title .title-border { width:88%;}
  .task-title .title-border { width:91%;}
  .profile-title .title-border{width: 87%; }
  .meets-title .title-border{width: 88%; }
  .top-header .col-md-4{ flex: 0 auto; width: 55%;}
  .top-header .col-md-1{ flex: 0 auto; width: 12%;}
}

@media screen and (max-width:1024px) {
  .pz-middle-content .container { max-width: 95%; margin: 0 auto; }
  .title-box .title-border{ width:100%;}
  .login-title .title-border { width: 100%;}
  .logout-title .title-border { width: 100%;}
  .client-title .title-border { width:100%;}
  .task-title .title-border { width: 100%;}
  .profile-title .title-border{width: 100%; }
  .meets-title .title-border{width: 100%; }
  .top-header .col-md-4{ flex: 0 auto; width: 55%;}
  .top-header .col-md-1{ flex: 0 auto; width: 12%;}
  .offcanvas-body { padding: 0 3rem 3rem;}
  .home-info-sec .documentation-border{width: 100%; }
  .home-info-sec .dashboard-border{width:100%;}
  .home-info-sec .team-border{ width: 100%;}
  .home-info-sec .notification-border{ width: 100%;}
 .home-info-sec .filter-border{  width:100%;} 
}


@media screen and (max-width:800px) {
  .top-header .col-md-4{ flex: 0 auto; width: 55%; }
  .top-header .col-md-1{ flex: 0 auto; width: 12%;}
  .title-box h3{ font-size: 1.8rem; }
  .parabox h3 { font-size: 1.5rem;}
}

@media screen and (max-width:768px) {
  .details-accordian-sec .nav-tabs{margin-left: 6%;}
}



@media screen and (max-width:604px) {
.details-accordian-sec .col-md-8{ width: 100%; flex: 0 auto;}
.details-accordian-sec .col-md-4{ width: 100%; flex: 0 auto;}
.details-accordian-sec .nav-tabs { margin-left: 0; margin-top: 30px;}
.details-accordian-sec .nav-tabs .nav-link{ padding: 4% 0;}
}

@media screen and (max-width:540px) {
.top-header{ text-align: center;}
.top-header .col-md-4 { flex: 0 auto; width: 88%;}
.logo-header{ margin-bottom: 15px;}
.title-box h3 { font-size: 1.5rem;}
.parabox h3 { font-size: 1.3rem;}
.parabox p{ font-size: 15px;}
.details-accordian-sec .tab-pane h3{ font-size: 1.3rem;}
.details-accordian-sec p{ font-size: 15px;}
.details-accordian-sec .nav-tabs .nav-link{ font-size: 1rem;}
}