body,html{overflow-x:hidden!important}.no-scroll{overflow:hidden}.fixed-top.scrolled{background-color:black!important;transition:background-color 200ms linear}.text-grey{color:#414042;font-weight:900}.list{list-style:none}.trustee .border-bottom{border-bottom:2px solid #fff!important;width:25%}.core-values .border-bottom{border-bottom:2px solid #fff!important;width:25%}.strategic-program .border-bottom{border-bottom:2px solid #fff!important;width:25%}.our-gallery .border-bottom{border-bottom:2px solid #fff!important;width:15%}.margin-contact{margin-top:11%!important}.shadow-card{box-shadow:5px 5px 5px #414141}.shadow-card-contact{min-height:330px;box-shadow:2px 5px 5px #969595}.group-55{border:2px solid white!important}.address{top:-22%!important}.info-call{position:absolute;top:15rem}.email-call{position:absolute;top:15rem}.address-circle{border-radius:50px 50px 0 0px!important}.green-bg{padding-top:160px}.btn-nbg-red{color:#fff;background-color:#EC3025;border-color:#EC3025}.btn-nbg-red:hover{color:#fff;background-color:#e41f14;border-color:#e41f14}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{text-decoration:underline!important}.mobile-slider{display:none}.margin-banner-90{margin-top:90px}.carousel-control-next{right:-60px}.carousel-control-prev{left:-60px}.custom-caption-1{position:absolute;top:75%;left:13%;transform:translateY(-50%);z-index:10}.custom-caption-1 a.btn{font-size:1.75rem;background:#0DA94F;background:linear-gradient(260deg,rgb(134 196 64) 22%,#0DA94F 91%)}.custom-caption-2{position:absolute;top:73%;right:5%;transform:translateY(-50%);z-index:10}.custom-caption-2 a.btn{font-size:1.5rem;background:#1C5C83;color:#fff;box-shadow:0 9px 13px rgb(0 0 0 / .3);border-top:none;border-radius:5px}.underline-green{display:inline-block;position:relative;padding-bottom:5px}.esg-blog-section .underline-green::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:135%;height:3px;background-color:green;border-radius:2px}.welcome-section .underline-green::after{content:"";position:absolute;left:0%;bottom:0;width:58%;height:3px;background-color:green;border-radius:2px}.join-us-section .underline-green::after{content:"";position:absolute;left:0%;bottom:0;width:80%;height:3px;background-color:green;border-radius:2px}.service-section .underline-green::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120%;height:3px;background-color:green;border-radius:2px}.about-section .underline-green::after{content:"";position:absolute;left:41%;bottom:0;transform:translateX(-50%);width:83%;height:3px;background-color:green;border-radius:2px}.our-team-section .underline-green::after{content:"";position:absolute;left:52%;bottom:0;transform:translateX(-50%);width:100%;height:3px;background-color:green;border-radius:2px}.fun-heading-section .underline-green::after{content:"";position:absolute;left:28%;bottom:0;transform:translateX(-50%);width:53%;height:3px;background-color:green;border-radius:2px}.space-slider .underline-green::after{content:"";position:absolute;left:57%;bottom:0;transform:translateX(-50%);width:112%;height:3px;background-color:green;border-radius:2px}.package-card{background-color:#1753B7;border:4px solid #3A84FF;border-radius:49px;text-align:center;overflow:hidden;position:relative;padding-bottom:25px;overflow:visible}.package-card-grey{background-color:#D9D9D9;border:4px solid #36964B;border-radius:49px;text-align:center;overflow:hidden;position:relative;padding-bottom:25px;overflow:visible}.package-card-grey .pack-heading h4{color:#093c71!important}.pack-btn{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);background:#1753B7;border:3px solid #3A84FF;padding:6px 22px;border-radius:25px;font-weight:700;font-size:18px}.package-card-grey .pack-btn{background:#36964B;border:3px solid #197562}.pack-btn a:hover{color:#fff!important}.know-more-btn{background-color:#093C71}.pack-heading h4{color:#fff}.esg-package-service-section{margin-top:10%}.pack-content{font-size:14px}.pack-btn-service{background:#0F439B;border:3px solid #3A84FF;padding:6px 22px;border-radius:25px;font-weight:700;font-size:18px}.pack-btn-service-green{background:#36964B;border:3px solid #197562;padding:6px 22px;border-radius:25px;font-weight:700;font-size:18px}.custom-popup-btn{position:absolute;width:160px;bottom:62px;left:26%;transform:translateX(-50%);padding:6px 11px;font-size:14px;border-radius:19px;border:2px solid #FFCA07;background-color:#FFCA07;color:#000;text-decoration:none;display:inline-block;font-weight:900;cursor:pointer}.custom-popup-btn:hover{background-color:#FFCA07;color:#000}.popup-close-btn{background:#1D5F2F;color:#fff;border:#1D5F2F;;width:28px;height:28px;border-radius:50%;top:-10px;right:-8px;z-index:9999;opacity:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;cursor:pointer;transition:0.3s ease}.popup-close-btn:hover{background:#333;transform:scale(1.1)}@media only screen and (min-width:1920px){.margin-contact{margin-top:10%!important}}@media only screen and (max-width:430px){.margin-top-navbar{margin-top:22%!important}.shadow-card{box-shadow:none}.address-circle{border-radius:50px 50px 50px 50px!important}.carousel-control-next{right:-23px!important}.carousel-control-prev{left:-23px!important}.custom-caption-2 a.btn{font-size:1rem;font-weight:500;background:#fff;color:#1C5C83;box-shadow:0 9px 13px rgb(0 0 0 / .3);border-top:none}.custom-caption-1 a.btn{font-size:12px;font-weight:500;background:#0DA94F;background:linear-gradient(260deg,rgb(134 196 64) 22%,#0DA94F 91%)}.custom-caption-1{top:72%}.custom-popup-btn{width:141px;bottom:47px!important;left:28%!important;padding:5px 9px;font-size:12px}}@media only screen and (max-width:576px){.info-call{top:14rem!important}.email-call{top:40rem!important}}@media only screen and (max-width:992px){.address{position:relative!important}.green-bg{padding:10px!important}.info-call{top:10rem}.email-call{top:12rem}.margin-contact{margin-top:1%!important}.shadow-card-contact{min-height:324px!important}}@media only screen and (max-width:768px){.contact-us .email-text a{font-size:12px!important;font-family:var(--bs-font-sans-serif);font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0}.mobile-slider{display:block}.desktop-slider{display:none}.carousel-control-next{right:-37px}.carousel-control-prev{left:-37px}}@media only screen and (max-width:425px){.contact-us .email-text a{font-family:var(--bs-font-sans-serif);font-size:1rem!important;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0}}@media only screen and (max-width:380px){.carousel-control-next{display:none!important}.carousel-control-prev{display:none!important}.img-max-height{max-height:138px}}@media only screen and (max-width:320px){.custom-popup-btn{width:121px;bottom:39px!important;left:28%!important;padding:5px 6px;font-size:10px;font-size:10px}}


/* Hover/focus color */
.dropdown-item:focus,
.dropdown-item:hover {
  color: #024B99 !important;
  font-weight: 600;
  background-color: transparent;
}

/* Active state */
.dropdown-item.active,
.dropdown-item:active {
  color: #024B99 !important;
  text-decoration: none;
  background-color: transparent;
  font-weight: 600;
}

/* Submenu container */
.dropdown-submenu {
  position: relative;
}

/* Submenu positioning for desktop */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
  border-radius: 0.25rem;
  min-width: 200px;
  z-index: 9999;
}

/* Show submenu on hover (desktop ≥1025px) */
@media (min-width: 1025px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}

/* Arrow icon for desktop */
.dropdown-submenu > a {
  position: relative;
}
.dropdown-submenu > a::after {
  content: "\f105"; /* Font Awesome arrow right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  float: right;
  margin-left: 5px;
}

/* ✅ On mobile & tablets (≤1024px) */
@media (max-width: 1024px) {
  .dropdown-menu {
    position: static; /* allow flow positioning in mobile nav */
    float: none;
  }

  .dropdown-submenu > .dropdown-menu {
    position: static;  /* remove absolute positioning */
    display: none;     /* hidden by default */
    margin: 0;
    padding-left: 1rem; /* indent to show hierarchy */
    background: #fff;  /* inherit parent background */
    border: none;      /* no border */
    box-shadow: none;  /* no shadow */
  }

  .dropdown-submenu > .dropdown-menu.show {
    display: block; /* show inline, not floating */
  }

  .dropdown-submenu > a::after {
    content: none; /* optional: remove arrow */
  }
}



