*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}



.logo img {

    height: 50px;

    width: auto;

    display: block;

}

.logo{

    display:flex;

    align-items:center;

    gap:4px;

}



.logo img{

    height:35px;

}



.logo-text{

    color:white;

    font-size:23px;

    font-weight:700;

    font-family:Orbitron,sans-serif;

}



body{

    font-family:'Inter',sans-serif;

    background:#071120;

    color:white;

}



.container{

    width:90%;

    max-width:1400px;

    margin:auto;

}



header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:1000;



    background:transparent;

    backdrop-filter:blur(15px);

    -webkit-backdrop-filter:blur(15px);



    border-bottom:1px solid rgba(255,255,255,0.08);



    transition:all 0.3s ease;

   

}



.navbar{

    max-width:1000px;

    margin:0 auto;



    display:flex;

    align-items:center;



    padding:12px 30px;

}



.nav{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 0;

}



.right-side{

    margin-left:right;



    display:flex;

    align-items:right;

    gap:30px;

}



nav{

    display:flex;

    gap:30px;

}



nav a{

    color:white;

    text-decoration:none;

    font-size:14px;

    transition:all 0.3s ease;

}



/* Hover effect */

nav a:hover{

    color:#00d4ff;

}



/* Active page */

nav a.active{

    color:#00d4ff;

    font-weight:600;

}



.btn{

    background:#00d4ff;

    color:#000;

    text-decoration:none;

    padding:14px 28px;

    border-radius:12px;

    font-weight:600;

}



.hero{

    position:relative;

    min-height:90vh;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:10px 5px;

    overflow:hidden;

    margin-top:100px;

}



.video-bg{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    object-fit:cover;

    z-index:1;

}



.hero-overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:

    linear-gradient(

        rgba(3,11,23,0.0),

        rgba(3,11,23,0.0)

    );

    z-index:2;

}



.hero-content{

    position:relative;

    z-index:3;

    max-width:1400px;

    width:100%;

    margin:auto;

}

.hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:5.5rem;

    line-height:0.95;

    font-weight:700;

    margin-bottom:30px;

    text-align:center;

}



.hero span{

    color:#00d4ff;

}



.hero p{

    max-width:900px;

    margin:30px auto;

    color:#b5bfd1;

    font-size:1.4rem;

    line-height:1.6;

}



.hero-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:40px;

}



.hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:5rem;

    line-height:0.85;

    color:white:700;

    text-align:center;

}



.btn-outline{

    border:2px solid #00d4ff;

    color:#00d4ff;

    padding:10px 20px;

    border-radius:10px;

    text-decoration:none;

}



.partners{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}



.partners img{

    background:white;

    padding:15px;

    border-radius:12px;

    height:75px;

}



.footer-partners{

    margin-top:20px;

    display:flex;

    justify-content:flex-start;

    gap:15px;

    flex-wrap:wrap;

}



.footer-partners img{

    background:white;

    padding:4px 8px;

    border-radius:8px;

    height:35px;

}



.footer-social{

    margin-top:30px;

}



.footer-social h3{

    margin-bottom:15px;

    color:white;

}



.social-icons{

    display:flex;

    gap:15px;

    align-items:center;

}



.social-icons a{

    display:flex;

    align-items:center;

    justify-content:center;



    width:42px;

    height:42px;



    background:#111827;

    border:1px solid #26364f;

    border-radius:10px;



    transition:all 0.3s ease;

}



.social-icons a:hover{

    border-color:#00d4ff;



    box-shadow:

        0 0 10px rgba(0,212,255,0.4);



    transform:translateY(-3px);

}



.social-icons img{

    width:22px;

    height:22px;

    object-fit:contain;

}



.solutions,

.why-us{

    padding:120px 10%;

}



.card,

.why-card{

    transition:all 0.3s ease;

}



.card:hover,

.why-card:hover{

    border-color:#00d4ff;



    box-shadow:

        0 0 10px rgba(0,212,255,0.4),

        0 0 20px rgba(0,212,255,0.3),

        0 0 40px rgba(0,212,255,0.2);



    transform:translateY(-5px);

}



.why-container{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}



.why-us img{

   display:inline-block;

    height:48px;

    width:auto;

    vertical-align:middle;

    margin:0 6px;

}



.why-us .logo-text{

    font-size:inherit;

}



.solutions h2,

.why-us h2{

    text-align:center;

    font-family:'Orbitron',sans-serif;

    font-size:3rem;

}



.subtitle{

    text-align:center;

    color:#a7b3c9;

    margin-top:20px;

}



.cards{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:70px;

}



.card{

    border:1px solid #26364f;

    background:#0d1525;

    padding:35px;

    border-radius:15px;

}





.card{

    border:1px solid #26364f;

    background:#0d1525;

    padding:35px;

    border-radius:15px;

    transition:all 0.3s ease;

}



/* Hover effect */

.card:hover{

    border-color:#00d4ff;



    box-shadow:

        0 0 10px rgba(0,212,255,0.4),

        0 0 20px rgba(0,212,255,0.3),

        0 0 40px rgba(0,212,255,0.2);



    transform:translateY(-5px);

}



.card h3{

    margin-bottom:20px;

}



.card p{

    color:#9ea9bd;

}



.why-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

    margin-top:60px;

}



.why-card{

    background:#0d1525;

    border:1px solid #243348;

    padding:30px;

    border-radius:15px;

}



.assessment{

    padding:100px 10%;

}



.assessment-box{

    max-width:900px;

    margin:auto;

    text-align:center;

    background:linear-gradient(

    90deg,

    #0dcdf8,

    #2e87ff);

    color:black;

    padding:70px;

    border-radius:25px;

}



.assessment-box h2{

    font-family:'Orbitron',sans-serif;

    font-size:2rem;

}



.assessment-box p{

    margin:20px 0;

}



.dark-btn{

    background:#050d17;

    color:#00d4ff;

    text-decoration:none;

    padding:16px 32px;

    border-radius:12px;

    display:inline-block;

}



.powered-by{

    margin-top:25px;

    color:#00d4ff;

    font-size:1rem;

    font-weight:600;

    line-height:1.4;

}



.footer-legal{

    margin-top:50px;

    padding-top:30px;



    border-top:1px solid #243348;



    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;



    flex-wrap:wrap;

}



.footer-legal a{

    color:#aab4c8;

    text-decoration:none;



    transition:all 0.3s ease;

}



.footer-legal a:hover{

    color:#00d4ff;



    text-shadow:

        0 0 5px rgba(0,212,255,0.6),

        0 0 10px rgba(0,212,255,0.3);

}



.footer-legal span{

    color:#4b5563;

}



footer ul li a{

    color:#aab4c8;

    text-decoration:none;

    transition:all 0.3s ease;

}



footer ul li a:hover{

    color:#00d4ff;

}



footer{

    background:#0c1423;

    padding:80px 10%;

}



.footer-container{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:60px;

}



.footer-logo{

    width:250px;

    margin-bottom:20px;

}



footer ul{

    list-style:none;

}



footer li{

    margin:10px 0;

}



.copyright{

    text-align:center;

    margin-top:50px;

    color:#aab4c8;

}





/* ABOUT HERO */



.about-hero{

    position:relative;

    padding:190px 20px 10px;

    text-align:center;

}



.about-hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:3.5rem;

    line-height:1;

}



.about-hero h1 img{

    height:60px;

    vertical-align:middle;

    margin:0 10px;

}



.about-hero p{

    max-width:800px;

    margin:30px auto 0;

    color:#9ea9bd;

    font-size:1.2rem;

}



/* COMPANY */



.about-company{

    padding:80px 10%;

}



.about-card{

    max-width:900px;

    margin:auto;

    background:#111827;

    border:1px solid #243348;

    border-radius:20px;

    padding:50px;

}



.about-card p{

    color:#b7c2d4;

    line-height:1.9;

    margin-bottom:25px;

}



/* MISSION VISION */



.mission-vision{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    max-width:1200px;

    margin:80px auto;

    padding:0 20px;

}



.mv-card{

    background:#111827;

    border:1px solid #243348;

    border-radius:20px;

    padding:50px;

    text-align:center;

}



.mv-card:hover{

    border-color:#00d4ff;



    box-shadow:

    0 0 10px rgba(0,212,255,.3),

    0 0 20px rgba(0,212,255,.2);

}



.mv-icon{

    font-size:2rem;

    color:#00d4ff;

    margin-bottom:20px;

}



.mv-card h3{

    margin-bottom:20px;

    font-size:2rem;

}



.mv-card p{

    color:#9ea9bd;

    line-height:1.8;

}



/* FOUNDER */



.founder{

    padding:100px 10%;

}



.founder h2{

    text-align:center;

    font-family:'Orbitron',sans-serif;

    font-size:3rem;

    margin-bottom:60px;

}



.founder-content{

    max-width:800px;

    margin:auto;

}



.founder h3{

    font-size:2rem;

    margin-bottom:10px;

}



.founder span{

    color:#00d4ff;

    font-weight:600;

}



.founder p{

    margin-top:25px;

    color:#b7c2d4;

    line-height:1.9;

}





/* ===================================

   TERMS & CONDITIONS PAGE

=================================== */



.legal-page{

    width:90%;

    max-width:1000px;

    margin:180px auto 100px auto;

    padding:0;

}



.legal-page h1{

    color:#ffffff;

    font-size:3rem;

    margin-bottom:15px;

    font-family:'Orbitron', sans-serif;

}



.last-updated{

    color:#00d4ff;

    font-size:15px;

    font-weight:600;

    margin-bottom:40px;

}



.legal-page h2{

    color:#00d4ff;

    margin-top:40px;

    margin-bottom:15px;

    font-size:1.5rem;

}



.legal-page p{

    color:#c7d2e0;

    line-height:1.9;

    margin-bottom:18px;

}



.legal-page ul{

    margin-left:30px;

    margin-bottom:25px;

}



.legal-page li{

    color:#c7d2e0;

    line-height:1.8;

    margin-bottom:10px;

}



.contact-box{

    background:#111b2d;

    border:1px solid #243348;

    padding:25px;

    border-radius:12px;

    margin-top:30px;

}



.contact-box p{

    margin-bottom:10px;

}



.contact-box strong{

    color:#00d4ff;

}



/* Mobile Responsive */



@media(max-width:768px){



    .legal-page{

        width:92%;

        margin:160px auto 80px auto;

    }



    .legal-page h1{

        font-size:2rem;

    }



    .legal-page h2{

        font-size:1.2rem;

    }



}

/* PRIVACY POLICY PAGE */



.privacy-page{

    width:90%;

    max-width:1000px;

    margin:180px auto 100px auto;

    padding:0;

}



.privacy-page h1{

    color:#fff;

    font-size:3rem;

    margin-bottom:15px;

    font-family:'Orbitron',sans-serif;

}



.privacy-updated{

    color:#00d4ff;

    margin-bottom:40px;

    font-weight:600;

}



.privacy-page h2{

    color:#00d4ff;

    margin-top:40px;

    margin-bottom:15px;

}



.privacy-page p,

.privacy-page li{

    color:#c7d2e0;

    line-height:1.9;

}



.privacy-page ul{

    margin-left:30px;

    margin-bottom:25px;

}



.privacy-contact{

    background:#111b2d;

    border:1px solid #243348;

    padding:25px;

    border-radius:12px;

    margin-top:30px;

}



/* ===================================

   POPIA NOTICE PAGE

=================================== */



.popia-page{

    width:90%;

    max-width:1000px;

    margin:180px auto 100px;

}



.popia-page h1{

    color:#fff;

    font-size:3rem;

    margin-bottom:15px;

    font-family:'Orbitron',sans-serif;

}



.popia-updated{

    color:#00d4ff;

    font-weight:600;

    margin-bottom:40px;

}



.popia-page h2{

    color:#00d4ff;

    margin-top:40px;

    margin-bottom:15px;

}



.popia-page p,

.popia-page li{

    color:#c7d2e0;

    line-height:1.9;

}



.popia-page ul{

    margin-left:30px;

    margin-bottom:25px;

}



.popia-contact{

    background:#111b2d;

    border:1px solid #243348;

    padding:25px;

    border-radius:12px;

    margin-top:20px;

    margin-bottom:20px;

}



.popia-contact strong{

    color:#00d4ff;

}



@media(max-width:768px){



    .popia-page{

        margin:150px auto 80px;

    }



    .popia-page h1{

        font-size:2rem;

    }



}



/* ===================================

   COOKIE POLICY PAGE

=================================== */



.cookie-page{

    width:90%;

    max-width:1000px;

    margin:180px auto 100px;

}



.cookie-page h1{

    color:#fff;

    font-size:3rem;

    margin-bottom:15px;

    font-family:'Orbitron',sans-serif;

}



.cookie-updated{

    color:#00d4ff;

    font-weight:600;

    margin-bottom:40px;

}



.cookie-page h2{

    color:#00d4ff;

    margin-top:40px;

    margin-bottom:15px;

}



.cookie-page h3{

    color:#ffffff;

    margin-top:25px;

    margin-bottom:10px;

}



.cookie-page p,

.cookie-page li{

    color:#c7d2e0;

    line-height:1.9;

}



.cookie-page ul{

    margin-left:30px;

    margin-bottom:25px;

}



.cookie-contact{

    background:#111b2d;

    border:1px solid #243348;

    padding:25px;

    border-radius:12px;

    margin-top:25px;

}



.cookie-contact strong{

    color:#00d4ff;

}



@media(max-width:768px){



    .cookie-page{

        margin:150px auto 80px;

    }



    .cookie-page h1{

        font-size:2rem;

    }



}



/* ===================================

   DISCLAIMER PAGE

=================================== */



.disclaimer-page{

    width:90%;

    max-width:1000px;

    margin:180px auto 100px auto;

    padding:0;

}



.disclaimer-page h1{

    font-family:'Orbitron',sans-serif;

    font-size:3rem;

    color:#ffffff;

    margin-bottom:15px;

}



.disclaimer-updated{

    color:#00d4ff;

    font-size:15px;

    font-weight:600;

    margin-bottom:40px;

}



.disclaimer-page h2{

    color:#00d4ff;

    margin-top:40px;

    margin-bottom:15px;

    font-size:1.5rem;

}



.disclaimer-page p{

    color:#c7d2e0;

    line-height:1.9;

    margin-bottom:18px;

}



.disclaimer-page ul{

    margin-left:25px;

    margin-bottom:25px;

}



.disclaimer-page li{

    color:#c7d2e0;

    line-height:1.8;

    margin-bottom:10px;

}



.disclaimer-contact{

    margin-top:35px;

    padding:25px;

    background:#111b2d;

    border:1px solid #243348;

    border-radius:12px;

}



.disclaimer-contact p{

    margin-bottom:10px;

}



.disclaimer-contact strong{

    color:#00d4ff;

}



/* Mobile Responsive */



@media(max-width:768px){



    .disclaimer-page{

        width:95%;

        margin:150px auto 60px auto;

    }



    .disclaimer-page h1{

        font-size:2rem;

    }



    .disclaimer-page h2{

        font-size:1.2rem;

    }



    .disclaimer-contact{

        padding:20px;

    }

}



/* ===================================

   SERVICES HERO

=================================== */



.services-hero{

    padding:180px 10% 10px;

    text-align:center;

}



.services-hero-content{

    max-width:900px;

    margin:0 auto;

}



.services-hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:3.5rem;

    color:#ffffff;

    margin-bottom:20px;

}



.services-hero p{

    color:#c7d2e0;

    font-size:1.2rem;

    line-height:1.8;

}



/* Mobile */



@media(max-width:768px){



    .services-hero{

        padding:150px 5% 80px;

    }



    .services-hero h1{

        font-size:2.3rem;

    }



    .services-hero p{

        font-size:1rem;

    }



}



.services-section{

    width:90%;

    max-width:1200px;

    margin:80px auto;

}



.service-card{

    position:relative;



    background:#0d1525;

    border:1px solid #243348;

    border-radius:20px;



    padding:40px;

    margin-bottom:30px;



    min-height:350px;



    transition:all 0.3s ease;

}



.service-card:hover{

    border-color:#00d4ff;



    box-shadow:

    0 0 10px rgba(0,212,255,0.4),

    0 0 20px rgba(0,212,255,0.3);



    transform:translateY(-5px);

}



.service-card h2{

    font-family:'Orbitron',sans-serif;

    color:#fff;

    margin-bottom:20px;

}



.service-card p{

    color:#c7d2e0;

    line-height:1.8;

}



.service-card h4{

    color:#00d4ff;

    margin-top:25px;

    margin-bottom:15px;

}



.service-card ul{

    margin-left:25px;

    width:calc(100% - 320px);

}



.service-card li{

    color:#c7d2e0;

    margin-bottom:10px;

}



.powered-by{

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid #243348;

    color:#aab4c8;

}



.powered-by strong{

    color:#00d4ff;

}



.powered-box{

    position:absolute;



    right:30px;

    bottom:30px;



    width:500px;



    padding:20px;



    background:#111b2d;

    border:1px solid #243348;

    border-radius:12px;

}



.powered-label{

    display:block;



    color:#aab4c8;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:1px;



    margin-bottom:8px;

}



.powered-box h4{

    margin:0;



    color:#00d4ff;

    font-size:18px;

    font-weight:600;

}

.services-cta{

    width:90%;

    max-width:1000px;



    margin:80px auto;



    text-align:center;



    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;



    gap:20px;

}



.services-cta h2{

    font-family:'Orbitron',sans-serif;

    color:#ffffff;

    font-size:2.5rem;

    margin:0;

}



.services-cta p{

    color:#c7d2e0;

    font-size:1.1rem;

    max-width:700px;

    margin:0;

}



.services-cta .btn{

    margin-top:10px;

}





/* ===================================

   SOLUTIONS PAGE

=================================== */



.solutions-page{

    width:90%;

    max-width:1200px;

    margin:180px auto 80px;

}



.section-title{

    text-align:center;

    margin-bottom:60px;

}



.section-title h1{

    font-family:'Orbitron',sans-serif;

    font-size:3rem;

    color:#fff;

    margin-bottom:15px;

}



.section-title p{

    color:#c7d2e0;

    font-size:18px;

}



.solutions-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}



.solution-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:20px;

    padding:35px;

    position:relative;

    min-height:450px;



    transition:all 0.3s ease;

}



.solution-card:hover{

    border-color:#00d4ff;



    box-shadow:

    0 0 10px rgba(0,212,255,0.4),

    0 0 20px rgba(0,212,255,0.25);



    transform:translateY(-5px);

}



.solution-card h2{

    color:#fff;

    margin-bottom:15px;

    font-family:'Orbitron',sans-serif;

}



.solution-card p{

    color:#c7d2e0;

    line-height:1.8;

}



.solution-card h4{

    color:#00d4ff;

    margin-top:20px;

    margin-bottom:15px;

}



.solution-card ul{

    margin-left:20px;

}



.solution-card li{

    color:#c7d2e0;

    margin-bottom:10px;

}



.solution-card .powered-box{

    position:absolute;

    bottom:25px;

    right:25px;



    background:#111b2d;

    border:1px solid #243348;

    border-radius:12px;



    padding:15px 20px;

    min-width:220px;

}



.powered-box{

    width:fit-content;



    margin:30px auto 0 auto;



    padding:15px 25px;



    background:#111b2d;

    border:1px solid #243348;

    border-radius:12px;



    text-align:center;

}



.powered-label{

    display:block;

    color:#aab4c8;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:6px;

}



.powered-box h4{

    margin:0;

    color:#00d4ff;

    font-size:16px;

    font-weight:600;

}



/* CTA */



.solution-cta{

    text-align:center;

    padding:80px 20px;

}



.solution-cta h2{

    color:#fff;

    font-size:2.2rem;

    margin-bottom:15px;

}



.solution-cta p{

    color:#c7d2e0;

    margin-bottom:30px;

    max-width:700px;

    margin-left:auto;

    margin-right:auto;

}



/* Tablet & Mobile */



@media(max-width:900px){



    .solutions-grid{

        grid-template-columns:1fr;

    }



    .solution-card{

        min-height:auto;

        padding-bottom:30px;

    }



    .solution-card .powered-box{

        position:;

        bottom:auto;

        right:auto;

        margin-top:25px;

        width:100%;

    }



    .section-title h1{

        font-size:2.2rem;

    }

}



/* ===================================

   PARTNERS PAGE

=================================== */



.partners-section{

    width:90%;

    max-width:1100px;

    margin:60px auto;



    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}



.partner-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:32px;



    padding:25px;



    transition:all 0.3s ease;

}



.partner-card:hover{

    border-color:#00d4ff;



    box-shadow:

    0 0 10px rgba(0,212,255,0.3),

    0 0 20px rgba(0,212,255,0.2);



    transform:translateY(-5px);

}



.partner-logo{

    height:80px;



    display:flex;

    align-items:center;

    justify-content:center;



    margin-bottom:15px;



background:#ffffff;

    border-radius:20px;

    padding:15px;

}



.partner-logo img{

    max-height:50px;

    max-width:180px;



    width:auto;

    height:auto;



    object-fit:contain;



    opacity:1 !important;

    filter:none !important;

}



.partner-card h2{

    color:#ffffff;

    font-family:'Orbitron',sans-serif;

    margin-bottom:20px;

}



.partner-card p{

    color:#c7d2e0;

    line-height:1.6;

    margin-bottom:15px;

}





/* CTA SECTION */



.partner-cta{

    text-align:center;



    width:90%;

    max-width:900px;



    margin:80px auto 100px;

}



.partner-cta h2{

    color:#ffffff;

    font-family:'Orbitron',sans-serif;



    margin-bottom:20px;

}



.partner-cta p{

    color:#c7d2e0;

    margin-bottom:30px;

    font-size:1.1rem;

}





/* RESPONSIVE */



@media(max-width:900px){



    .partners-section{

        grid-template-columns:1fr;

    }



}



/* PARTNERS HERO */



.partners-hero{

    text-align:center;

    width:90%;

    max-width:1200px;

    margin:180px auto 80px;

}



.partners-hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:3.5rem;

    color:#ffffff;

    margin-bottom:20px;

}



.partners-hero p{

    max-width:800px;

    margin:0 auto;

    color:#c7d2e0;

    font-size:1.15rem;

    line-height:1.8;

}



/* ===================================

   INDUSTRIES PAGE

=================================== */



.industries-hero{

    text-align:center;

    width:90%;

    max-width:1200px;

    margin:180px auto 80px;

}



.industries-hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:3.5rem;

    color:#fff;

    margin-bottom:20px;

}



.industries-hero p{

    max-width:800px;

    margin:auto;

    color:#c7d2e0;

    font-size:1.1rem;

    line-height:1.8;

}



.industries-section{

    width:90%;

    max-width:1200px;

    margin:60px auto;



    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.industry-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:30px;

    text-align:center;



    padding:30px;



    transition:all 0.3s ease;

}



.industry-card:hover{

    border-color:#00d4ff;



    box-shadow:

    0 0 10px rgba(0,212,255,.3),

    0 0 20px rgba(0,212,255,.2);



    transform:translateY(-5px);

}



.industry-card h2{

    color:#fff;

    font-family:'Orbitron',sans-serif;

    margin-bottom:20px;

    font-size:1.3rem;

}



.industry-card p{

    color:#c7d2e0;

    line-height:1.8;

    margin-bottom:20px;

}



.industry-card h4{

    color:#00d4ff;

    margin-bottom:15px;

}



.industry-card ul{

    margin-left:20px;

}



.industry-card li{

    color:#c7d2e0;

    margin-bottom:10px;

}



/* CTA */



.industry-cta{

    text-align:center;

    width:90%;

    max-width:900px;

    margin:80px auto 100px;

}



.industry-cta h2{

    color:#fff;

    font-family:'Orbitron',sans-serif;

    margin-bottom:20px;

}



.industry-cta p{

    color:#c7d2e0;

    margin-bottom:30px;

    font-size:1.1rem;

}



/* Mobile */



@media(max-width:992px){



    .industries-section{

        grid-template-columns:1fr;

    }



    .industries-hero h1{

        font-size:2.5rem;

    }

}





/* ===================================

   CONTACT PAGE

=================================== */



.contact-hero{

    text-align:center;

    width:90%;

    max-width:1200px;

    margin:180px auto 80px;

}



.contact-hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:3.5rem;

    color:#ffffff;

    margin-bottom:20px;

}



.contact-hero p{

    max-width:700px;

    margin:0 auto;

    color:#c7d2e0;

    font-size:1.15rem;

    line-height:1.8;

}



.contact-section{

    width:90%;

    max-width:1100px;

    margin:0 auto 100px;



    display:grid;

    grid-template-columns:2fr 1fr;

    gap:30px;

}



.contact-form-card,

.contact-info-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:30px;

    padding:40px;

}



.contact-form-card h2,

.contact-info-card h2{

    color:#ffffff;

    font-family:'Orbitron',sans-serif;

    margin-bottom:25px;

}



.form-group{

    margin-bottom:20px;

}



.form-group label{

    display:block;

    color:#c7d2e0;

    margin-bottom:8px;

}



.form-group input,

.form-group textarea{

    width:100%;

    padding:14px 16px;

    background:#111b2d;

    border:1px solid #243348;

    border-radius:12px;

    color:#ffffff;

    font-family:'Inter',sans-serif;

}



.form-group textarea{

    resize:vertical;

}



.form-group input:focus,

.form-group textarea:focus{

    outline:none;

    border-color:#00d4ff;

}



.contact-item{

    margin-bottom:30px;

}



.contact-item h3{

    color:#00d4ff;

    margin-bottom:10px;

}



.contact-item p{

    color:#c7d2e0;

    line-height:1.8;

}



@media(max-width:900px){



    .contact-section{

        grid-template-columns:1fr;

    }



    .contact-hero h1{

        font-size:2.5rem;

    }



}



/* BUSINESS HOURS BOX */



.business-hours-box{

    background:#00d4ff;

    color:#000000;



    padding:25px;

    margin-top:25px;



    border-radius:20px;

}



.business-hours-box h3{

    color:#000000;

    margin-bottom:15px;



    font-family:'Orbitron',sans-serif;

}



.business-hours-box p{

    color:#000000;

    margin-bottom:10px;



    font-weight:600;

    line-height:1.6;

}





/* ===================================

   FREE ASSESSMENT PAGE

=================================== */



.assessment-hero{

    text-align:center;

    width:90%;

    max-width:1000px;

    margin:180px auto 80px;

}



.assessment-hero h1{

    font-family:'Orbitron',sans-serif;

    font-size:3.5rem;

    color:#ffffff;

    margin-bottom:20px;

}



.assessment-hero p{

    max-width:850px;

    margin:0 auto;

    color:#c7d2e0;

    line-height:1.8;

    font-size:1.15rem;

}



/* MAIN SECTION */



.assessment-section{

    width:90%;

    max-width:1200px;

    margin:0 auto 100px;

}



.assessment-grid{

    display:grid;

    grid-template-columns:1.4fr 1fr;

    gap:30px;

}



/* FORM */



.assessment-form{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:25px;

    padding:40px;

}



.assessment-form h2{

    color:#ffffff;

    margin-bottom:25px;

    font-family:'Orbitron',sans-serif;

}



.assessment-form label{

    display:block;

    margin-bottom:8px;

    color:#c7d2e0;

    font-weight:500;

}



.assessment-form input,

.assessment-form select,

.assessment-form textarea{

    width:100%;

    padding:14px;

    margin-bottom:20px;



    background:#111b2d;

    border:1px solid #243348;

    border-radius:12px;



    color:#ffffff;

    font-size:15px;

}



.assessment-form textarea{

    resize:vertical;

}



/* INFO CARD */



.assessment-info{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:25px;

    padding:40px;

}



.assessment-info h2{

    color:#ffffff;

    margin-bottom:25px;

    font-family:'Orbitron',sans-serif;

}



.assessment-info ul{

    margin-left:25px;

}



.assessment-info li{

    color:#c7d2e0;

    margin-bottom:15px;

    line-height:1.7;

}



/* NOTE BOX */



.assessment-note{

    margin-top:40px;



    background:#00d4ff;

    border-radius:20px;



    padding:25px;

}



.assessment-note h3{

    color:#000000;

    margin-bottom:15px;

    font-family:'Orbitron',sans-serif;

}



.assessment-note p{

    color:#000000;

    line-height:1.8;

    font-weight:500;

}



/* RESPONSIVE */



@media(max-width:900px){



    .assessment-grid{

        grid-template-columns:1fr;

    }



    .assessment-hero h1{

        font-size:2.5rem;

    }



    .assessment-form,

    .assessment-info{

        padding:30px;

    }



}



/* FORM BUTTONS */



.assessment-form .btn,

.contact-form .btn{

    display:inline-block;

    margin-top:10px;



    transition:all 0.3s ease;

}



.assessment-form .btn:hover,

.contact-form .btn:hover{



    background:#00d4ff;

    color:#000;



    box-shadow:

    0 0 10px rgba(0,212,255,0.6),

    0 0 20px rgba(0,212,255,0.5),

    0 0 40px rgba(0,212,255,0.4);



    transform:translateY(-3px);

}





.success-message{

    max-width:700px;

    margin:30px auto;



    background:#0d1525;

    border:1px solid #00d4ff;

    border-radius:20px;



    padding:25px;



    text-align:center;

}



.success-message h3{

    color:#ffffff;

    margin-bottom:10px;

}



.success-message p{

    color:#c7d2e0;

}



/* ===================================

   RESPONSIVE DESIGN

=================================== */



/* Large TVs */

@media screen and (min-width:1600px){



    .container{

        max-width:1500px;

    }



    h1{

        font-size:5rem;

    }



    h2{

        font-size:3rem;

    }



    p{

        font-size:1.2rem;

    }

}



/* Laptop */

@media screen and (max-width:1200px){



    .container{

        width:95%;

    }



    .hero h1,

    .about-hero h1,

    .services-hero h1,

    .partners-hero h1{

        font-size:3.5rem;

    }

}



/* Tablet */

@media screen and (max-width:992px){



    .services-section,

    .partners-section,

    .solutions-grid,

    .industries-grid,

    .contact-grid,

    .assessment-grid{

        grid-template-columns:1fr;

    }



    .hero h1,

    .about-hero h1,

    .services-hero h1,

    .partners-hero h1{

        font-size:3rem;

    }



    .hero p{

        font-size:1rem;

    }

}



/* Mobile */

@media screen and (max-width:768px){



    .container{

        width:95%;

    }



    .hero,

    .about-hero,

    .services-hero,

    .partners-hero{

        padding-top:140px;

    }



    h1{

        font-size:2.2rem !important;

    }



    h2{

        font-size:1.5rem !important;

    }



    p{

        font-size:0.95rem;

    }



    .service-card,

    .partner-card,

    .solution-card,

    .industry-card{

        padding:25px;

    }

}



/* Small Phones */

@media screen and (max-width:480px){



    h1{

        font-size:1.8rem !important;

    }



    h2{

        font-size:1.3rem !important;

    }



    p{

        font-size:0.9rem;

    }



    .btn{

        width:100%;

        text-align:center;

    }

}



/* MOBILE MENU */



.menu-toggle{

    display:none;

    font-size:32px;

    color:#fff;

    cursor:pointer;

}



/* Tablet & Mobile */



@media(max-width:992px){



    .menu-toggle{

        display:block;

    }



    nav{

        position:absolute;

        top:100%;

        left:0;



        width:100%;



        background:rgba(13,21,37,.97);



        backdrop-filter:blur(20px);



        display:flex;

        flex-direction:column;



        overflow:hidden;



        max-height:0;



        transition:all .4s ease;

    }



    nav.active{

        max-height:500px;

        padding:20px 0;

    }



    nav a{

        padding:15px;

        text-align:center;

    }

}



@media(max-width:992px){



    nav{

        width:100%;

        z-index:9999;

    }



    nav.active{

        max-height:700px;

    }



    nav a{

        display:block;

        width:100%;

        padding:15px;

        text-align:center;

    }



}



@media(max-width:992px){



    .nav{

        display:flex;

        align-items:center;

        gap:15px;

    }



    .logo{

        margin-right:auto;

    }



}



.logo{

    display:flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:inherit;

    cursor:pointer;

}



.logo:hover{

    opacity:0.9;

}



.logo img{

    height:40px;

}



.nav{

    display:flex;

    justify-content:space-between;

    align-items:center;

}





.hero-content,

.about-company,

.services-content,

.solutions-page,

.partners-hero,

.industries-hero,

.contact-hero,

.assessment-hero{

    opacity:0;

    transform:translateY(25px);

    animation: luxuryFade 1.4s ease forwards;

}



@keyframes luxuryFade{

    to{

        opacity:1;

        transform:translateY(0);

    }

}



.about-hero,

.about-company,

.mission-vision,

.founder{

    opacity:0;

    transform:translateY(25px);

    animation:luxuryFade .9s ease forwards;

}



.services-hero,

.services-section,

.services-cta{

    opacity:0;

    transform:translateY(25px);

    animation:luxuryFade .9s ease forwards;

}



.partners-hero,

.partners-section,

.partner-cta{

    opacity:0;

    transform:translateY(25px);

    animation:luxuryFade .9s ease forwards;

}



.industries-hero,

.industries-section,

.industry-cta{

    opacity:0;

    transform:translateY(25px);

    animation:luxuryFade .9s ease forwards;

}



.contact-hero,

.contact-section{

    opacity:0;

    transform:translateY(25px);

    animation:luxuryFade .9s ease forwards;

}

.assessment-hero,

.assessment-section{

    opacity:0;

    transform:translateY(25px);

    animation:luxuryFade .9s ease forwards;

}



/* LEGAL PAGES ANIMATION */



.legal-page,

.privacy-page,

.popia-page,

.cookie-page,

.disclaimer-page{

    opacity:0;

    transform:translateY(25px);

    animation:legalReveal 0.9s cubic-bezier(0.22,1,0.36,1) forwards;

}



@keyframes legalReveal{

    from{

        opacity:0;

        transform:translateY(25px);

    }



    to{

        opacity:1;

        transform:translateY(0);

    }

}



.powered-by{

    color:#00d4ff;

    font-weight:600;

}



.powered-by strong{

    color:#00d4ff;

}

.powered-by{

    color:#00d4ff;

}

.service-icon{

    font-size:42px;

    color:#00d4ff;

    margin-bottom:20px;

}



.why-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:20px;



    padding:30px;



    transition:all .3s ease;

}



.why-card-content{

    display:flex;

    align-items:flex-start;

    gap:20px;

}



.why-icon{

    color:#00d4ff;

    font-size:36px;

    min-width:40px;



    transition:all .3s ease;

}



.why-text h3{

    color:#ffffff;

    font-size:1.6rem;

    font-weight:600;

    margin-bottom:10px;

}



.why-text p{

    color:#9ea9bd;

    line-height:1.8;

}



.why-card:hover{

    border-color:#00d4ff;



    box-shadow:

        0 0 10px rgba(0,212,255,.4),

        0 0 20px rgba(0,212,255,.25);



    transform:translateY(-5px);

}



.why-card:hover .why-icon{

    transform:scale(1.1);



    text-shadow:

        0 0 10px rgba(0,212,255,.8),

        0 0 20px rgba(0,212,255,.5);

}

.why-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

    margin-top:60px;

}



.why-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:20px;

    padding:30px;



    transition:all .3s ease;

}



.why-card:hover{

    border-color:#00d4ff;



    box-shadow:

        0 0 10px rgba(0,212,255,.4),

        0 0 20px rgba(0,212,255,.25);



    transform:translateY(-5px);

}



.why-card h3{

    color:#fff;

    font-size:1.6rem;

    margin-bottom:12px;

    font-weight:600;

}



.why-card p{

    color:#9ea9bd;

    line-height:1.8;

    font-size:1.05rem;

}



.why-card i{

    color:#00d4ff;

    font-size:34px;

    margin-right:15px;

}



.why-card-header{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:15px;

}



.why-card-header h3{

    margin:0;

}



.contact-item{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:15px;

}



.contact-icon{

    color:#00d4ff;

    font-size:22px;

    width:25px;

}

.contact-item a{

    color:#c7d2e0;

    text-decoration:none;

    transition:all 0.3s ease;

}



.contact-item a:hover{

    color:#00d4ff;

}



footer{

    background:#0c1423;

    padding:50px 8%;

}



.footer-container{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:40px;

}



.footer-container h2{

    font-size:1.3rem;

    margin-bottom:15px;

}



.footer-container p{

    font-size:0.95rem;

    line-height:1.5;

}



.footer-partners{

    margin-top:15px;

}



.footer-partners img{

    height:28px;

}



.contact-item{

    margin-bottom:12px;

}



.contact-icon{

    font-size:18px;

}



.footer-social{

    margin-top:20px;

}



.footer-social h3{

    font-size:1.2rem;

    margin-bottom:10px;

}



.social-icons a{

    width:40px;

    height:40px;

}



.social-icons img{

    width:18px;

    height:18px;

}



.footer-bottom{

    margin-top:35px;

}



.footer-legal{

    padding-top:20px;

    gap:10px;

}



.footer-legal a{

    font-size:0.95rem;

}



.copyright{

    margin-top:18px;

    font-size:0.9rem;

}

.partner-card{

    background:#0d1525;

    border:1px solid #243348;

    border-radius:24px;



    padding:20px;

    min-height:320px;



    transition:all 0.3s ease;

}



.partner-card h2{

    color:#ffffff;

    font-family:'Orbitron',sans-serif;

    margin-bottom:15px;

    font-size:2rem;

}



.partner-card p{

    color:#c7d2e0;

    line-height:1.6;

    margin-bottom:12px;

    font-size:0.95rem;

}



.partner-logo{

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;



    margin-bottom:15px;

    background:#ffffff;

    border-radius:15px;

    padding:12px;

}



.partner-logo img{

    max-height:40px;

    max-width:160px;

    width:auto;

    height:auto;

    object-fit:contain;

}













/* ===================================

   GLOBAL COMPACT LAYOUT

=================================== */



/* Section spacing */

.solutions,

.why-us,

.about-company,

.founder,

.services-section,

.partners-section,

.industries-section,

.contact-section,

.assessment-section{

    margin-top:40px;

    margin-bottom:40px;

}



/* Hero sections */

.hero{

    min-height:80vh;

}



.hero h1{

    font-size:4.5rem;

}



.hero p{

    font-size:1.2rem;

    max-width:800px;

}



/* Cards */

.card,

.service-card,

.solution-card,

.partner-card,

.industry-card,

.why-card{

    padding:25px;

}



/* Card headings */

.card h3,

.service-card h2,

.solution-card h2,

.partner-card h2,

.industry-card h2{

    margin-bottom:15px;

}



/* Card text */

.card p,

.service-card p,

.solution-card p,

.partner-card p,

.industry-card p{

    font-size:0.95rem;

    line-height:1.7;

}



/* Partner logos */

.partner-logo{

    height:70px;

    padding:12px;

}



.partner-logo img{

    max-height:40px;

}



/* Buttons */

.btn,

.dark-btn{

    padding:12px 24px;

}



/* Assessment box */

.assessment-box{

    padding:50px;

}



/* Footer */

footer{

    padding:50px 8%;

}



.footer-container{

    gap:40px;

}



.footer-container h2{

    font-size:1.3rem;

    margin-bottom:15px;

}



.footer-container p{

    font-size:0.95rem;

    line-height:1.5;

}



.footer-partners img{

    height:30px;

}



.footer-social{

    margin-top:20px;

}



.social-icons a{

    width:40px;

    height:40px;

}



.social-icons img{

    width:18px;

    height:18px;

}



.footer-legal{

    margin-top:30px;

    padding-top:20px;

}



.copyright{

    margin-top:15px;

    font-size:0.9rem;

}



/* Mobile */

@media(max-width:768px){



    .hero h1{

        font-size:2.8rem;

    }



    .hero{

        min-height:70vh;

    }



    .card,

    .service-card,

    .solution-card,

    .partner-card,

    .industry-card,

    .why-card{

        padding:20px;

    }



    .assessment-box{

        padding:35px 25px;

    }

}





















/* ABOUT PAGE */

.about-hero {

    padding: 188px 5% 0px;

    text-align: center;

}



.about-hero h1 {

    font-size: 3.5rem;

    margin-bottom: 15px;

}



.about-hero p {

    font-size: 1.1rem;

    max-width: 700px;

    margin: 0 auto;

    line-height: 1.5;

}



.about-content {

    max-width: 1100px;

    margin: 40px auto;

    padding: 0 5%;

}



.about-card {

    background: rgba(12, 20, 35, 0.85);

    border: 1px solid rgba(0, 191, 255, 0.15);

    border-radius: 20px;

    padding: 40px;

}



.about-card p {

    font-size: 1.1rem;

    line-height: 1.8;

    margin-bottom: 20px;

}



/* Shared page sizing */

.page-container,

.services-container,

.solutions-container,

.partners-container,

.industries-container,

.contact-container,

.about-container {

    max-width: 1200px;

    margin: 0 auto;

    padding-left: 5%;

    padding-right: 5%;

}



/* Responsive */

@media (max-width: 768px) {

    .about-hero {

        padding: 60px 5% 30px;

    }



    .about-hero h1 {

        font-size: 2.2rem;

    }



    .about-hero p {

        font-size: 1rem;

    }



    .about-card {

        padding: 25px;

    }



    .about-card p {

        font-size: 1rem;

        line-height: 1.7;

    }

}









.industry-icon {

    font-size: 42px;

    color: #00d4ff;

    margin-bottom: 20px;

    display: block;

    text-align: center;

    line-height: 1;

}



.industry-card h3 {

    margin-top: 0;

}



.industry-icon,

.industry-icon i,

.industry-card i {

    color: #00d4ff !important;

}



.industry-card i {

    font-size: 38px !important;

}







.vision-icon,

.mission-icon {

    font-size: 38px;

    color: #00d4ff;

    margin-bottom: 20px;

}









.facebook-icon,

.x-icon {

    display: none !important;

}







/* ===== MOBILE FIXES ===== */

@media screen and (max-width: 768px) {

    /* Navigation */
    .navbar,
    .nav {
        padding: 10px 15px;
    }

    .logo img {
        height: 30px;
    }

    .btn {
        padding: 12px 16px;
        font-size: 14px;
    }

    /* Hero */
    .hero {
        min-height: auto;
        padding: 120px 20px 60px;
    }

    .hero h1 {
        font-size: 2.2rem !important;
        line-height: 1.1;
    }

    .hero p {
        font-size: 1rem;
        width: 100%;
        padding: 0 10px;
    }

    .hero-buttons {
        flex-direction: column;
        gap: 15px;
    }

    .hero-buttons a {
        width: 100%;
        text-align: center;
    }

    /* Mobile Partner Logos */
@media (max-width:768px){

    .partners{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:12px;
        justify-items:center;
    }

    .partners img{
        width:140px;
        height:70px;
        object-fit:contain;
        padding:10px;
        border-radius:12px;
        background:#fff;
    }

}



.partner-logo{
    height:60px;
    padding:10px;
}

.partner-logo img{
    max-width:120px;
    max-height:35px;
    object-fit:contain;
}
    /* Solution cards */
    .cards,
    .why-grid,
    .solutions-grid,
    .industries-section,
    .partners-section,
    .contact-section,
    .assessment-grid,
    .mission-vision,
    .footer-container {
        grid-template-columns: 1fr !important;
    }

    /* Service cards */
    .service-card ul {
        width: 100%;
    }

    .powered-box {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 20px;
    }

    /* Prevent horizontal scrolling */
    body,
    html {
        overflow-x: hidden;
        width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .container,
    .solutions-page,
    .services-section,
    .partners-section,
    .industries-section,
    .contact-section,
    .assessment-section {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    footer {
        padding: 40px 20px;
    }
}

@media (max-width:768px){

    .why-card{
        padding:20px;
        border-radius:18px;
    }

    .why-card p{
        font-size:0.95rem;
        line-height:1.6;
    }

}@media (max-width:768px){

    .why-card h3{
        font-size:1.15rem;
        line-height:1.3;
    }

    .why-icon{
        font-size:28px;
    }

}



@media (max-width:768px){

    .why-grid{
        gap:15px;
        margin-top:30px;
    }

    .why-card-header{
        margin-bottom:10px;
    }

}






@media screen and (max-width: 768px) {

    .logo img {
        max-width: 110px;
    }

    .free-assessment-btn {
        font-size: 12px;
        padding: 8px 12px;
        min-width: auto;
    }
}