@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
 :root {
   --primary-text: #1a1a1a;
   --accent-teal: #4fb0c6;
   --accent-orange: #c85a35;
   --dark-bg: #050505;
   --gray-text: #b0b0b0;
 }
 body, html {
   font-family: "Manrope", sans-serif;
   overflow-x: hidden;
   background-color: #000;
   font-family: "Rubik", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
 }
 h1 {
   font-size: 3.5rem;
   font-weight: 400;
   margin-bottom: 10px;
 }
 h2 {
   font-size: 2.5rem;
   font-weight: 600;
   margin-bottom: 30px;
 }
 h3 {}
 h4 {}
 h5 {}
 h6 {}
 p {
   font-weight: 400;
   line-height: 1.313rem;
   font-size: 1rem;
   margin-bottom: 20px;
 }
 .md-pera {
   font-size: 1.2rem;
   line-height: 1.8rem;
 }
 @media (max-width: 991px) {
   h1 {font-size: 2.5rem;}
   h2 {font-size: 1.8rem;margin-bottom:20px;}
   .md-pera {font-size: 1rem; line-height: 1.313rem;}
 }
.active{border-bottom:2px solid #0E8697;}
 /* --- LOADER --- */
 #preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--dark-bg);
   z-index: 99999;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }
 .loader-text {
   color: #fff;
   font-size: 2rem;
   font-weight: 700;
   opacity: 0;
 }
 .loader-bar {
   width: 0%;
   height: 2px;
   background-color: var(--accent-teal);
   margin-top: 20px;
 }
 /* --- NAVBAR (STICKY UPDATE) --- */
 .navbar {
   padding: 30px 0;
   background: rgba(255, 255, 255, 0.95); /* Slight transparency */
   backdrop-filter: blur(10px); /* Blur effect behind menu */
   transition: padding 0.4s ease, box-shadow 0.4s ease;
 }
 .navbar.scrolled {
   padding: 10px 0;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Subtle shadow */
 }
 .navbar-brand {
   font-weight: 800;
   color: #1a2b5f;
   font-size: 1.2rem;
   line-height: 1.1;
   z-index: 10001;
   position: relative;
   opacity: 0;
   transform: translateY(-20px);
 }
 .navbar-toggler {
   border: none;
   z-index: 10001;
   position: relative;
 }
 .nav-link {
   font-size: 1rem;
   font-weight: 400;
   color: #333 !important;
   margin-left:10px;
 }
 .nav-item {

 }
 /* Desktop nav items - animate on page load */
 @media (min-width: 992px) {
   .nav-link {
     opacity: 0;
     transform: translateY(-50px);
   }
 }
 /* Mobile Menu (Full Screen Black) */
 @media (max-width: 991px) {
   .navbar-collapse {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background-color: #ffffff;
     display: flex !important;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.95);
   }
   .navbar-collapse.show {
     visibility: visible;
   }
   .nav-link {
     color: #232323 !important;
     font-size: 1.1rem;
     margin:0px 15px;
     opacity: 0;
     transform: translateY(30px);
   }
 }
 /* --- PARALLAX STRUCTURE --- */
 .page-content {
   position: relative;
   z-index: 2; /* Sits above footer */
   background-color: #fff;
   margin-bottom: 0;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
   /* ADDED PADDING TOP so content doesn't hide behind fixed header */
   padding-top: 100px;
 }
 footer {
   position: sticky;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 1; /* Sits behind page-content */
   background-color: #000;
   padding: 80px 0;
   color: #fff;
   min-height: 400px;
   display: flex;
   align-items: center;
   font-size: 1rem;
 }
 /* --- SECTIONS --- */
 .hero-section {
   padding: 40px 0 0 0; /* Adjusted padding since page-content has padding-top */
   position: relative;
   overflow: hidden;
 }
 .hero-title {}
 .hero-subtitle {
   color: var(--accent-teal);
   font-size: 1.8rem;
   font-weight: 400;
   margin-bottom: 30px;
 }
 .hero-list {
   list-style: none;
   padding: 0;
   font-size: 1.1rem;
   line-height: 1.6;
   font-weight: 400;
   color: #333;
 }
 .hero-bg-shape {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(135deg, #eef2f5 0%, #dbe4ea 100%);
   border-top-left-radius: 0;
   z-index: -1;
   background: url("../images/hero-bg2.png");
   background-position: center left;
   background-size: cover;
 }
 .dark-section {
   background-color: var(--dark-bg);
   color: #fff;
   padding: 0px 0;
 }
 .section-text {
   color: var(--gray-text);
   font-weight: 400;
   margin-bottom: 20px;
 }
 .values-title {
   color: var(--accent-orange);
 }
 .img-fluid {
   width: 100%;
   object-fit: cover;
 }
 .hero-img {
   /*mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
        -webkit-mask-image: linear-gradient(
          to bottom,
          black 80%,
          transparent 100%
        );*/
 }
 .footer-heading {
   color: var(--accent-orange);
   font-weight: 700;
   margin-bottom: 20px;
 }
 .footer-link {
   display: block;
   color: #fff;
   text-decoration: none;
   margin-bottom: 8px;
   transition: color 0.3s;
 }
 .footer-link:hover {
   color: var(--accent-teal);
 }
 .social-icons a {
   color: var(--accent-orange);
   font-size: 1.5rem;
   margin-left: 15px;
 }
 .gsap-reveal {
   visibility: hidden;
 }
 /* --- Small Div --- */
 @media (max-width: 991px) {
   .hero-subtitle {
     color: var(--accent-teal);
     font-size: 1.6rem;
   }
   .social-icons a {
     margin-left: 0px;
     margin-right: 15px;
   }
   .section-text {
       margin-bottom:15px;
   }
 }
 /* --- CONTENT SECTIONS --- */
 .content-section {
   padding: 80px 0;
 }
 .content-section.white-bg {
   background-color: #fff;
 }
 .content-section.dark-bg {
   background-color: var(--dark-bg);
   color: #fff;
 }
 /* --- HERO SECTION --- */
 .hero-section-inn {
   min-height: 500px;
   padding: 60px 0;
   background: linear-gradient(135deg, #f5f7fa 0%, #e8eef3 100%);
   position: relative;
   background: url("../images/img06.png") center left;
   background-size: cover;
 }
 .hero-section-inn .hero-title {
   font-size: 3rem;
   font-weight: 600;
   color: var(--primary-text);
   margin-bottom: 20px;
 }
 .connect {
   background: #E4E4E4;
   border-radius: 5px;
 }
 a.connect {
   text-decoration: none;
   color: #232323;
 }
 .spacer-50 {
   width: 100%;
   height: 50px;
 }
 /* Icons Section */
 .icons-section {
   background-color: #F0F0F0;
   position: relative;
   overflow: hidden;
 }


.line-right{
    border-right:1px solid #DF5825;
}

@media (max-width: 991px) {
    .line-right{
       border-right:none; 
    border-bottom:1px solid #DF5825;
}
    
}