:root {
    --dark-blue: #0b2340;
      --bright-green: #28a745;
      --text-light: #fff;
      --text-muted: #ccc;
      --wave-light: #dff3e8;
      --wave-dark: #b8e3cd;
       --font-Manrope: 'Manrope';
       --font-rubik: 'Rubik';
       --font-Roboto: 'Roboto';
       --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15:0.9375em; --Font-16:1em; --Font-18:1.125em; --Font-20:1.25em;--Font-22:1.375em; --Font-24:1.5em;--Font-26:1.625em; --Font-28:1.75em; --Font-32:2em; --Font-36:2.25em; --Font-38:2.5em; --Font-40:2.75em;--Font-48:3em;
    }

@font-face {font-family: 'Manrope'; src: url('../fonts/Manrope-Regular.woff2') format('woff2'),url('../fonts/Manrope-Regular.woff') format('woff');font-weight: 400;    font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope'; src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'),url('../fonts/Manrope-ExtraBold.woff') format('woff');  font-weight: 800; font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Bold.woff2') format('woff2'),url('../fonts/Manrope-Bold.woff') format('woff');font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: 'Manrope'; src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2'),url('../fonts/Manrope-ExtraLight.woff') format('woff');font-weight: 200;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Light.woff2') format('woff2'),url('../fonts/Manrope-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope'; src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'),url('../fonts/Manrope-SemiBold.woff') format('woff'); font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Medium.woff2') format('woff2'),url('../fonts/Manrope-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.woff2') format('woff2'),  url('../fonts/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.woff2') format('woff2'),  url('../fonts/Roboto-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.woff2') format('woff2'),  url('../fonts/Roboto-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-SemiBold.woff2') format('woff2'),  url('../fonts/Roboto-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Light.woff2') format('woff2'),  url('../fonts/Roboto-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Rubik'; src: url('../fonts/Rubik-Bold.woff2') format('woff2'),  url('../fonts/Rubik-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Rubik'; src: url('../fonts/Rubik-Light.woff2') format('woff2'),  url('../fonts/Rubik-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Rubik'; src: url('../fonts/Rubik-Medium.woff2') format('woff2'),  url('../fonts/Rubik-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Rubik'; src: url('../fonts/Rubik-SemiBold.woff2') format('woff2'),  url('../fonts/Rubik-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face { font-family: 'Rubik'; src: url('../fonts/Rubik-Regular.woff2') format('woff2'),  url('../fonts/Rubik-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}


    body {font-family:var(--font-rubik);font-size: var(--Font-16); }
    a { text-decoration: none; }
.container {
    width: 100%;
    padding: 0 15px;
    max-width: 1414px;
    margin: 0 auto;
}
  .sectionMainTitle{font-family: var(--font-Manrope); font-weight: 800;font-size:var(--Font-48);line-height: 60px;letter-spacing: -0.24px;}
    .navbar { background-color: #F3F3F3; }
    

    /* HERO */
   .hero {position: relative; background: url('../images/banner-bg.webp') center/cover no-repeat;padding-top: 44.5%;overflow: hidden;}
    .bannerContent {display: flex;gap: 30px;flex-direction: column;align-items: center;}
.bannerContent .bannerVector{width: 100%;}


.bannerVideoWrap video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/* new css here  */
.navbar .navbar-brand img { height: 65px;  max-width: 260px; object-fit: contain; max-height: 70px; width: auto;}
.highlights { font-family: var(--font-rubik); background:#fff url(../images/highlight-bg.webp) bottom / cover no-repeat; color: #323232; padding: 60px 0px 210px;}
#highlights h2 { font-size: var(--Font-48); margin-bottom: 3rem; font-weight: 800; }
.style-1 h5{color:#26569A; font-weight: 600;letter-spacing: -0.5px;font-size: var(--Font-24);border-bottom: 1px solid #9EB3D2;padding-bottom: 6px;margin-bottom: 20px;}
.elementBox {display: grid; grid-template-columns: repeat(2, 1fr); column-gap:15px;flex-wrap: wrap;}
.style-1 .stat{ font-size: var(--Font-22); font-weight: 400; line-height: 1.2; margin-bottom: 20px;min-height: 65px;}
.style-1 .stat small{display: block;font-size: 16px;font-weight: 400;}
.cm-leftSection{position: relative;height: 100%;}
.chairman .quote { max-width: 320px;font-style: italic;color: var(--bright-green);font-size:var(--Font-20);line-height: 26px;z-index: 2;margin-bottom:40px;color: #fff;position: relative; min-height: 280px;}
    .chairman img {width: 100%;z-index: 1;margin-bottom: 0; }
section#chairman {  background: linear-gradient(  to right,  #258B5A 0%,  #1BBC6D 40%,  #EFFFF5 40%,   #EFFFF5 100%  );}
.chairman{position: relative;overflow: hidden;}
.chairman:before {content: "";position: absolute;bottom: 0;left: 0;width: 40%;max-width: 600px;height: 440px;
background: url('../images/pattern-left.svg') left/cover no-repeat;opacity: 0.4;z-index: 0;}
.chairman::after {content: "";position: absolute;top: 0;right: 0px;width: 40%;max-width: 450px;max-height: 400px;height: 400px;background: url('../images/f-pattern.png') left/cover no-repeat;opacity:1;z-index: 1;}
.chairman h2 {font-weight: 800; color: #323232; font-size: var(--Font-48); margin-bottom: 1rem;}
.chairman { padding: 85px 0px 0px;}
.cm-leftSection {position: relative; height: 100%;}
.cm-leftSection img{position: absolute;bottom: -1px;right: -75px;max-width: 500px;}
.cm-leftSection p strong {font-weight: 500;font-size: var(--Font-24);color: #fff;}
.cm-leftSection p small {font-weight: 400;font-size: var(--Font-18);color: #fff;}
.cm-rightSection{ padding:0px 0px 130px 75px;}
.knowMoreBtn{position: relative;border-radius: 28px;color: #323232;gap: 10px;display: inline-flex;min-width: 150px;padding: 5px 5px 5px 18px;font-size:var(--Font-16);border:1px solid #F8B344;font-weight: 500;background: #F8B344;align-items: center;justify-content: center;transition: all 0.4s;
}
.knowMoreBtn:hover {background: #fff;color: #1d4382;border-color: #F8B344;}
span.button-arrow {width: 34px;background: #fff;height: 34px;font-size:var(--Font-22);color: #F8B344;display: flex;align-items: center;justify-content: center;border-radius: 100px;   transition: 0.4s all ease;}
.button-arrow img{width: 12px;}
.knowMoreBtn:hover span.button-arrow {rotate: 45deg; background: #F8B344;color: #fff;}
.knowMoreBtn:hover span.button-arrow img {filter: brightness(0) invert(1); }
.capitals {background:#eee9ee;color:#323232;padding: 60px 0 50px;}
/* .capitals {background: url('../images/capital-bg.webp') top/cover no-repeat;color:#323232;padding: 60px 0 140px;} */
.capitals.style-1 h5 {border-color: #fff;}
.capitals .capital-item{margin-bottom: 65px;}

.board{text-align: center;padding-top: 90px;background: #fff url(../images/light.webp) no-repeat bottom center;background-size: contain;   
}
.imgDirector{position: relative;display: inline-block;border-radius:15px;box-shadow: 0 0px 40px rgb(0 0 0 / 10%);}
.imgDirector::after { content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 75%; height: 21px; z-index: 1; background: #2956A1; border-radius: 16px;}
.imgDirector img{z-index: 2;position: relative;}
#board img {  max-width: 100%; box-shadow: none;}
.sort-desc{padding: 10px 0px;color: #323232;font-weight: 400;width: 80%;margin: auto auto 40px;}
.bg-pattern{opacity: 0;margin-top: 60px;}

/* footer section css  */
.footer{background-color: transparent;padding: 0px;}
.footerLinks { display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap;margin-bottom: 30px;}
.footer-top{background-color: #2956A1;padding-top: 65px;padding-bottom: 50px;position: relative;overflow: hidden;}
 .footer-logo {max-width: 290px;object-fit: contain; height: auto;max-height: 92px;width: 100%;}
 .officeSection p{margin-bottom: 0px;font-family: var(--font-Manrope);}
 footer h6{ font-size:var(--Font-24); line-height: 36px; font-weight: 700; color: #fff; letter-spacing: -0.12px; margin-bottom: 8px;font-family: var(--font-Manrope);}
 footer p{font-size: var(--Font-18);line-height: 27px;font-weight: 400;color: #b4c4de;}
.separator{width: 2px;height: auto;background-color: #6a89bd; }
.social-icons { display: flex; min-height: 50px; gap: 20px; align-items: center;}
.social-icons a{display: flex;align-items: center;justify-content: center;transition: all 0.4s;width: 45px;height: 45px;border-radius: 100px;}
.social-icons a:hover{background-color: #02a558;}
.social-icons a:hover img {filter: brightness(0) invert(1);}
.footer-pattern-left { position: absolute; bottom: 0; left: 0; }
.footer-pattern-right { position: absolute; bottom: 0; right: 0px; }
.footerMenu{color: #fff;line-height: 12px;overflow: hidden;display: flex;align-items: center;justify-content: center;opacity: 0.8;padding: 0px 150px;flex-wrap: wrap;}
.footerMenu a{text-decoration: none;margin: 0 8px;font-weight: 300;font-size:var(--Font-14);line-height: 14px;color: #fff;letter-spacing: 0.28px;}
.footerMenu a:hover{color: #323232;}
.Copyright p{font-weight: 500;font-size: var(--Font-14);letter-spacing: 0.28px;color: #323232;}

/* side menu css  */
.menu-list{padding-left: 0px;}
.menu-list li{list-style: none;}
.menu-list li a {
    padding: 6px 24px 6px 40px;
    background-color: #2956a1;
    color: #fff;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s ease;
    text-decoration: none;
    display: block;
    font-weight: 500;
    font-size: var(--Font-18);
   background-image: url(../images/rightArrow.svg);
background-repeat: no-repeat;
background-position: 15px center;
background-size: 12px;

}
.menu-list li a:hover{background-color: #fff;}
.btn-close { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background-color: #fff; opacity: 1;}
div#staticBackdrop {background-color: #2956a1;}



/* .menu-list li */
/* team section css here  */
.profileSection { overflow: hidden;}
.profilElementBox {  min-width: 290px; text-align: center;padding: 15px 15px;transition: all 0.4s;}
.directorBox.profilElementBox {  min-width: unset;}
.pro-name { font-size: var(--Font-20); font-weight: 500; color: #26569A; margin: 16px 0px 4px;}
.pro-list {gap: 20px;    display: flex;    justify-content: center;    margin-bottom: 50px;}
.pro-designation {font-size:var(--Font-16);line-height: 22px;color: #323232;}
.profilElementBox:hover{background-color: #fff;border-radius: 8px; box-shadow: 0 0px 40px rgb(0 0 0 / 10%);}




/* tabing css here  */
.capital-tabs{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #9EB3D2;gap: 16px;justify-content: space-between;}
.capital-tabs .nav-link {border-radius: 12px;padding:30px;margin:0;text-align: center;display: flex;flex-direction: column;align-items: center;font-weight: 600;background:transparent; border: 0.5px solid #26569A8F;position: relative;transition: 0.3s;color: #323232;height: 100%;width: 100%;}

.capital-tabs .nav-link img {max-width: 50px;margin-bottom: 10px;}
.nav-link span{max-width: 140px;font-size: var(--Font-20);font-weight: 500;color: #fff;}
.tab-content .tab-pane .tabContentBox h3{font-size: var(--Font-28);}
.capital-tabs .nav-link.active {  border: 1px solid #26569A; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);background: transparent;}

/* Arrow/pointer below active tab */
.capital-tabs .nav-link.active::after {content: "";position: absolute;bottom: -6px;   
transform: rotate(45deg);width: 10px;height: 10px;border: 5px solid;border-color: transparent #0d6efd #0d6efd transparent;}
.capital-tabs .nav-link:hover {  border: 1px solid #0d6efd;}
.accordion-header button{font-size: var(--Font-20);font-weight: 500;}
.accordion-header button img{max-width: 40px;margin-right: 15px;}
.accordion-button:not(.collapsed) { color: #26569A; background-color: #F1F4F8;}
.accordion-button:focus{box-shadow: none;}
.tab-content .accordion-item{background-color: transparent;border: none;}
.tab-content .accordion-item .accordion-body{padding: 0;}
.capital-tabs .nav-item{transition:all 0.4s ease;}
.capital-tabs .nav-item .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)),
              url(../images/c-bg1.webp) no-repeat center center; background-size: cover;border-radius: 12px;transition: all 0.4s;}
.capital-tabs .nav-item:first-child .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)), url(../images/c-bg1.webp) no-repeat center center;transition: 0.4s all ease}
.capital-tabs .nav-item:nth-child(2) .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)), url(../images/c-bg2.webp) no-repeat center center;transition: 0.4s all ease}
.capital-tabs .nav-item:nth-child(3) .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)), url(../images/c-bg3.webp) no-repeat center center;transition: 0.4s all ease}
.capital-tabs .nav-item:nth-child(4) .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)), url(../images/c-bg4.webp) no-repeat center center;transition: 0.4s all ease}
.capital-tabs .nav-item:nth-child(5) .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)), url(../images/c-bg5.webp) no-repeat center center;transition: 0.4s all ease}
.capital-tabs .nav-item:nth-child(6) .nav-link{background: linear-gradient(rgba(38, 86, 154,0.5), rgba(38, 86, 154,0.5)), url(../images/c-bg6.webp) no-repeat center center;transition: 0.4s all ease}
.capital-tabs .nav-item .nav-link img{filter: brightness(0) invert(1);}