:root{--primary:#001F3F;--secondary:#3A6D8C;--tertiary:#6A9AB0;--background:#f2f2f2;--white:#ffffff;--text-dark:#333333}*{margin:0;padding:0;box-sizing:border-box;


  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1.6;
            overflow-x: hidden;}


body{overflow-x:hidden;background-color:#f2f2f2}@keyframes iceEffect{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1.05)}}.floating{animation:iceEffect 1s forwards}.header{background:#fff;box-shadow:0 2px 15px rgb(0 0 0 / .1);position:absolute;top:20px;left:50%;transform:translateX(-50%);width:80%;z-index:1000;padding:15px 0;border-radius:15px;transition:all 0.4s ease,width 0.4s ease,left 0.4s ease,top 0.4s ease,border-radius 0.4s ease}.header.sticky{padding:5px 0;position:fixed;top:0;width:100%;border-radius:0;leftx:-0px;box-shadow:0 4px 20px rgb(0 0 0 / .15)}.nav-container{max-width:1300px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.logo img{height:35px;width:auto;transition:transform 0.3s ease}.logo a:hover img{transform:scale(1.05)}.logo-text{font-size:24px;color:#1a3157;font-weight:700;margin-left:10px;vertical-align:middle}.menu-toggle{display:none}.menu-icon{font-size:28px;color:#1a3157;cursor:pointer;display:none;transition:color 0.3s ease}.menu-icon:hover{color:#007bff}.nav-menu{display:flex;align-items:center;gap:25px;transition:all 0.4s ease}.nav-menu a{text-decoration:none;font-size:18px;color:#1a3157;font-weight:500;padding:10px 10px;transition:color 0.3s ease,background 0.3s ease;border-radius:5px}.nav-menu a:hover{color:#007bff;background:#e0e7ff}.nav-menu .dropdown{position:relative}.nav-menu .dropdown>a{display:flex;align-items:center;gap:8px}.nav-menu .dropdown>a::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;font-size:12px;color:#1a3157;transition:transform 0.3s ease}.nav-menu .dropdown:hover>a::after,.nav-menu .dropdown.active>a::after{transform:rotate(180deg)}.nav-menu .dropdown:hover>a,.nav-menu .dropdown.active>a{color:#007bff;background:#e0e7ff}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:10px;box-shadow:0 6px 20px rgb(0 0 0 / .15);min-width:220px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;z-index:1000}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:12px 20px;font-size:17px;color:#1a3157;text-decoration:none;border-bottom:1px solid #e0e7ff;transition:background 0.3s ease,color 0.3s ease,padding-left 0.3s ease}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background:#e0e7ff;color:#007bff;padding-left:25px}.cta-button {
  text-decoration: none;
  font-size: 16px;
  color: #001F3F;
  backgroundw: linear-gradient(90deg, #001F3F, #3A6D8C);
  padding: 12px 30px;
  border-radius: 40px;
  font-weight: 500;
border:2px solid #001F3F;

 
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, outline 0.3s ease;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.cta-button:hover {
  
  background:#001F3F;
color:white;


}
header.float{animation:floatIn 0.8s ease-out forwards}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,-20px) scale(.95)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}.header.sticky .nav-container{padding:10px 20px}@media (max-width:768px){.menu-icon{display:block}.header{padding:5px;leftp:0%;width:90%} .header.sticky {
    position: fixed; /* Keep fixed position on scroll */
    top: 0;
    width: 100%;
    lefdt: 0;
    border-radius: 0;
    box-shadow: 0 4px 20px rgb(0 0 0 / .15);
  }.nav-container{padding:10px 15px}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height 0.4s ease;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.menu-toggle:checked~.nav-menu{max-height:450px}.nav-menu a{padding:15px 20px;width:100%;text-align:left;border-bottom:1px solid #e0e7ff;border-radius:0}.nav-menu .dropdown>a::after{float:right}.dropdown-menu{position:static;box-shadow:none;border-radius:0;width:100%;transform:none;opacity:1;visibility:visible;max-height:0;transition:max-height 0.4s ease;background:#f5f7fa}.dropdown.active .dropdown-menu{max-height:200px}.dropdown-menu a{padding:12px 40px;background:#f5f7fa;border-bottom:none}.dropdown-menu a:hover{background:#e0e7ff;padding-left:45px}.cta-button{margin:15px 20px;text-align:center;width:calc(100% - 40px)}}.banner-slide.active{opacity:1;transform:scale(1.1);transition:transform 7s ease-in-out,opacity 1s ease-out}.banner-slide.fade-out{opacity:0}.banner-slide.fade-out{transform:scale(1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.jobs-section{padding:3rem 1rem}.jobs-container{max-width:100%;padding:0 1rem}.job-card{flex-direction:column;padding:1.5rem;align-items:flex-start}.job-info{margin-bottom:1rem}.job-info h3{font-size:1.2rem}.job-info p{font-size:.9rem}.careers-hero-content h1{font-size:2.5rem}.careers-hero-content p{font-size:1rem}.values-grid,.culture-grid,.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.job-card{padding:1.5rem}}@media (max-width:480px){.careers-hero-content h1{font-size:2rem;margin-top:35px}.careers-hero{height:50vh}.value-card,.benefit-card,.testimonial-card{padding:1.5rem}}.about-hero{height:50vh}.section-title{font-size:1.5rem}.team-member img{width:150px;height:150px}.footer{background:var(--primary);color:var(--white);padding:5rem 2rem 2rem;margin:20px;border-radius:25px}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.footer-col h4{margin-bottom:1.5rem;position:relative}.footer-col h4::after{content:'';position:absolute;bottom:-8px;left:0;width:50px;height:2px;background:var(--tertiary)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{color:var(--white);text-decoration:none;transition:0.3s}.footer-col ul li a:hover{color:var(--tertiary);padding-left:5px}.newsletter-form{display:grid;gap:1rem}.newsletter-form input{padding:.8rem;border:none;border-radius:5px}.copyright{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgb(255 255 255 / .1)}.portfolio-header{text-align:center;margin-bottom:50px}@media (max-width:1200px){.top-bar-content,.nav-container,.about-container,.services-grid,.features-grid,.footer-grid,.choose-us-grid,.company-grid{max-width:90%;margin:0 auto}}@media (max-width:992px){.nnav-menu{flex-direction:column;gap:1rem;align-items:flex-start}.hero-content h1{font-size:2.5rem;margin-top:30px}.hero-content p{font-size:1rem}.about-container{grid-template-columns:1fr}.services-grid,.features-grid,.choose-us-grid,.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cta-button{display:none}}@media (max-width:768px){.about-hero h1{font-size:2rem}.mission-grid,.values-grid,.team-grid{grid-template-columns:1fr}.company-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:60px 1fr}.top-bar-content{flex-direction:column;gap:1rem;text-align:center;text-wrap:nowrap}.company-grid{grid-template-columns:1fr}.testimonials-track{grid-template-columns:1fr}.nav-smenu{display:none}.hero h1{font-size:2.5rem}.about-grid,.contact-container{grid-template-columns:1fr}.top-bar-content{flex-direction:column;align-items:center;gap:.5rem}.hero-content h1{font-size:2.5rem}.nav-csontainer{align-items:center}.hero{height:70vh}.hero-content h1{font-size:2rem}.hero-content p{font-size:.9rem}.about-stats{grid-template-columns:1fr}.stat-number{font-size:2rem}.services-grid{gap:1rem}.service-card{padding:1rem}.faq-grid{gap:1rem}.timeline-item{grid-template-columns:1fr;gap:.5rem}.company-grid{grid-template-columns:1fr}.footer-grid{gap:1.5rem}.menu-icon{display:block;font-size:1.5em;cursor:pointer;color:#000;margin-dtop:10px}.menu-toggle{display:none}.nav-menfu{display:none;flex-direction:column;background-color:#fff;width:100%;color:#fff;position:absolute;top:60px;left:0;padding:10px 0}.menu-toggle:checked~.nav-fmenu{display:flex}.nav-mfenu a{padding:10px 20px;text-align:center;border-bottom:.3px solid gray;width:100%;position:relative;left:0}}@media (max-width:576px){.top-bar{padding:5px 0;font-size:.8rem}.nav-mesnu{gap:.5rem}.hero-content{padding:1rem}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:.8rem}.footer-col ul li{margin-bottom:.5rem}.read-more{font-size:.8rem}}
  
   .loader-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #ffffff; /* White background */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            opacity: 1;
            transition: opacity 0.7s ease-out;
        }

        .loader-overlay.loaded {
            opacity: 0;
            pointer-events: none;
        }

        .loader-svg {
            width: 150px;
            height: 150px;
        }

        /* Hexagon Pulse Animation */
        @keyframes pulseHex {
            0% { transform: scale(1) rotate(0deg); opacity: 0.8; }
            50% { transform: scale(1.2) rotate(180deg); opacity: 1; }
            100% { transform: scale(1) rotate(360deg); opacity: 0.8; }
        }

        .hexagon {
            animation: pulseHex 2s ease-in-out infinite;
        }

        .hexagon:nth-child(2) { animation-delay: 0.2s; }
        .hexagon:nth-child(3) { animation-delay: 0.4s; }

        /* Orbiting Particle Animation */
        @keyframes orbitParticle {
            0% { transform: rotate(0deg) translateX(50px) rotate(0deg); }
            100% { transform: rotate(360deg) translateX(50px) rotate(-360deg); }
        }

        .particle {
            animation: orbitParticle 1.5s linear infinite;
            transform-origin: center;
        }

        .particle:nth-child(2) { animation-delay: 0.3s; }
        .particle:nth-child(3) { animation-delay: 0.6s; }

        /* Text Wave Animation */
        @keyframes waveText {
            0%, 100% { transform: translateY(0); opacity: 0.8; }
            50% { transform: translateY(-5px); opacity: 1; }
        }

        .loader-text {
            animation: waveText 1s ease-in-out infinite;
        }