.main_header {
    background-color: #000;
    padding: 8px 0 !important;
    box-shadow: 0px 0px 10px rgb(253 253 253 / 31%);
    position: sticky !important;
    top: 0;
    z-index: 9999;
}


.main_header .navbar-brand {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  display: inline-block;
  background: linear-gradient(90deg, #04b4f6, #fff, #fff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textMove 3s linear infinite;
}

@keyframes textMove {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}


/* +++++++++++++++ */

/* Nav Links */
.main_header .nav-link {
    color: #fff !important;
    font-weight: 500;
    margin-left: 15px;
    padding: 17px 12px 20px;
    font-size: 15px;
    transition: .3s ease;
}

.main_header .nav-link i{
  font-size: 13px;
}
/* Hover / Active */
.main_header .nav-link:hover,
.main_header .nav-link.active {
    color: #1263c4 !important;
    text-decoration: none;
}

.navbar-brand:focus,
.navbar-brand:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}




.enquiry_button_header a {
  display: inline-block;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  /* background: linear-gradient(45deg, #186ed2, #00c6ff); */
  background: linear-gradient(45deg, #186ed2, #abaeaf);
  border-radius: 50px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  /* transition: all 0.3s ease; */
  position: relative;
  overflow: hidden;
}

/* Hover Effect */
.enquiry_button_header a:hover {
  color: #fff;
  /* transform: translateY(-3px); */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Optional: Animated background wave effect */
.enquiry_button_header a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: all 0.5s ease;
}

.enquiry_button_header a:hover::before {
  left: 200%;
}

/* Show dropdown menu on hover */
.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* Optional: remove gap */
}

/* Optional: smooth fade effect */
.dropdown-menu {
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  display: block; /* keep display block for transition */
}

.navbar-nav .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  width: 245px;
  height: auto;
  padding: 0px;
  border-top: 5px solid #1365c6;
}

.submenu_dropdown_header {
  border-radius: 0 !important;
}
.submenu_dropdown_header li{
  border-bottom: 1px dotted #b1b8be;
}

.submenu_dropdown_header .dropdown-item {
  padding: 10px 15px;
  font-size: 14px;
}

.submenu_dropdown_header .dropdown-item.active,
.submenu_dropdown_header .dropdown-item:active {
  background-color: transparent !important;
  color: inherit; 
}
.submenu_dropdown_header .dropdown-item:hover {
  background-color: #f0f0f0;
}

.submenu_dropdown_header .dropdown-item i{
  color: #2574cf;
}


/* main header end  */



/* mobile header start  */
.show-on-top {
    z-index: 9999 !important;
}
.mobile_header_offcn {
  background: linear-gradient(to right, #000000, #666363) !important;
  color: #fff !important;
}
.mobile_header_offcn h5{ 
 color: #ffffff !important;
 font-weight: 700;
 font-size: 28px;
 margin-top: 3px;
 margin-bottom: 7px;
 }
.offcanvas-header {
  border-bottom: 2px solid #fff !important; 
}

 .closed_mobile_header {
    background: linear-gradient(45deg, #000000, #abaeaf);
    padding: 7px 14px 9px 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    border-radius: 55px 100px 47px 28px !important;
    border: 3px solid #c2c2c2;
    margin-top: 0px;
}

 .closed_mobile_header i {
    color: #fff;
}

.mobile_offcanvas_div {
    padding: 20px;
}

.mobile_offcanvas_div ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile_offcanvas_div ul li {
    margin-bottom: 0px;
}

.mobile_offcanvas_div ul li a {
    text-decoration: none;
    font-size: 15px;
    color: #faefef;
    font-weight: 400;
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile_offcanvas_div ul li a:hover {
    color: #fff;
}
.digital_accordion_div {
  background: linear-gradient(to right, #595656, #000000) !important;
}

.digital_accordion_div ul li a{
  padding-left: 10px !important;
  font-size: 14px;
}

.mobile_icondrop {
    float: right;
    padding: 4px 16px 9px 31px;
    font-size: 13px !important;
}

.cog_icon_mb {
    font-size: 12px !important;
    color: gray;
}

.details_mobile_head {
    background: linear-gradient(to right, #595656, #000000) !important;
    padding: 20px;
    border-radius: 15px;
    color: #fff;
    max-width: 400px;
    margin: 20px auto;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
   
}

.details_mobile_head h3 {
    font-size: 17px;
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.details_mobile_head h3::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #fff;
    margin-top: 6px;
    border-radius: 2px;
}

.contact-address {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #ddd;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-list li {
    margin-bottom: 12px;
}

.contact-list li a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 0px !important;
    border: none !important;
    background: none !important;
    color: #fff;
    text-decoration: none;
    font-size: 15px !important;
    padding-bottom: 12px !important;
    padding-top: 0px !important;
}

.contact-list li a::before {
    margin-right: 10px;
}

.contact-list li a i {
  background: linear-gradient(45deg, #000000c7, #9ea2a4);
  color: #fff !important;
  font-size: 15px;
  padding: 10px 10px 10px;
  border-radius: 20% !important;
  border: 3px solid #c2c2c2;
}

.mobile_cropbar_btn {
  background:linear-gradient(to right, #1364C6, #1A2A6C, #000000);
  color: #fff !important;
  border: 2px solid #fff !important;
  display: none !important;
}

.nav-pills .nav-link:hover{
  color: #fff !important;
}
   /* mobile header e */

/*  */
.desk_banner {
    background: #000;
}
/*  */

/* footer css s */
.footer_main {
    /* background: rgb(0 0 0); */
  border-top: 3px solid;
  border-image: linear-gradient(to right, #e1e3e3, #1555ae) 1;
  background: linear-gradient(to right, #1364C6, #1A2A6C, #000000);
}
.footer-links a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 4px 0px 7px;
    transition: .3s;
    border-bottom: 1px dotted #ffffff42;
}
.footer-links a:hover {
    color: #fff;
    padding-left: 5px;
}


/*  */
.footerquiclink h4 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  display: inline-block;
  background: linear-gradient(90deg, #103b3b, #fff, #fff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textMove 3s linear infinite;
}

/* Reuse same keyframes */
@keyframes textMove {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

/* .footerquiclink h4{
  font-weight: 700;
  font-size: 33px;
  color: #fff;
  padding-left: 10px;
} */
.footerquiclink h4::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #fff;
    margin-top: 11px;
    border-radius: 3px;
    margin-bottom: 20px;
    
}
.footerquiclink p{
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 0;
    padding: 0px 13px 0px 10px;
    text-align: justify;
}

.footerquiclink h5{
  font-weight: 700;
  font-size: 21px;
  color: #fff;
}

.footerquiclink h5::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #fff;
    margin-top: 12px;
    border-radius: 3px;
    margin-bottom: 25px;
}

/* Hover effects with brand colors */

.social_fllow h6 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}

.social-icons {
    display: flex;
    gap: 12px;
    align-items: center;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #1360c06e;
    border-radius: 5px;
    font-size: 18px;
    color: #555;
    text-decoration: none;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Facebook */
.social-icons a:nth-child(1) {
    color: #fff;
}

/* Instagram */
.social-icons a:nth-child(2) {
    color: #fff;
}

/* YouTube */
.social-icons a:nth-child(3) {
    color: #fff;
}


/* e social */


/* footer e */

/* banner css s */
   .banner-img {
        border-radius: 5px;
    }

    /*  */
    /* Attractive video box styling */
.video-box {
    position: relative;
    width: 400px;
    height: 250px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    backdrop-filter: blur(10px);
}

/* Play / Pause Icon */
.play-icon {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #fff;
    background: rgb(208 14 14 / 84%);
    width: 45px;
    height: 45px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: all .3s ease;
}

.play-icon:hover {
    background: rgba(0,0,0,0.75);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Video */
#myVideo, .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* FIXED POSITION */
.video-overlay {
    position: absolute;
    top: 85%;
    right: 3%;
    transform: translateY(-50%);
    z-index: 10;
    display: none;
}

/* banner css e */

/* s */

.Events_sec_div {
    padding: 35px 0;
    background: #000;
}

.owl-carousel .item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    /* transition: transform 0.3s ease; */
}
.Events_carousel .item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    display: block;
    margin-top: 35px;
}

/* Hover Animation: move up slightly */
.Events_carousel .item img:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}

.Events_carousel .item img {
    will-change: transform;
}


.Events_that h3{
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
}


/*  */
.Events_that {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.events-nav button {
    border: none;
    background: #333;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.events-nav button:hover {
    background: #555;
}

.events-nav i {
    font-size: 16px;
}
.events-nav{
   display: inline-flex;
}


/* e */

/* profile website s */

/* GLOBAL RESETS */
.profile_web_sec {
  padding: 45px 0 35px;
  background: #000000;

}

/* IMAGE STYLING */

.images_profile_web {
    position: relative;
    display: inline-block;
}

.images_profile_web img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

/* Blue transparent blink overlay */
.images_profile_web::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 22, 29, 0.4); /* blue transparent */
    animation: blueBlink 2s ease-in-out infinite;
    pointer-events: none;
    opacity: 0;
    border-radius: 10px;
}

@keyframes blueBlink {
    0% { opacity: 0; }
    50% { opacity: 1; }   /* blue appears */
    100% { opacity: 0; }  /* blue fades out */
}


/* CONTENT AREA */


.content_profile h3 {
  font-size: 36px;
  font-weight: 800;
  /* color: #09113e; */
  color: #fff;
  line-height: 42px;
  margin-bottom: 20px;
}

.content_profile p {
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 0;
}
.logo_profile img{
    width: 100%;
    background: linear-gradient(to right, #000000, #666666);
    border: 4px solid #fff;
    border-radius: 50%;
    animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}



/* MAKE IT LOOK PREMIUM */
.content_profile h3::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #007bff;
  margin-top: 12px;
  border-radius: 3px;
}

/* RESPONSIVE DESIGN */
@media (max-width: 992px) {
  .profile_web_sec {
    padding: 50px 0;
  }

  .content_profile {
    padding-top: 30px;
  }

  .content_profile h3 {
    font-size: 26px;
  }
}



@media (max-width: 576px) {
  .content_profile h3 {
    font-size: 22px;
  }

  .content_profile p {
    font-size: 15px;
  }
}

.read-more-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background: #111;
  color: #fff;
  font-size: 0.95rem;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s ease;
}

.read-more-btn:hover {
  background: #333;
  color: #fff;
}
.read-more-btn a{
    color: #fff !important;
    text-decoration: none;
}
.big_img_profile img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 4px solid #346fcb;
     animation: moveLeftRight 4s ease-in-out infinite;
}


@keyframes moveLeftRight {
  0% { transform: translateX(0); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0); }
}

/* profile website e */


/* PILLARS FOR AN EXTRAORDINARY LIFE css s */

.pillars_life_sec {
  padding: 45px 0;
  background: #000000;
}

.pillars_content h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

.pillars_list {
  list-style: none;
  padding: 0;
  padding-top: 6px;
}

/* .pillars_list li {
  font-size: 20px;
  margin-bottom: 12px;
  padding: 10px 15px;
  cursor: pointer;
  transition: all .3s ease;
  background: linear-gradient(to right, #060501, #ffffff);
  color: #fff;
  border-left: 4px solid #186ed2;
}

.pillars_list li:hover,
.pillars_list li.active {
  background: linear-gradient(to right, #186ed2, gray);
  color: #fff;
  border-left: 4px solid #000000;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
} */


.pillars_list li {
  /* font-size: 20px;
  margin-bottom: 12px;
  padding: 10px 15px;
  cursor: pointer;
  transition: all .3s ease;
  background: linear-gradient(120deg, #000000, #444444, #000000);
  background-size: 300% 300%;
  animation: waveBG 4s ease infinite;
  border-radius: 5px;
  color: #fff;
  border-left: 4px solid #186ed2; */

    font-size: 20px;
    margin-bottom: 12px;
    padding: 10px 15px;
    cursor: pointer;
    transition: all .3s ease;
    background: linear-gradient(120deg, #9b9494, #3d7eca, #000000);
    background-size: 300% 300%;
    animation: waveBG 4s ease infinite;
    border-radius: 5px;
    color: #fff;
    border-left: 4px solid #186ed2;
}

.pillars_list li:hover,
.pillars_list li.active {
  /* Hover wave with your colors */
  background: linear-gradient(120deg, #b4b3b0, #186ed2, gray, #000000);
  background-size: 300% 300%;
  animation: waveBG 4s ease infinite;
  border-radius: 5px; 
  color: #fff;
  border-left: 4px solid #1364c5;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
}

/* Wave animation */
@keyframes waveBG {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.pillars_images {
  position: relative;
  height: 420px;
  margin-top: 140px;
}

.pillars_images img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 420px;
  /* object-fit: contain; */
  opacity: 0;
  transform: scale(.9);
  transition: .5s ease;
  border-radius: 10px !important;  
}



.pillars_images img.active {
  opacity: 1;
  transform: scale(1);
}


.heading_life_sec h2{
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    line-height: 42px;
    margin-bottom: 35px;
}

.heading_life_sec h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #007bff;
    margin-top: 12px;
    border-radius: 3px;
}
/* PILLARS FOR AN EXTRAORDINARY LIFE end */


@media (max-width: 767px) { 
  .logo_profile img {
    display: none;
  }
     .big_img_profile img {
        animation: none !important;
    }
    .pillars_images {
      margin-top: 35px;
    }
    .mobile_cropbar_btn {
      display: block !important;
    }
    .nav-justified .nav-item, .nav-justified>.nav-link {
      padding-right: 56px !important;
      padding-bottom: 10px;
      padding-left: 0px;
    }
    .tabone_all {
    height: 152px !important;
    width: 100%;
    }

    .milestones_box .col-md-4:nth-last-child(-n+3) .box_card_div {
        margin-bottom: 0 !important;
    }

     .milestones_box .col-md-4:nth-child(-n+3) .box_card_div {
        margin-top: 20px;
    }
}


/* testimonial css s */
/* Background Image Section */
.testimonial-section {
    background: linear-gradient(to bottom, #3a3a3a, #1a1a1a, #000000);
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Profile Image Circles */
.profile-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #1364C6;
    object-fit: cover;
}

/* Slider Text Smooth Transition */
.carousel-item {
    transition: opacity 1s ease-in-out;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right,
.active.carousel-item-right,
.active.carousel-item-left {
    opacity: 0;
}

/* .carousel-fade .carousel-item {
    transition: opacity 0.6s ease-in-out;
} */

.carsl_activ_itmeshow h2{
  color: #fff !important;
  font-size: 30px;
  font-weight: 500 !important;
}


/* Carousel fade */
.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    position: absolute;
    inset: 0;
}

.carousel-fade .carousel-item.active {
    opacity: 1;
    position: relative;
}

.carousel-item h2 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.carousel-item.active h2 {
    opacity: 1;
    transform: translateY(0);
}

.testimonial_textalg {
  color: #fff;
}
.manger_tagp {
 color: #fff;
}

/* testimonial css e */


/*  */
.ready-to-make-sec {
    position: relative;
    padding: 60px 0;
    color: #fff;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(135deg, #363636 0%, #000000 100%);
}

/* Button and text styles */
.ready-to-make-sec h4 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}

.ready-to-make-sec p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.ready-to-make-sec .enquiry-btn {
    background:linear-gradient(45deg, #1b1b1b, #abaeaf);
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    transition: background-color 0.3s ease;
}

.ready-to-make-sec .enquiry-btn:hover {
    background-color: #ff4757;
    color: #fff;
}

/*  */
.life_banner_sec {
  position: relative;
  padding: 100px 0;
  text-align: center;
  overflow: hidden;
  color: #fff;
  transition: background 1s ease; 
}

.life_banner_sec h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 40px;
}

.life_banner_sec p {
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 30px;
  line-height: 1.6;
  margin-bottom: 0px;
}


/*  tab panel s css start*/

.explore_tab_panel_sec {
  background: linear-gradient(to bottom, #3a3a3a, #1a1a1a, #000000);
}
.explore_heading h4{
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 20px;
}

.explore_tab_panel_sec h3{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}
.explore_heading p{
  color: #fff;
}

.nav-pills .nav-link {
    margin: 0 30px;
}

.nav-pills .nav-link {
    width: 100px;         /* fixed width */
    text-align: center;
    margin: 0 30px;       /* 30px left + 30px right = 60px gap */
    padding: 10px 0;
}

/* Active button styling */
.nav-pills .nav-link.active {
    background-color: red !important;
    color: #fff !important;
       z-index: 10 !important;
        transform: translateY(-4px);
}

.nav-pills .nav-link {
    background: linear-gradient(to right, #2c77cd, #94a4b5);   /* normal state */
    color: #fff;
    border-radius: 6px;
    position: relative;
}

.nav-justified .nav-item, .nav-justified>.nav-link {
  padding-right: 10px;
}

/* .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
   background-image: linear-gradient(to right, #2c77cd, #94a4b5);
   color: #fff !important;
} */


.tabone_all {
  height: 390px;  
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 10px;
}

.tabone_all img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
}

/* tab panel css end */

/* inner_header_sec s */

.inner_header_sec {
    background: linear-gradient(to right, #2976ce, #9aa7b3);
    padding: 10px 0;
}

.inner_header_sec ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    align-items: center;
}

.inner_header_sec ul li {
    position: relative;
    padding-left: 12px; /* space for the line */
}

.inner_header_sec ul li:first-child {
    padding-left: 0;  /* Home ke aage line nahi chahiye to use change karein */
}

.inner_header_sec ul li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background: #ffffff; /* line ka color */
}


.inner_header_sec a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

/* inner_header_sec end */

/* about us inner page css s */
.about_us_section {
    padding: 60px 0;
    background: #f8f9fc;
}

.about_us_inner_images img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18);
    transition: transform .4s ease, box-shadow .4s ease;
}

.about_us_inner_images img:hover {
    transform: scale(1.03);
    box-shadow: 0 25px 35px rgba(0, 0, 0, 0.25);
}

.about_us_content h1 {
    font-size: 38px;
    font-weight: 700;
    background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}
.about_us_content h4{
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.about_us_content h4 span {
  color: red;
}
.about_us_content p {
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

.about_us_content {
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* ++++++++++++++++++++++++++++++++++++ */



.about-left {
    position: relative;
    display: inline-block;
}


/*  */
.about-img img {
    position: absolute;
    will-change: transform;
}

/* LEFT ↔ RIGHT animation */

.img-2 {
    animation: moveLeftRight 4s ease-in-out infinite;
}

@keyframes moveLeftRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}

/* UP ↕ DOWN animation */
.img-3 {
    animation: moveUpDown 3s ease-in-out infinite;
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}
/*  */
.about-img .img-1 {
    position: relative; 
    display: inline-block;
    width: 85%;
    max-width: 463px;

    animation: img1LeftRight 5s ease-in-out infinite;
    will-change: transform;
}

.about-img .img-1 img {
    width: 100%; 
    border-radius: 30px 100px 100px 100px;
    position: relative; 
    z-index: 2; 
    height: 435px;
}

@keyframes img1LeftRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-20px);
    }
    100% {
        transform: translateX(0);
    }
}

.about-img .img-1::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    width: 95%;
    border: 5px solid #2c77cd;
    border-radius: 30px 100px 100px 100px;
    transform: rotate(2deg);
    z-index: 1;
    pointer-events: none;

}

.about-img .img-2 {
  position: absolute;
  right: -65px;
  top: 17px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  object-fit: cover;
  z-index: 3;
}

.about-img .img-3 {
    position: absolute;
    right: -75px;
    bottom: -10px;
    width: 200px;
    height: 255px;
    border-radius: 30px 100px 100px 100px;
    object-fit: cover;
    z-index: 3;
}

.about-experience {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #fff;
    border-radius: 45px;
    padding: 15px 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0px 8px 25px rgba(0,0,0,0.12);
    z-index: 10;
}

.about-experience-icon img {
    width: 40px;
}

.about-experience b {
    font-size: 18px;
    line-height: 22px;
}

.about-shape img {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 120px;
    opacity: 0.4;
}



/* e */


/* about us inner page css e */

/* bigger_story_section s */

.bigger_story_section {
    padding: 60px 0;
    background: linear-gradient(90deg, #dbe3f05c, #f7f9fc);
    position: relative;
    overflow: hidden;
}

.bigger_story_section::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 250px;
    height: 250px;
    background: linear-gradient(135deg, #b6d7ff, #dbe9ff);
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.6;
    z-index: 0;
}

.bigger_content_div {
    padding-right: 30px;
    position: relative;
    z-index: 2;
}

.bigger_content_div h3 {
    font-size: 52px;
    font-weight: 700;
    background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}

.bigger_content_div p {
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

/* Image Styling */
.bigger_images {
    position: relative;
    text-align: center;
    z-index: 2;
}

.bigger_images img {
    width: 100%;
    max-width: 420px;
    border-radius: 30px 100px 100px 100px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.18);
    animation: floatImg 4s ease-in-out infinite;
    transition: transform .3s ease;
}


/* Hover effect */
.bigger_images img:hover {
    transform: scale(1.03);
}

/* bigger_story_section e */


/* chemical free india s */
.Chemical_Free_India {
  padding: 60px 0;
}



/*  */
.chemical_img {
    position: relative;
    width: 100%;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #b6d7ff,
        #dbe9ff
    );
    padding: 18px;
    box-shadow:
        0 20px 45px rgba(182, 215, 255, 0.45),
        inset 0 0 0 1px rgba(255, 255, 255, 0.6);
    transition: all 0.4s ease;
}

/* Image styling */
.chemical_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    transition: transform 0.5s ease, filter 0.4s ease;
}

/* Soft glow overlay */
.chemical_img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at top left,
        rgba(255, 255, 255, 0.7),
        transparent 60%
    );
    pointer-events: none;
}

/* Hover effects */
.chemical_img:hover {
    transform: translateY(-6px);
    box-shadow:
        0 30px 65px rgba(182, 215, 255, 0.65);
}

.chemical_img:hover img {
    transform: scale(1.06);
    filter: brightness(1.06) contrast(1.05);
}

/*  */

.chemical_heading h4{
  margin-top: 10px;
  font-size: 47px;
  font-weight: 700;
  background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 12px;
}

.chemical_heading p{
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify;
}


/* chemical free india e */


/* Doctor2_Brand_section s */

.Doctor2_Brand_section {
  padding: 60px 0;
  background: linear-gradient(135deg, #dbe9ff36, #f6faff17);
}

.brand_content h3{
  margin-top: 10px;
  font-size: 47px;
  font-weight: 700;
  background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 12px;
}
.brand_content p{
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify;
}

/*  */
.brand_details_add {
    background: linear-gradient(135deg, #999ea3, #3078cc);
    padding: 22px 26px;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);

    position: relative;
    animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}


.brand_details_add ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.brand_details_add ul li {
    position: relative;
    padding-left: 0px;
    margin-bottom: 14px;

    font-size: 16px;
    color: #fff;
    line-height: 1.8;
}

.brand_details_add ul li:last-child {
    margin-bottom: 0;
}

.brand_content p span{
  color: red;
  font-weight: 700;
}
/* Doctor2_Brand_section e */


/* Milestones_and_Achievements_section S */

.Milestones_and_Achievements_section {
  padding: 60px 0;
}
.milestones_div h4{
  margin-top: 10px;
  font-size: 47px;
  font-weight: 700;
  background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 12px;
}
.box_card_div {
  margin-bottom: 40px;
  height: 100%;
}


.milestones_box {
    padding-left: 10px;
}

.milestone_card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px 13px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    position: relative;
    height: 180px;     
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    border: 2px solid transparent;
    border-radius: 10px;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #367bcb, #ff6f78, #2c77cd) border-box;

}

.card_images {
    position: absolute;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 8px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.12);

    border: 2px solid transparent;
    border-radius: 50%;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #367bcb, #ff6f78, #2c77cd) border-box;
}

.card_images img {
    width: 55px; 
    height: 55px;
    object-fit: contain;
}

.milestone_card h5 {
    font-size: 18px;
    font-weight: 700;
    color: #585e64;
    margin-bottom: 8px;
    margin-top: 23px;
}

.milestone_card p {
    font-size: 15px;
    color: #555;
    margin: 0;
}

.milestone_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(44,119,205,0.25);
}

.milestones_div p{
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

.milestones_div {
  margin-top: 45px;
  margin-bottom: 25px;
}

.milestones_box .col-md-4:nth-last-child(-n+3) .box_card_div {
    margin-bottom: 0 !important;
}

.milestones_box .col-md-4:nth-child(-n+3) .box_card_div {
    margin-top: 25px;
}

/* Milestones_and_Achievements_section E */


/* His_Philosophy s */
.philosophy_images {
    position: relative;
    height: 345px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12);
}

/* IMAGE */
.philosophy_images img {
    width: 100%;
    display: block;
    transition: transform 0.8s ease;
    height: 100%;
    object-fit: cover; 
 
}

/* HOVER EFFECT */
.philosophy_images:hover img {
    transform: scale(1.08);
}

/* GRADIENT OVERLAY */
.image_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.45),
        rgba(0, 0, 0, 0.05)
    );
}

/* BADGE */
.image_badge {
    position: absolute;
    bottom: 24px;
    right: 24px;
    padding: 10px 22px;
    background: rgba(255, 255, 255, 0.9);
    color: #1f2a37;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    backdrop-filter: blur(6px);
}


.His_Philosophy_section{
    padding: 60px 0;
    background: linear-gradient(135deg, #dbe9ff36, #f6faff17);
}

.philosophy_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


.philosophy_div h4{
  margin-top: 10px;
  font-size: 47px;
  font-weight: 700;
  background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 12px;
}

.philosophy_div p{
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify;
}
.philosophy_div p span{
  color: red;
  font-weight: 700;
}


/* His_Philosophy e*/


/*Join_the_Mission_section S */

.join_button {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 18px;
}


.btn-primary-cta {
    background: linear-gradient(135deg, #3a7cc9, #9ea8b2);
    color: #fff;
    padding: 14px 34px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(44,119,205,0.35);
    transition: all 0.3s ease;
}

.btn-secondary-cta {
    background: transparent;
    color: #2c77cd;
    padding: 14px 34px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #2c77cd;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(44,119,205,0.45);
    color: #fff;
}

.btn-secondary-cta:hover {
    background: linear-gradient(135deg, #3a7cc9, #9ea8b2);
    color: #fff;
    transform: translateY(-3px);
    border: none;
}


.join_mission_div {
    background: #9ca7b217;
    padding: 30px;
    border-radius: 10px;
}

.join_mission_div h4{
    margin-top: 0px;
    font-size: 47px;
    font-weight: 700;
    background: linear-gradient(to right, #2976ce, #9aa7b3, #000);
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 12px;
}

.join_mission_div p{
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

.Join_the_Mission_section{
 padding: 60px 0;
}
/*Join_the_Mission_section E */



.bigger_images .img-1 {
    position: relative;
    display: inline-block;
    width: 85%;
    max-width: 463px;
    animation: img1LeftRight 5s 
ease-in-out infinite;
    will-change: transform;
  
}


/* Smooth floating animation */

@keyframes floatImg {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0px); }
}

.bigger_images .img-1::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    width: 95%;
    border: 5px solid #2c77cd;
    border-radius: 30px 100px 100px 100px;
    transform: rotate(2deg);
    z-index: -1;
    pointer-events: none;
}