@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --primary-color: #d77223;
    --secondary-color: #F9EEDD;
    --jasmine-color: #FFDD7E;
    --milk-chocolate: #8B5735;
    --indigo-color: #2C3E51;
    --green-color: #006219;
    --white-color: #ffffff;
    --luxury-white: #fafafa;
    --silver-color: #E1E1E0;
    --black-color: #272727;
    --platinum-color:#E5E0E0;
}
.dark-mode #initiativesModal .modal-body p { color: var(--black-color); }
.dark-mode{ background-color: #272727; }
.dark-mode .primary-heading,
.dark-mode .officials-info .content-info p,
.dark-mode .director-info > p,
.dark-mode .director-content > p,
.dark-mode p,
.dark-mode .officials-info .content-info .title{ color: var(--white-color); }
.dark-mode .page-content h1,
.dark-mode .page-content h2,
.dark-mode .page-content h3,
.dark-mode .page-content h4,
.dark-mode .page-content h5,
.dark-mode .page-content h6 { color: var(--white-color); }
.dark-mode .page-content li{color: var(--white-color);}
.dark-mode .page-content .accordion-item{background-color: var(--black-color);}
.dark-mode .no-banner .page-title,.dark-mode .no-banner .breadcrumb-item > a, .dark-mode .page-content > p { filter: invert(1); }
.dark-mode .scacimpl-container .primary-heading,
.dark-mode .copyright p{color: var(--black-color);}
/* common css start */
body{ font-family: "Montserrat", sans-serif;scroll-behavior: smooth; }
p{font-size: 100%;}
/* .svg-inline--fa{vertical-align: ;} */
.primary-heading {
    margin-bottom: 20px;
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 600;
    text-transform: initial;
    color: var(--black-color);
}
.sub-heading{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.btn {
    padding: 10px 24px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    transition: ease .3s all ;
}
.secondary-button {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.secondary-button:hover {
    background-color: #e1680a;
    color: var(--white-color);
}
.primary-button{
    background-color: var(--jasmine-color);
}
.primary-button:hover {
    background-color: var(--indigo-color);
    color: var(--white-color);
}
/* common css end */
/* Search box css start */
#searchModal .modal-content {border-radius: 20px;}
#searchModal .modal-body {padding: 40px 30px;}
.modal {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}
#searchModal .input-group {
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid var(--platinum-color);
}
#searchModal .input-group-text {padding: .75rem 0 .75rem .75rem;}
#searchModal .input-group-text,
#searchModal .form-control {
    background: transparent;
    border: none;
}
#searchModal .popup-title span {font-size: 1.75rem;color: var(--primary-color);}
#searchModal .input-group:focus-within {border-color: var(--primary-color);}
#searchModal .input-group:focus-within .input-group-text {border: none;background: none;}
#searchModal .form-control:focus {
    border-color: transparent;
    box-shadow: none;
    outline: none;
}
.navbar-overlay.active {
    opacity: 1;
}
/* top bar css start */
.mpcb_topbar {
    background-color: var(--white-color);
}
.mpcb_topbar .top-right {
    position: relative;
    padding: 8px 0px;
}
.mpcb_topbar .top-right:before {
    content: '';
    width: 540px;
    height: 42px;
    background-color: var(--primary-color);
    position: absolute;
    right: -10px;
    top: 0px;
    border-radius: 0px 0px 0px 50px;
}
.mpcb_topbar .navbar-nav{align-items: center;}
.mpcb_topbar .top-right .navbar-nav{justify-content: end;}
.mpcb_topbar .navbar-nav .nav-item{ 
    position: relative;
    padding: 0 10px; 
}
.mpcb_topbar .navbar-nav .nav-item:not(:last-child):after {
    content: '';
    width: 1px;
    height: 26px;
    background: rgba(255 255 255 / 0.5);
    display: block;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
}
.mpcb_topbar .navbar-nav .nav-item:last-child{ padding-right: 0px; }
.mpcb_topbar .navbar-nav .nav-item .nav-link {
    padding: 0;
    color: var(--white-color);
    font-size: 13px;
    letter-spacing: 0.02em;
}
.mpcb_topbar .navbar-nav .nav-item .search-btn {
    width: 24px;
    height: 24px;
    line-height: 20px;
    background-color: var(--secondary-color);
    display: inline-block;
    border-radius: 6px;
    border: 1px solid var(--secondary-color);
    text-align: center;
}
.text-btn {
    border: 0;
    display: inline;
    background-color: transparent;
    margin-right: 5px;
}
.mpcb_topbar .language-options {
    padding: 0.125em 0.32em;
    background-color: var(--secondary-color);
    border-radius: 6px;
    border: 1px solid var(--secondary-color);
}
.mpcb_topbar .language-options .input-group-text {
    padding: 0px 0px;
    border: 0;
    border-radius: 0;
    background-color: var(--secondary-color);
}
.mpcb_topbar .language-options select {
    border: 0;
    font-size: 13px;
    background-color: var(--secondary-color);
}
/* switch css start */
.switch {
    position: relative;
    display: inline-block;
}
.check-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
input.check-toggle-round-flat + label {
    padding: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.check-toggle + label {
    display: block;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60px;
    display: flex;
    justify-content: space-between;
    padding: 2px;
    border: 1px solid var(--secondary-color);
}
.switch label > span {
    pointer-events: none;
    width: 50%;
    font-family: "Helvetica", Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;;
}
.switch span svg {
    width: 12px;
    height: 12px;
}
input.check-toggle-round-flat:checked ~ .off { color: var(--nude-black); }
input.check-toggle-round-flat:not(:checked) + label > .bright{ color: var(--black-color); background-color: var(--secondary-color);}
input.check-toggle-round-flat:checked + label > .dark{ color: var(--black-color); background-color: var(--secondary-color); }
input.check-toggle-round-flat:not(:checked) + label > .dark{ color: var(--secondary-color); } 
input.check-toggle-round-flat:checked + label > .bright{color: var(--secondary-color); }
/* topbar css end */
/* header css start */
.mpcb_siteheader {
    background-color: var(--white-color);
    border-bottom: 1px solid var(--platinum-color);
}
.mpcb_siteheader .brand-logo {
    position: relative; 
    display: flex;
    align-items: center;
}
.mpcb_siteheader .navbar-brand {
    display: block;
}
@media screen and (min-width: 910px) {
    .mpcb_siteheader .navbar-brand {
        position: absolute;
        top: 4px;
        z-index: 2;
        width: auto;
    }
}
.brand-logo > img {
    flex-shrink: 0;
    width: 135px;
    object-fit: cover;
}
.brand-logo .brand-title {
    font-size: 16px;
    margin-left: 10px;
    font-weight: 800;
    line-height: 24px;
    color: var(--primary-color);
}
.mpcb_siteheader .navbar {padding-top: 10px;}
.navigation .navbar-nav .nav-item .nav-link {
    padding: 10px 6px;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: ease .3s all;
}
.navigation .navbar-nav .nav-item .nav-link:hover {
    color: var(--primary-color);
}

.navigation .navbar-nav .nav-item .nav-link.active:after {
    content: "";
    display: block;
    width: 75%;
    height: 3px;
    background: var(--primary-color);
    margin: 7px auto auto;
}
.parent-menu { position: relative; }
.parent-menu>.submenu {
    z-index: 9999;
    padding-left: 0px;
    box-shadow: 0px 10px 10px rgba(0 0 0 / 10%);
    background-color: #fcfff9;
    height: auto;
    text-align: left;
}
.parent-menu:hover>.submenu,
.parent-menu>.submenu .parent-submenu>.parent-menu:hover>.submenu {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}
.parent-menu>.submenu .parent-submenu { position: relative; min-height: 100%; }
.parent-menu>.submenu>ul,
.parent-menu>.submenu .parent-submenu { padding-left: 0px; }
.parent-menu>.submenu ul li { list-style: none; }
.parent-menu>.submenu ul li a {
    padding: 10px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: var(--black-color);
    border-bottom: 1px dashed var(--white-color);
    transition: ease 0.3s all;
}
html body .parent-menu>.submenu .parent-submenu>.parent-menu>.submenu { left: 100%; top: 0; }
.navigation .navbar-nav .nav-item .submenu .nav-link { 
    padding: 10px; 
    border-bottom: 1px solid var(--silver-color); 
    transition: ease .3s all; 
    color: var(--black-color);
}
.parent-menu .submenu-arrow { float: right; }
.header-navigation .navbar-nav .nav-item .submenu li>a:hover,
.navigation .navbar-nav .nav-item .submenu .nav-link:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}
/* header css end */

/* hero banner css start */
.hero-banner{position: relative;}
.heroBanner .carousel-item {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 96px);
}
.heroBanner .carousel-item:before {
    position: absolute;
    top: 0px;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%),
        linear-gradient(rgba(0, 0, 0, 0.08) 51.22%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
}
.heroBanner .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.05);
}
.heroBanner .carousel-item img {
    -webkit-animation: zoomout 30s ease-in infinite;
    animation: zoomout 30s ease-in infinite;
    transition: all .5s ease-in-out;
}
.heroBanner .carousel-item.active img {
    animation: zoomOut 9s ease-in-out forwards;
}
@keyframes zoomOut {
    0% { opacity: 1; transform: scale(1.15); }
    100% { opacity: 1; transform: scale(1); }
}
.heroBanner .carousel-item .carousel-caption {
    padding: 0px;
    max-width: 550px;
    width: max-content;
    text-align: left;
    left: 4%;
    bottom: 60px;
    z-index: 1;
}
.heroBanner .carousel-item .carousel-caption .hero-title {
    color: var(--white-color);
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
}
.heroBanner .carousel-indicators{
    justify-content: start;
    margin-bottom: 2.5rem;
    margin-left: 4%;
}
.heroBanner .carousel-indicators [data-bs-target]{
    width: 8px;
    height: 8px;
    background-color: var(--secondary-color);
    border-top: initial;
    border-bottom: initial;
    border-radius: 50px;
    transition: ease .3s all;
    opacity: 1;
}
.heroBanner .carousel-indicators button.active{
    background-color: var(--secondary-color);
    width: 60px;
    height: 8px;
}
.carousel-navs {
    position: absolute;
    height: 80px;
    width: 110px;
    bottom: 0;
    right: 4%;
    z-index: 5;
}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.carousel-control-prev{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
}
.carousel-control-next {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
}
/* hero banner css end */
#main-content {
  scroll-margin-top: 101px;
}
.about-section { padding: 60px 0px 30px; }
.about-container {
    width: 100%;
    max-width: 984px;
    margin: auto;
    text-align: center;
}
.about-section .content-box p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.02em;
}
.officials-info { text-align: center; }
.officials-info .content-info { margin-top: 30px; }
.officials-info .content-info .title {
    margin-bottom: 10px;
    color: var(--green-color);
    font-size: clamp(15px, 1.25vw, 18px);
    font-weight: 600;
    text-transform: capitalize;
}
.officials-info .content-info p{
    color: var(--black-color);
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.01em;

}
/* discovermaha-section css start */
.discovermaha-section{ padding: 30px 0 30px; }
.dis-data-cards .dis-item { padding: 6px 12px; }
.dis-data-card {
    border-radius: 50px;
    border: 1px solid var(--platinum-color);
    padding: 16px;
    display: flex;
    gap: 10px;
    background-color: var(--secondary-color);
    align-items: center;
    transition: ease .3s all;
    cursor: pointer;
}
.dis-data-card:hover { background-color: var(--primary-color); }
.dis-data-card .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: var(--primary-color);
    line-height: 50px;
    text-align: center;
    display: inline-flex;
}
.dis-data-card .icon-box img {
    object-fit: contain;
    width: 36px;
    height: 36px;
    margin: auto;
}
.dis-data-card:hover .icon-box{ background-color: var(--secondary-color); }
.dis-data-card:hover .icon-box img{ filter: invert(70%) sepia(128%) saturate(1497%) hue-rotate(352deg) brightness(95%) contrast(70%); }
.dis-data-card .content-box .disdata-title {
    color: var(--milk-chocolate);
    font-weight: 600;
    font-size: 14px;
}
.dis-data-card:hover .disdata-title{ color: var(--secondary-color); }
.dis-data-card .content-box .disdata-value { font-size: 20px; font-weight: 700; }
.dis-data-card:hover .disdata-value{ color: var(--jasmine-color); }
/* discovermaha-section css end */
/* objective css start */
.objective-section { padding: 30px 0px; }
.objective-container {
    overflow: hidden;
    position: relative;
    background-color: var(--primary-color);
    background-image: url("../images/objective-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px 0;
    border-radius: 40px;
}
.objective-container .leaf { position: absolute; animation: rotate360 40s linear infinite;}
.objective-container .top-left { top: -70px; left: -70px; display: none;}
.objective-container .top-right { top: -70px; right: -70px; display: none;}
.objective-container .bottom-left { bottom: -90px; left: -90px; width: 250px; opacity: 0.3;}
.objective-container .bottom-right { bottom: -90px; right: -90px; width: 250px; opacity: 0.3;}
.objective-container .btn { margin-top: 30px; }
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.objective-container .content-box {
    width: 100%;
    max-width: 984px;
    margin: 0 auto;
    text-align: center;
}
.objective-container .primary-heading {
    color: var(--jasmine-color);
    margin-bottom: 24px;
}
.objective-container .content-box p {
    font-size: 18px;
    line-height: 30px;
    color: var(--white-color);
}
/* objective css end */
/* scac section css start */
.scac-section{ padding: 30px 0px 30px 0px; }
.scac-section .content-box {
    width: 100%;
    max-width: 860px;
    margin: auto;
    text-align: center;
}
.scac-section .content-box p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.02em;
}
.timeline-container { margin-top: 80px; position: relative;}
.timeline-container .flow-line {
    width: 100%;
    height: 6px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.timeline-cards .slick-slide { padding: 12px; }
.timeline-cards .timeline-card {
    position: relative;
    padding: 20px;
    background-color: var(--secondary-color);
    border-radius: 20px;
    border: 1px solid var(--platinum-color);
    height: 100%;
    min-height: 170px;
    transition: ease .3s all;
}
.timeline-cards .timeline-card .dot {
    width: 16px;
    height: 16px;
    display: block;
    background-color: var(--white-color);
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
.timeline-cards .timeline-card .dot:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    display: block;
    border-radius: 50%;
    margin: 50% auto;
    transform: translateY(-50%);
}
.timeline-card .year {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    padding-bottom: 10px;
}
.timeline-card h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color);
    letter-spacing: 0.002em;
    margin-bottom: 10px;
}
.timeline-card p {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color);
}
.timeline-cards .timeline-card:hover { background-color: var(--primary-color); }
.timeline-cards .timeline-card:hover .year { color: var(--white-color); }
.timeline-cards .timeline-card:hover h4 { color: var(--jasmine-color); }   
.timeline-cards .timeline-card:hover p { color: var(--secondary-color); } 
.slick-slider .slick-next, .slick-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgba(0 0 0 / 20%);
    transition: ease .3s all;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    z-index: 3;
}
.slick-slider .slick-arrow { background-color: var(--jasmine-color); }
.slick-slider .slick-next { right: -5px; }
.slick-slider .slick-prev { left: -5px; }
/* scac section css end */
/* SCAC implementation css start */
.scacimpl-section{ padding: 30px 0px; }
.scacimpl-container {
    background-color: var(--secondary-color);
    padding: 30px 30px 0px;
    border-radius: 40px;
}
.primary-heading span {
    color: var(--primary-color);
    display: block;
    padding-top: 10px;
}
.scacimpl-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.scacimpl-lists .scacimpl-list {
    flex: 0 0 auto;
    width: calc(50% - 8px);
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.scacimpl-lists .scacimpl-list > a {
    display: block;
    min-height: 76px;
    padding: 16px;
    font-size: 15px;
    color: var(--secondary-color);
    font-weight: 600;
}
/* SCAC implementation css end */
/* district map section css start */
.map-section { padding: 30px 0px 100px; }
.district { transition: background-color ease 0.3s; opacity: 0.5; cursor: pointer; }
.district:hover{ opacity: 1; }
.district.active {
    fill: var(--jasmine-color);
    stroke-width: 2;
}
.one_half { height: 100%; }
.district-details {
    padding: 1.5rem;
    background-color: var(--primary-color);
    border-radius: 20px;
    color: var(--white-color);
}
.district-details .primary-heading{
    color: var(--white-color);
    text-align: center;
}
/* district map section css end */
/* page content css start */
.page-layout{ padding: 30px 0px 50px; position: relative;}
.page-header {
    position: relative;
    background-size: cover !important;
    background-origin: padding-box !important;
    padding: 50px 0px;
}
.page-header-title nav .breadcrumb {
    margin-top: 1rem; 
    margin-bottom: 0;}
.page-header .page-title {
    color: var(--white-color);
    font-size: clamp(18px, 2.25vw, 32px);
    font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item::before{color: var(--white-color);}
.page-header-title .breadcrumb .breadcrumb-item > a,
.page-header-title .breadcrumb .breadcrumb-item.active { color: var(--white-color); }
.page-header-title .breadcrumb .breadcrumb-item.active { font-weight: 600; }
.page-sidebar {
    margin-bottom: 1.25rem;
    width: 260px;
    min-width: 100%;
    background-color: var(--luxury-white);
    border: 1px solid var(--platinum-color);
    box-shadow: 3px 2px 12px -1px rgba(17 29 7 / 0.3);
    border-radius: 0.5rem;
    overflow: hidden;
}
.page-menu-title {
    padding: 0.5rem 0.5rem 0.5rem 1.275rem;
    background-color: var(--jasmine-color);
}
.page-menu-title a {
    color: var(--black-color);
}
.page-sidebar .navlinks a {
    position: relative;
    display: block;
    padding: .5rem .5rem .5rem 1.275rem; 
    color: var(--black-color);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--platinum-color);
    transition: ease .3s all;
}
.page-sidebar .navlinks a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.page-sidebar .navlinks a.active:before {
    content: '';
    display: block;
    width: 8px;
    height: 5px;
    background-color: var(--primary-color);
    border-radius: 2px;
    position: absolute;
    left: 6px;
    top: 16px;
}
.page-menu-title h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.page-content h2, .page-content h3, .page-content h4 {
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: 600;
    color: var(--black-color);
    margin-bottom: 16px;
}
.page-content h5, .page-content h6 {
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 600;
    margin-bottom: 1rem;
}
.page-content p {
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
    color: var(--black-color);
    margin-bottom: 1rem;
}
.page-content a:not(.btn) {
    color: var(--primary-color);
    font-weight: 500;
}
.page-content ul, 
.page-content ol, 
.page-content dl {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.page-content li{ font-size: 15px; margin-bottom: 0.5rem; }
.page-content ul { list-style: disc; }
.page-content ul li::marker, 
.page-content ol li::marker,
.page-content dl li::marker { 
    color: var(--primary-color); 
    font-weight: 500;
}
.page-content ol { list-style: nu; }
.page-content ol.roman { list-style: upper-roman; }
.page-content ol.alphabet { list-style: upper-alpha; }
.page-content ul.square { list-style: square; }
.page-content table{ width: 100%; border-collapse: collapse; }
.page-content table > thead{vertical-align: bottom;}
.page-content table>:not(caption) > * > *{padding: .5rem .5rem;}
.page-content table tr > * {text-align: center;}
.page-content table > thead > tr {background-color: rgb(235 235 226);}
.page-content table > tbody > tr:nth-child(odd) { background-color: rgb(255 253 248); }
.page-content table > tbody > tr:nth-child(even) { background-color: rgb(247 246 244); }
.page-content table > thead > tr > * {
    color: var(--black-color);
    font-size: 15px;
    font-weight: 600;
}
.page-content table > tbody > tr > * { 
    border: 1px solid var(--platinum-color); 
    font-size: 15px;
    font-weight: 500;
}
.page-content table > tbody > tr > td:first-child{ border-left: unset; }
.page-content table > tbody > tr > td:last-child{ border-right: unset; }
.page-content img{max-width: 100%;}
.page-content .nav-tabs {
    border: none;
    gap: 10px;
    margin-bottom: 1.05rem;
}
.page-content .nav-tabs .nav-link {
    padding: .584em 1.675rem;
    border: none;
    color: var(--white-color);
    font-size: 15px;
    font-weight: 500;
    border-radius: 50px;
    background-color: var(--primary-color);
    transition: ease .3s all;
}
.page-content .nav-tabs .nav-link.active {
    background-color: var(--jasmine-color);
    color: var(--black-color);
    font-weight: 600;
}
.page-content .nav-tabs .nav-link:hover {
    background-color: var(--jasmine-color);
    color: var(--black-color);
}
.tab-content { margin-bottom: 2rem; }
.tab-content .tab-pane {
    border: 1px solid var(--platinum-color);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 2px 3px 6px 0px rgb(82 158 195 / 12%);
}
.page-content .accordion .accordion-item {
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid var(--platinum-color);
    border-radius: 0.625rem;
    box-shadow: 2px 3px 6px 0px rgb(82 158 195 / 12%);
}
.page-content .accordion-header {margin: 0;}
.page-content .accordion {margin-bottom: 16px;}
.page-content .accordion-header .accordion-button {
    font-weight: 500;
    font-size: 15px;
    padding: 0.875rem;
}
.page-content .accordion-header .accordion-button[aria-expanded="true"] {
    background-color: var(--jasmine-color);
    color: var(--black-color);
    font-weight: 600;
}
.page-content .accordion-header .accordion-button::after {
    background-size: 1rem;
    filter: brightness(0);
}
.accordion-button:focus{box-shadow: none;}
/* page content css end */
/* director message css start */
.director-layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.director-card {
  width: 260px;
  text-align: center;
}

.director-card img {
  width: 100%;
  border-radius: 8px;
}

.director-info .director-name {
    color: var(--primary-color);
    font-size: 18px;
    margin: 0;
}

.director-info {
    padding: 0.625rem;
}

.director-info p {
    font-size: 15px;
    font-weight: 500;
}

.director-content {
  flex: 1;
  line-height: 1.8;
}

.quotes-paragraph {
    padding: 3.5rem 0rem;
}

.quotes-para {
    position: relative;
    font-size: 24px;
    line-height: 38px;
    color: #b0b0bf;
    font-weight: 500;
    text-align: justify;
}

.quotes-para:before,.quotes-para:after {
    content: '';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 60px;
    position: absolute;
}

.quotes-para:before {
    content: '\f10d';
    top: -50px;
}

.quotes-para:after {
    content: '\f10e';
    bottom: -50px;
}
/* director message css end */
/* Governance structur css start */
.governance-structure .gs-card {
    position: relative;
    padding: 16px 24px;
    margin-bottom: 1.125rem;
    background-color: var(--luxury-white);
    border: 1px solid var(--platinum-color);
    border-radius: .625rem;
    box-shadow: 0 10px 28px rgba(0 0 0 / 8%);
    transition: ease-in-out .5s all;
    cursor: pointer;
    overflow: hidden;
}

.governance-structure .gs-card:hover {
    box-shadow: 0 10px 28px rgba(0 0 0 / 2%);
    border-radius: 1rem;
    background-color: var(--secondary-color);
}

.gs-card .card-content .gs-title {
    font-size: 1.125rem;
    color: var(--primary-color);
    margin-bottom: 0.625rem;
    font-weight: 600;
}

.gs-card .card-content p {
    margin: 0px;
}

.governance-structure .gs-card:before {
    content: '';
    display: block;
    width: 5px;
    height: 65%;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    border-radius: 6px;
    transition: width .3s ease;
    top: 50%;
    transform: translateY(-50%);
}
/* Governance structur css end */
/* stakeholder css start */
.partner-item {
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    background-color: var(--white-color);
    border: 1px solid var(--platinum-color);
    border-radius: 1rem;
    box-shadow: -2px 6px 12px 0px rgb(205 205 205 / 50%);
}
.partner-item .img-col {
    flex-shrink: 0;
    text-align: center;
}
.partner-item .desc-col .d-heading {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}
.partner-item .desc-col .d-subheading {
    font-size: 16px;
    color: var(--black-color);
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 767px){
    .partner-item .img-col {
        min-width: 236px;
        max-width: 236px;
    }
}
@media screen and (max-width: 766.98px){
    .partner-item .img-col {
        margin-bottom: 20px;
    }
}
/* stakeholder css end */
/* Our Initiatives css start */
.no-banner .page-header-title .breadcrumb .breadcrumb-item > a, 
.no-banner .page-header-title .breadcrumb .breadcrumb-item.active,
.no-banner .breadcrumb-item + .breadcrumb-item::before,
.no-banner .page-title {
    color: var(--black-color);
}
.initiative-cards .int-item {
    overflow: hidden;
    background-color: var(--white-color);
    border: 1px solid var(--platinum-color);
    border-radius: 1rem;
    box-shadow: 0px 4px 16px rgba(17 17 26 / 10%), 0px 8px 32px rgba(17 17 26 / 5%);
}
.int-item .int-caption {
    padding: 1rem;
}
.int-item .int-caption .stakeholder-name {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--milk-chocolate);
    border-radius: 50px;
    color: var(--milk-chocolate);
    font-size: 13px;
    font-weight: 500;
}
.int-caption p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.int-item .img-box img {
    object-fit: cover;
    width: 100%;
    min-height: 262px;
    max-height: 262px;
}
.initiative-cards .int-item .btn {
    width: 100%;
    margin-top: 4px;
}
.modal .btn-close {
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    background-color: var(--primary-color);
    background-image: unset;
    color: var(--white-color);
    border-radius: 50%;
    line-height: 10px;
}
.modal-content .carousel-item {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 0.675rem;
}

.modal-content .carousel-item img {
    min-height: 387px;
    max-height: 387px;
    width: 100%;
    object-fit: cover;
}
.int-image-slides .carousel .carousel-control-prev, 
.int-image-slides .carousel .carousel-control-next {
    background-color: var(--jasmine-color);
    transform: translateY(-50%);
    top: 50%;
}
.int-image-slides .carousel .carousel-control-prev span, 
.int-image-slides .carousel .carousel-control-next span {
    filter: invert(1);
    width: 0.8rem;
}
.slide-img-caption {
    background-color: var(--secondary-color);
    padding: 0.475rem;
    font-size: 10px;
}
.modal-content .slide-img-caption p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--black-color);
}
.modal-content p{
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}
/* Our Initiatives css end */
/* Reports css start */
.report-items .report-item {
    position: relative;
    height: 400px;
    background: var(--black-color);
    border: 1px solid var(--platinum-color);
    cursor: pointer;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0px 4px 16px rgba(17 17 26 / 10%), 0px 8px 32px rgba(17 17 26 / 5%);
    transition: ease .3s all;
}
.report-items .report-item:hover {
    transform: scale(1.01);
}
.report-items .report-item img{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 300px;
    opacity: .8;
    transition: all 350ms ease-in-out;
}
.report-items .report-item .report-item-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    background: linear-gradient(to top, rgb(38 33 29 / 70%) 20%, transparent);
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.report-item-caption .report-title {
    font-size: 14px;
    color: var(--white-color);
}
.report-item .publish-date {
    padding: 4px 8px;
    background: var(--jasmine-color);
    display: inline-block;
    font-size: 12px;
    width: max-content;
    font-weight: 500;
    border-radius: 50px;
    position: absolute;
    top: 16px;
}
/* Reports css end */
/* footer css start */
.site-footer {
    padding: 50px 0px 0px;
    background: var(--milk-chocolate);
}
.footer-logo-title {
    font-size: 24px;
    font-weight: bold;
    color: var(--secondary-color);
    margin-bottom: 20px;
}
@media screen and (max-width: 576px){
.footer-logo-title {
    margin-bottom: 10px;
}
}
.footer-desc p {
    color: var(--secondary-color);
    text-align: justify;
    font-size: 15px;
    line-height: 26px;
}
.footer-heading{
    font-size: 15px;
    color: var(--secondary-color);
}
.footer-links .contact-links { padding-left: 1.5rem; }
.footer-links .common-links { padding-left: 1rem; }
.footer-links ul li { position: relative; }
.footer-links ul li>a {
    color: var(--secondary-color);
    font-size: 15px;
    transition: ease .3s all;
}
.footer-links ul li>a:hover {
    color: var(--jasmine-color);
    margin-left: 6px;
    transform: scale(0.01);
}
.common-links li:before {
    content: '\f054';
    list-style: initial;
    box-sizing: content-box;
    list-style-position: outside;
    list-style-type: none;
    display: block;
    position: absolute;
    left: -10px;
    background-size: contain;
    top: 6px;
    font-family: fontawesome;
    font-size: 10px;
    color: var(--secondary-color);
}
.contact-links .contact-item:before {
    content: '';
    list-style: initial;
    box-sizing: content-box;
    list-style-position: outside;
    list-style-type: none;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: -16px;
    background-size: contain;
    top: 0px;
}
.contact-links #address:before {
    background: url(../images/ic-map.svg) no-repeat;
}
.contact-links #phone:before {
    background: url(../images/ic-phone.svg) no-repeat;
}
.contact-links #mailid:before {
    background: url(../images/ic-mail.svg) no-repeat;
}
.site-footer hr {
    border-color: var(--black-color);
    opacity: 0.5;
    margin: 2.5rem 0 3rem;
}
.copyright {
    text-align: center!important;
    background-color: var(--secondary-color);
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
}
.copyright a{
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
}
/* footer css end */