/*==================================================
BIOINFRATECH
GLOBAL CSS
==================================================*/


/*==================================================
RESET
==================================================*/

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{
    font-family:'Inter',sans-serif;
    font-size:16px;
    line-height:1.7;
    color:#222222;
    background:#F6F8FA;
    overflow-x:hidden;
    min-height:100vh;
}


/*==================================================
ROOT VARIABLES
==================================================*/

:root{

    /* Brand */

    --primary:#0A2342;
    --secondary:#008C95;
    --accent:#00AEEF;
    --success:#00B67A;

    /* Background */

    --white:#ffffff;
    --light:#F6F8FA;
    --section:#F8FBFF;

    /* Text */

    --text:#222222;
    --gray:#6B7280;

    /* Border */

    --border:#E6EEF7;

    /* Radius */

    --radius-sm:10px;
    --radius:18px;
    --radius-lg:28px;

    /* Shadow */

    --shadow-sm:0 8px 20px rgba(10,35,66,.05);

    --shadow:

        0 15px 35px rgba(10,35,66,.08);

    --shadow-lg:

        0 30px 60px rgba(10,35,66,.15);

    /* Transition */

    --transition:.35s ease;

    /* Width */

    --container:1320px;

}


/*==================================================
TYPOGRAPHY
==================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

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

    color:var(--primary);

    font-weight:800;

    line-height:1.2;

}

p{

    color:#5B6978;

    line-height:1.9;

}

a{

    text-decoration:none;

    color:inherit;

    transition:var(--transition);

}

ul{

    list-style:none;

}

img{

    display:block;

    max-width:100%;

    height:auto;

    user-select:none;

    pointer-events:none;

}


/*==================================================
GLOBAL LAYOUT
==================================================*/

section{

    position:relative;

    padding:110px 0;

}

.container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding:0 20px;

}

main{

    flex:1;

}


/*==================================================
COMMON TITLE
==================================================*/

.section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    border-radius:100px;

    background:#EAF8FF;

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.section-title{

    font-size:56px;

    color:var(--primary);

    line-height:1.15;

    margin-bottom:20px;

}

.section-text{

    max-width:780px;

    font-size:17px;

    margin:auto;

}


/*==================================================
BUTTONS
==================================================*/

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:54px;

    padding:0 32px;

    border:none;

    border-radius:12px;

    cursor:pointer;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:linear-gradient(135deg,#008C95,#00AEEF);

    color:#fff;

    box-shadow:

        0 15px 35px rgba(0,174,239,.25);

}

.btn-primary:hover{

    transform:translateY(-4px);

}

.btn-outline{

    border:2px solid #ffffff;

    color:#ffffff;

}

.btn-outline:hover{

    background:#ffffff;

    color:var(--primary);

}


/*==================================================
UTILITY
==================================================*/

.text-center{

    text-align:center;

}

.mt-30{

    margin-top:30px;

}

.mt-50{

    margin-top:50px;

}

.mb-30{

    margin-bottom:30px;

}

.mb-50{

    margin-bottom:50px;

}


/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#EDF3FB;

}

::-webkit-scrollbar-thumb{

    background:#00AEEF;

    border-radius:20px;

}


/*==================================================
SELECTION
==================================================*/

::selection{

    background:#00AEEF;

    color:#ffffff;

}
/*==================================================
LOADER
==================================================*/

.loader{

    position:fixed;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#ffffff;

    z-index:999999;

    transition:.5s ease;

}

.loader.hide{

    opacity:0;
    visibility:hidden;

}

.loader-logo{

    width:170px;
    height:auto;

    object-fit:contain;

    animation:loaderAnimation 1.8s ease-in-out infinite;

    filter:drop-shadow(0 15px 30px rgba(10,35,66,.20));

}

@keyframes loaderAnimation{

    0%{

        transform:scale(.90);
        opacity:.45;

    }

    50%{

        transform:scale(1);
        opacity:1;

    }

    100%{

        transform:scale(.90);
        opacity:.45;

    }

}


/*==================================================
COMMON CARDS
==================================================*/

.card{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

    transition:var(--transition);

    overflow:hidden;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-lg);

    border-color:var(--accent);

}


/*==================================================
SECTION BACKGROUND
==================================================*/

.bg-white{

    background:#ffffff;

}

.bg-light{

    background:var(--light);

}

.bg-section{

    background:var(--section);

}


/*==================================================
GRID
==================================================*/

.grid{

    display:grid;

}

.grid-2{

    display:grid;

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

    gap:40px;

}

.grid-3{

    display:grid;

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

    gap:35px;

}

.grid-4{

    display:grid;

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

    gap:30px;

}


/*==================================================
IMAGE
==================================================*/

.img-cover{

    width:100%;
    height:100%;

    object-fit:cover;

}

.img-contain{

    width:100%;
    height:100%;

    object-fit:contain;

}


/*==================================================
ANIMATION
==================================================*/

.fade-up{

    opacity:0;

    transform:translateY(70px);

    transition:1s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}


.fade-left{

    opacity:0;

    transform:translateX(-70px);

    transition:1s ease;

}

.fade-left.show{

    opacity:1;

    transform:translateX(0);

}


.fade-right{

    opacity:0;

    transform:translateX(70px);

    transition:1s ease;

}

.fade-right.show{

    opacity:1;

    transform:translateX(0);

}


.zoom{

    opacity:0;

    transform:scale(.90);

    transition:1s ease;

}

.zoom.show{

    opacity:1;

    transform:scale(1);

}


/*==================================================
HOVER
==================================================*/

.hover-up{

    transition:var(--transition);

}

.hover-up:hover{

    transform:translateY(-8px);

}


.hover-scale{

    transition:var(--transition);

}

.hover-scale:hover{

    transform:scale(1.04);

}


/*==================================================
SPACING
==================================================*/

.py-0{

    padding-top:0;
    padding-bottom:0;

}

.py-80{

    padding-top:80px;
    padding-bottom:80px;

}

.py-120{

    padding-top:120px;
    padding-bottom:120px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .section-title{

        font-size:46px;

    }

    .grid-4{

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

    }

}


@media(max-width:992px){

    section{

        padding:90px 0;

    }

    .grid-2,
    .grid-3{

        grid-template-columns:1fr;

    }

    .section-title{

        font-size:38px;

    }

}


@media(max-width:768px){

    .container{

        padding:0 18px;

    }

    .section-title{

        font-size:32px;

        line-height:1.25;

    }

    .section-text{

        font-size:16px;

    }

    .grid-4{

        grid-template-columns:1fr;

    }

}


@media(max-width:480px){

    section{

        padding:70px 0;

    }

    .section-title{

        font-size:28px;

    }

    .btn{

        width:100%;

    }

}
/*==================================================
NAVBAR
==================================================*/

.navbar{

    position:fixed;
    top:0;
    left:0;
    width:100%;

    z-index:9999;

    background:rgba(255,255,255,.92);

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

    border-bottom:1px solid rgba(0,0,0,.06);

    transition:.35s ease;

}

.navbar.scrolled{

    box-shadow:0 12px 35px rgba(10,35,66,.08);

}

.nav-wrapper{

    height:90px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

}


/*==================================================
LOGO
==================================================*/

.logo{

    display:flex;

    align-items:center;

    gap:14px;

    flex-shrink:0;

}

.logo img{

    width:58px;

    height:auto;

}

.logo-text h2{

    font-size:24px;

    margin:0;

    color:var(--primary);

    letter-spacing:.5px;

}

.logo-text h2 span{

    color:var(--secondary);

}

.logo-text p{

    font-size:12px;

    color:#6b7280;

    margin-top:2px;

}


/*==================================================
MENU
==================================================*/

nav{

    flex:1;

}

.main-menu{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:34px;

}

.main-menu>li{

    position:relative;

}

.main-menu>li>a{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:15px;

    font-weight:600;

    color:var(--primary);

    padding:34px 0;

    transition:.3s;

}

.main-menu>li>a:hover,
.main-menu>li>a.active{

    color:var(--secondary);

}


/*==================================================
MEGA MENU
==================================================*/

.mega-menu{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%) translateY(18px);

    width:850px;

    display:grid;

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

    gap:28px;

    padding:30px;

    background:#fff;

    border-radius:20px;

    box-shadow:0 20px 60px rgba(0,0,0,.10);

    opacity:0;

    visibility:hidden;

    transition:.35s;

}

.small-menu{

    width:260px;

    display:flex;

    flex-direction:column;

    gap:12px;

}

.mega-parent:hover>.mega-menu{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

.mega-column h3{

    font-size:16px;

    margin-bottom:18px;

    color:var(--primary);

}

.mega-column a,
.small-menu a{

    display:block;

    padding:8px 0;

    color:#555;

    transition:.3s;

}

.mega-column a:hover,
.small-menu a:hover{

    color:var(--secondary);

    padding-left:8px;

}


/*==================================================
RIGHT SIDE
==================================================*/

.nav-actions{

    display:flex;

    align-items:center;

    gap:16px;

}

.search-btn,
.menu-btn{

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:#EDF7FA;

    color:var(--primary);

    transition:.3s;

}

.search-btn:hover,
.menu-btn:hover{

    background:var(--secondary);

    color:#fff;

}

.menu-btn{

    display:none;

}


/*==================================================
SEARCH
==================================================*/

.search-overlay{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    background:rgba(10,35,66,.75);

    z-index:10000;

}

.search-box{

    width:min(700px,92vw);

    background:#fff;

    padding:40px;

    border-radius:22px;

    position:relative;

}

.search-box h2{

    margin-bottom:24px;

}

.search-box input{

    width:100%;

    height:60px;

    border:1px solid var(--border);

    border-radius:12px;

    padding:0 20px;

    font-size:16px;

    outline:none;

}

.search-box input:focus{

    border-color:var(--accent);

}

.close-search{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#f3f4f6;

    cursor:pointer;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1100px){

    .main-menu{

        gap:22px;

    }

    .mega-menu{

        width:700px;

    }

}

@media(max-width:992px){

    .menu-btn{

        display:flex;

        align-items:center;

        justify-content:center;

    }

    nav{

        position:fixed;

        top:90px;

        right:-100%;

        width:320px;

        height:calc(100vh - 90px);

        background:#fff;

        transition:.35s;

        box-shadow:-10px 0 40px rgba(0,0,0,.10);

        overflow:auto;

    }

    nav.active{

        right:0;

    }

    .main-menu{

        flex-direction:column;

        align-items:flex-start;

        gap:0;

        padding:20px;

    }

    .main-menu>li{

        width:100%;

    }

    .main-menu>li>a{

        width:100%;

        padding:18px 0;

        justify-content:space-between;

        border-bottom:1px solid #eee;

    }

    .mega-menu{

        position:static;

        width:100%;

        transform:none;

        opacity:1;

        visibility:visible;

        display:none;

        grid-template-columns:1fr;

        box-shadow:none;

        padding:15px 0 15px 18px;

        border-radius:0;

    }

    .mega-parent.open>.mega-menu{

        display:grid;

    }

}

@media(max-width:768px){

    .logo-text p{

        display:none;

    }

    .nav-btn{

        display:none;

    }

    .nav-wrapper{

        height:80px;

    }

    nav{

        top:80px;

        height:calc(100vh - 80px);

    }

}

@media(max-width:480px){

    .logo img{

        width:46px;

    }

    .logo-text h2{

        font-size:19px;

    }

    nav{

        width:100%;

    }

}
/*==================================================
HERO
==================================================*/

.hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:160px 0 110px;

    color:#ffffff;

}


/*==================================================
BACKGROUND
==================================================*/

.hero-bg{

    position:absolute;

    inset:0;

    z-index:-2;

}

.hero-bg video{

    width:100%;

    height:100%;

    object-fit:cover;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            120deg,
            rgba(10,35,66,.90),
            rgba(10,35,66,.72),
            rgba(0,140,149,.55)
        );

    z-index:1;

}


/*==================================================
CONTENT
==================================================*/

.hero-content{

    max-width:760px;

    position:relative;

    z-index:5;

}

.hero-tag{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:100px;

    background:rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.25);

    backdrop-filter:blur(12px);

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:24px;

}

.hero h1{

    color:#ffffff;

    font-size:68px;

    line-height:1.08;

    margin-bottom:28px;

}

.hero h1 span{

    display:block;

    color:#59D6FF;

}

.hero p{

    color:rgba(255,255,255,.88);

    font-size:19px;

    max-width:650px;

    margin-bottom:42px;

}


/*==================================================
BUTTONS
==================================================*/

.hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:70px;

}

.hero .btn-outline{

    border:2px solid rgba(255,255,255,.75);

    background:transparent;

}

.hero .btn-outline:hover{

    background:#ffffff;

    color:var(--primary);

}


/*==================================================
TRUST STRIP
==================================================*/

.hero-trust{

    display:grid;

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

    gap:22px;

}

.trust-item{

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.20);

    backdrop-filter:blur(14px);

    border-radius:18px;

    padding:28px 22px;

    transition:.35s ease;

}

.trust-item:hover{

    transform:translateY(-8px);

    background:rgba(255,255,255,.16);

}

.trust-item h3{

    color:#ffffff;

    font-size:42px;

    margin-bottom:8px;

}

.trust-item span{

    color:rgba(255,255,255,.82);

    font-size:14px;

    line-height:1.6;

}


/*==================================================
SCROLL INDICATOR
==================================================*/

.hero-scroll{

    position:absolute;

    left:50%;

    bottom:34px;

    transform:translateX(-50%);

    width:34px;

    height:58px;

    border:2px solid rgba(255,255,255,.60);

    border-radius:40px;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding-top:10px;

}

.hero-scroll span{

    width:6px;

    height:10px;

    border-radius:20px;

    background:#ffffff;

    animation:scrollMove 2s infinite;

}

@keyframes scrollMove{

    0%{

        opacity:0;

        transform:translateY(0);

    }

    50%{

        opacity:1;

        transform:translateY(12px);

    }

    100%{

        opacity:0;

        transform:translateY(24px);

    }

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .hero h1{

        font-size:58px;

    }

    .hero-trust{

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

    }

}

@media(max-width:992px){

    .hero{

        padding:150px 0 90px;

        text-align:center;

    }

    .hero-content{

        margin:auto;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero h1{

        font-size:48px;

    }

}

@media(max-width:768px){

    .hero{

        min-height:auto;

        padding:130px 0 80px;

    }

    .hero h1{

        font-size:38px;

    }

    .hero p{

        font-size:17px;

    }

    .hero-trust{

        grid-template-columns:1fr;

    }

    .trust-item{

        text-align:center;

    }

}

@media(max-width:480px){

    .hero{

        padding:120px 0 70px;

    }

    .hero h1{

        font-size:30px;

    }

    .hero-tag{

        font-size:12px;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .hero .btn{

        width:100%;

    }

}
/*==================================================
ABOUT SECTION
==================================================*/

.about{

    position:relative;

    overflow:hidden;

}

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:28px;

    box-shadow:0 25px 60px rgba(10,35,66,.12);

}

.experience-card{

    position:absolute;

    right:-30px;

    bottom:40px;

    width:220px;

    background:#ffffff;

    padding:28px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(10,35,66,.15);

    text-align:center;

    border-top:5px solid var(--secondary);

}

.experience-card h2{

    font-size:52px;

    color:var(--secondary);

    margin-bottom:10px;

}

.experience-card span{

    display:block;

    color:#6b7280;

    line-height:1.6;

    font-size:15px;

}


/*==================================================
ABOUT CONTENT
==================================================*/

.about-content p{

    margin-bottom:22px;

}

.about-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:35px;

}

.dark-outline{

    border:2px solid var(--primary);

    color:var(--primary);

    background:transparent;

}

.dark-outline:hover{

    background:var(--primary);

    color:#ffffff;

}


/*==================================================
WHY SECTION
==================================================*/

.why{

    position:relative;

}

.feature-card{

    padding:40px 30px;

    text-align:center;

    border-radius:22px;

    transition:.35s ease;

}

.feature-card i{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 25px;

    border-radius:50%;

    font-size:30px;

    color:#ffffff;

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--accent)
    );

    box-shadow:0 15px 35px rgba(0,174,239,.25);

}

.feature-card h3{

    margin-bottom:15px;

    font-size:22px;

}

.feature-card p{

    margin:0;

    color:#6b7280;

}

.feature-card:hover{

    transform:translateY(-10px);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1100px){

    .about-grid{

        gap:50px;

    }

}

@media(max-width:992px){

    .about-grid{

        grid-template-columns:1fr;

    }

    .about-content{

        text-align:center;

    }

    .about-buttons{

        justify-content:center;

    }

    .experience-card{

        right:20px;

        bottom:20px;

    }

}

@media(max-width:768px){

    .experience-card{

        position:relative;

        right:auto;

        bottom:auto;

        width:100%;

        margin-top:25px;

    }

    .feature-card{

        padding:35px 25px;

    }

}

@media(max-width:480px){

    .about-grid{

        gap:35px;

    }

    .experience-card h2{

        font-size:42px;

    }

    .feature-card i{

        width:70px;

        height:70px;

        font-size:26px;

    }

    .about-buttons{

        flex-direction:column;

    }

    .about-buttons .btn{

        width:100%;

    }

}
/*==================================================
INDUSTRIES
==================================================*/

.industries{

    position:relative;

    overflow:hidden;

}

.industries-grid{

    display:grid;

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

    gap:30px;

}


/*==================================================
INDUSTRY CARD
==================================================*/

.industry-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    min-height:420px;

    background:#ffffff;

    box-shadow:0 18px 45px rgba(10,35,66,.08);

    transition:.4s ease;

}

.industry-card img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:transform .6s ease;

}


/*==================================================
OVERLAY
==================================================*/

.industry-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:30px;

    background:linear-gradient(
        to top,
        rgba(10,35,66,.94),
        rgba(10,35,66,.55),
        rgba(10,35,66,.15)
    );

}

.industry-overlay i{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

    border-radius:50%;

    font-size:28px;

    color:#ffffff;

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--accent)
    );

    box-shadow:0 15px 35px rgba(0,174,239,.25);

}

.industry-overlay h3{

    color:#ffffff;

    font-size:28px;

    margin-bottom:14px;

}

.industry-overlay p{

    color:rgba(255,255,255,.88);

    margin-bottom:22px;

    line-height:1.8;

}

.industry-overlay a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#ffffff;

    font-weight:700;

    transition:.3s;

}

.industry-overlay a::after{

    content:"→";

    transition:.3s;

}

.industry-overlay a:hover{

    color:#59D6FF;

}

.industry-overlay a:hover::after{

    transform:translateX(6px);

}


/*==================================================
HOVER
==================================================*/

.industry-card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 60px rgba(10,35,66,.16);

}

.industry-card:hover img{

    transform:scale(1.08);

}

.industry-card:hover .industry-overlay i{

    transform:rotate(8deg) scale(1.08);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .industries-grid{

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

    }

}

@media(max-width:768px){

    .industries-grid{

        grid-template-columns:1fr;

    }

    .industry-card{

        min-height:380px;

    }

    .industry-card img{

        height:380px;

    }

    .industry-overlay{

        padding:24px;

    }

    .industry-overlay h3{

        font-size:24px;

    }

}

@media(max-width:480px){

    .industry-card{

        min-height:340px;

    }

    .industry-card img{

        height:340px;

    }

    .industry-overlay i{

        width:60px;

        height:60px;

        font-size:22px;

    }

    .industry-overlay h3{

        font-size:22px;

    }

    .industry-overlay p{

        font-size:14px;

    }

}
/*==================================================
FEATURED PROJECTS
==================================================*/

.projects{

    position:relative;

    overflow:hidden;

}

.project-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

    margin-top:80px;

}

.project-row.reverse{

    direction:rtl;

}

.project-row.reverse>*{

    direction:ltr;

}


/*==================================================
PROJECT IMAGE
==================================================*/

.project-image{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    box-shadow:0 25px 60px rgba(10,35,66,.12);

}

.project-image img{

    width:100%;

    height:560px;

    object-fit:cover;

    transition:.6s ease;

}

.project-image:hover img{

    transform:scale(1.08);

}


/*==================================================
STATUS BADGE
==================================================*/

.project-status{

    position:absolute;

    top:25px;

    left:25px;

    background:linear-gradient(
        135deg,
        var(--success),
        #19C77C
    );

    color:#ffffff;

    padding:10px 22px;

    border-radius:100px;

    font-size:14px;

    font-weight:700;

    box-shadow:0 12px 30px rgba(0,182,122,.30);

}


/*==================================================
PROJECT CONTENT
==================================================*/

.project-content{

    max-width:560px;

}

.project-category{

    display:inline-block;

    padding:8px 18px;

    border-radius:100px;

    background:#EAF8FF;

    color:var(--secondary);

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.project-content h3{

    font-size:42px;

    color:var(--primary);

    line-height:1.2;

    margin-bottom:22px;

}

.project-content p{

    margin-bottom:32px;

}


/*==================================================
PROJECT INFO
==================================================*/

.project-info{

    display:grid;

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

    gap:20px;

    margin-bottom:40px;

}

.project-info div{

    background:#ffffff;

    padding:22px;

    border-radius:18px;

    border:1px solid var(--border);

    box-shadow:var(--shadow-sm);

}

.project-info strong{

    display:block;

    color:var(--primary);

    margin-bottom:8px;

    font-size:15px;

}

.project-info span{

    color:#6B7280;

    font-size:14px;

}


/*==================================================
HOVER
==================================================*/

.project-info div:hover{

    transform:translateY(-6px);

    transition:.3s ease;

    border-color:var(--accent);

}

.project-content .btn{

    min-width:230px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .project-row{

        gap:50px;

    }

    .project-content h3{

        font-size:36px;

    }

}

@media(max-width:992px){

    .project-row,
    .project-row.reverse{

        grid-template-columns:1fr;

        direction:ltr;

    }

    .project-content{

        max-width:100%;

    }

    .project-image img{

        height:420px;

    }

}

@media(max-width:768px){

    .project-content{

        text-align:center;

    }

    .project-content .btn{

        width:100%;

    }

    .project-info{

        grid-template-columns:1fr;

    }

    .project-content h3{

        font-size:30px;

    }

}

@media(max-width:480px){

    .project-row{

        margin-top:60px;

    }

    .project-image img{

        height:300px;

    }

    .project-status{

        font-size:12px;

        padding:8px 16px;

    }

    .project-content h3{

        font-size:26px;

    }

}
/*==================================================
PROJECT METHODOLOGY
==================================================*/

.methodology{

    position:relative;

    overflow:hidden;

}


/*==================================================
TIMELINE
==================================================*/

.timeline{

    position:relative;

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

/* Connection Line */

.timeline::before{

    content:"";

    position:absolute;

    top:48px;

    left:8%;

    width:84%;

    height:4px;

    border-radius:100px;

    background:linear-gradient(
        90deg,
        var(--secondary),
        var(--accent)
    );

    z-index:0;

}


/*==================================================
TIMELINE ITEM
==================================================*/

.timeline-item{

    position:relative;

    z-index:1;

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:.35s ease;

}

.timeline-item:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

    border-color:var(--accent);

}


/*==================================================
ICON
==================================================*/

.timeline-icon{

    width:95px;

    height:95px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--accent)
    );

    color:#ffffff;

    font-size:34px;

    box-shadow:0 18px 40px rgba(0,174,239,.25);

    transition:.35s ease;

}

.timeline-item:hover .timeline-icon{

    transform:rotate(10deg) scale(1.08);

}


/*==================================================
STEP NUMBER
==================================================*/

.timeline-item::after{

    content:counter(step);

    counter-increment:step;

    position:absolute;

    top:18px;

    right:18px;

    width:34px;

    height:34px;

    border-radius:50%;

    background:var(--primary);

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    font-weight:700;

}

.timeline{

    counter-reset:step;

}


/*==================================================
CONTENT
==================================================*/

.timeline-item h3{

    font-size:22px;

    margin-bottom:14px;

    color:var(--primary);

}

.timeline-item p{

    font-size:15px;

    color:#6B7280;

    line-height:1.8;

    margin:0;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1400px){

    .timeline{

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

    }

    .timeline::before{

        display:none;

    }

}

@media(max-width:992px){

    .timeline{

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

        gap:25px;

    }

}

@media(max-width:768px){

    .timeline{

        grid-template-columns:1fr;

    }

    .timeline-item{

        padding:30px 22px;

    }

    .timeline-icon{

        width:80px;

        height:80px;

        font-size:28px;

    }

    .timeline-item h3{

        font-size:20px;

    }

}

@media(max-width:480px){

    .timeline{

        gap:20px;

    }

    .timeline-item{

        padding:25px 18px;

    }

    .timeline-icon{

        width:70px;

        height:70px;

        font-size:24px;

    }

    .timeline-item::after{

        width:30px;

        height:30px;

        font-size:12px;

    }

}
/*==================================================
GLOBAL COMPLIANCE
==================================================*/

.compliance{

    position:relative;

    overflow:hidden;

}


/*==================================================
STATISTICS GRID
==================================================*/

.compliance-stats{

    display:grid;

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

    gap:30px;

    margin-bottom:80px;

}

.stat-card{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:40px 25px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:.35s ease;

}

.stat-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

    border-color:var(--accent);

}

.stat-card h3{

    font-size:52px;

    color:var(--secondary);

    margin-bottom:12px;

}

.stat-card p{

    margin:0;

    color:#6B7280;

    font-weight:500;

}


/*==================================================
COMPLIANCE GRID
==================================================*/

.compliance-grid{

    display:grid;

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

    gap:30px;

}

.compliance-card{

    background:#ffffff;

    border-radius:24px;

    padding:40px 30px;

    border:1px solid var(--border);

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:.35s ease;

}

.compliance-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

    border-color:var(--secondary);

}


/*==================================================
ICON
==================================================*/

.compliance-card i{

    width:80px;

    height:80px;

    margin:0 auto 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:30px;

    color:#ffffff;

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--accent)
    );

    box-shadow:0 18px 40px rgba(0,174,239,.25);

    transition:.35s ease;

}

.compliance-card:hover i{

    transform:rotate(10deg) scale(1.08);

}


/*==================================================
CONTENT
==================================================*/

.compliance-card h3{

    font-size:22px;

    color:var(--primary);

    margin-bottom:16px;

}

.compliance-card p{

    color:#6B7280;

    line-height:1.8;

    margin:0;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .compliance-stats,
    .compliance-grid{

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

    }

}

@media(max-width:768px){

    .compliance-stats,
    .compliance-grid{

        grid-template-columns:1fr;

        gap:22px;

    }

    .stat-card{

        padding:35px 22px;

    }

    .stat-card h3{

        font-size:44px;

    }

    .compliance-card{

        padding:35px 24px;

    }

    .compliance-card i{

        width:70px;

        height:70px;

        font-size:26px;

    }

}

@media(max-width:480px){

    .compliance-stats{

        margin-bottom:60px;

    }

    .stat-card{

        padding:30px 18px;

    }

    .stat-card h3{

        font-size:38px;

    }

    .compliance-card{

        padding:30px 20px;

    }

    .compliance-card h3{

        font-size:20px;

    }

    .compliance-card p{

        font-size:14px;

    }

}
/*==================================================
TESTIMONIALS
==================================================*/

.testimonials{

    position:relative;

    overflow:hidden;

}

.testimonial-grid{

    display:grid;

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

    gap:30px;

}


/*==================================================
TESTIMONIAL CARD
==================================================*/

.testimonial-card{

    position:relative;

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:40px 35px;

    box-shadow:var(--shadow-sm);

    transition:.35s ease;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

    border-color:var(--accent);

}

.quote{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    margin-bottom:25px;

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--accent)
    );

    color:#ffffff;

    font-size:28px;

}

.testimonial-card p{

    font-size:16px;

    color:#5B6978;

    line-height:1.9;

    margin-bottom:30px;

}


/*==================================================
CLIENT INFO
==================================================*/

.testimonial-user{

    display:flex;

    align-items:center;

    gap:16px;

}

.testimonial-user img{

    width:68px;

    height:68px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #EAF8FF;

}

.testimonial-user h4{

    margin-bottom:4px;

    color:var(--primary);

    font-size:18px;

}

.testimonial-user span{

    color:#6B7280;

    font-size:14px;

}


/*==================================================
CLIENT LOGOS
==================================================*/

.client-logos{

    display:grid;

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

    gap:25px;

    margin-top:90px;

    align-items:center;

}

.client-logos img{

    width:100%;

    max-height:70px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.65;

    transition:.35s ease;

}

.client-logos img:hover{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}


/*==================================================
CTA
==================================================*/

.cta{

    padding:0 0 120px;

    background:var(--light);

}

.cta-box{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    padding:70px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#ffffff;

    box-shadow:0 30px 70px rgba(10,35,66,.20);

}

.cta-box h2{

    color:#ffffff;

    font-size:48px;

    margin:15px 0 18px;

    line-height:1.2;

}

.cta-box p{

    color:rgba(255,255,255,.88);

    max-width:700px;

}

.cta-box .section-tag{

    background:rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.18);

    color:#ffffff;

}

.cta-box .btn{

    flex-shrink:0;

    background:#ffffff;

    color:var(--primary);

    font-weight:700;

}

.cta-box .btn:hover{

    transform:translateY(-5px);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .client-logos{

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

    }

    .cta-box{

        padding:55px;

    }

    .cta-box h2{

        font-size:40px;

    }

}

@media(max-width:992px){

    .testimonial-grid{

        grid-template-columns:1fr;

    }

    .cta-box{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:768px){

    .client-logos{

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

        gap:20px;

    }

    .cta{

        padding-bottom:80px;

    }

    .cta-box{

        padding:40px 28px;

    }

    .cta-box h2{

        font-size:32px;

    }

}

@media(max-width:480px){

    .testimonial-card{

        padding:30px 24px;

    }

    .quote{

        width:58px;

        height:58px;

        font-size:22px;

    }

    .testimonial-user img{

        width:56px;

        height:56px;

    }

    .client-logos{

        grid-template-columns:1fr 1fr;

    }

    .cta-box h2{

        font-size:28px;

    }

}
/*==================================================
CONTACT
==================================================*/

.contact{

    position:relative;

    overflow:hidden;

}

.contact-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:50px;

    align-items:start;

}


/*==================================================
CONTACT INFO
==================================================*/

.contact-info{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.info-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:22px;

    padding:26px;

    box-shadow:var(--shadow-sm);

    transition:.35s ease;

}

.info-card:hover{

    transform:translateY(-8px);

    border-color:var(--accent);

    box-shadow:var(--shadow-lg);

}

.info-card i{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:50%;

    font-size:24px;

    color:#ffffff;

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--accent)
    );

}

.info-card h3{

    font-size:20px;

    margin-bottom:8px;

}

.info-card p{

    margin:0;

    color:#6B7280;

}


/*==================================================
MAP
==================================================*/

.map-box{

    overflow:hidden;

    border-radius:24px;

    border:1px solid var(--border);

    box-shadow:var(--shadow-sm);

}

.map-box iframe{

    width:100%;

    height:320px;

    border:none;

}


/*==================================================
FORM
==================================================*/

.contact-form{

    background:#ffffff;

    border-radius:28px;

    padding:40px;

    border:1px solid var(--border);

    box-shadow:var(--shadow);

}

.form-grid{

    display:grid;

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

    gap:20px;

    margin-bottom:20px;

}

.contact-form input,
.contact-form textarea{

    width:100%;

    border:1px solid var(--border);

    border-radius:14px;

    padding:16px 18px;

    font-size:15px;

    font-family:inherit;

    outline:none;

    transition:.3s ease;

    resize:vertical;

}

.contact-form input:focus,
.contact-form textarea:focus{

    border-color:var(--accent);

    box-shadow:0 0 0 4px rgba(0,174,239,.08);

}

.contact-form textarea{

    margin-bottom:25px;

    min-height:180px;

}

.contact-form .btn{

    min-width:220px;

}


/*==================================================
FOOTER
==================================================*/

/*=========================================
FOOTER
=========================================*/

.footer{

    background:#0A2342;

    color:#ffffff;

    padding:80px 0 25px;

}

.footer-top{

    text-align:center;

    margin-bottom:55px;

}

.footer-logo{

    width:70px;

    margin:0 auto 20px;

}

.footer-top h2{

    color:#00AEEF;

    font-size:46px;

    margin-bottom:10px;

}

.footer-top h2 span{

    color:#00B7C6;

}

.footer-top p{

    color:#c7d5e7;

}

.footer-grid{

    display:grid;

    grid-template-columns:
    1fr
    1.3fr
    1.2fr
    1fr;

    gap:60px;

}

.footer-column h4{

    color:#ffffff;

    margin-bottom:25px;

    font-size:22px;

}

.footer-column ul{

    padding:0;

}

.footer-column li{

    list-style:none;

    margin-bottom:14px;

}

.footer-column a{

    color:#d8e2ef;

    transition:.3s;

}

.footer-column a:hover{

    color:#00AEEF;

    padding-left:8px;

}

.footer-column p{

    color:#d8e2ef;

    line-height:1.9;

    margin-bottom:10px;

}

.footer-newsletter{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.footer-newsletter input{

    height:48px;

    border:none;

    border-radius:8px;

    padding:0 15px;

}

.footer-newsletter button{

    width:130px;

    height:44px;

    border:none;

    border-radius:8px;

    background:#ff8b24;

    color:#fff;

    cursor:pointer;

    font-weight:600;

}

.footer-cert-title{

    margin-top:35px;

}

.footer-certificates{

    display:flex;

    gap:12px;

    margin-top:15px;

}

.footer-certificates img{

    width:52px;

    height:52px;

    background:#fff;

    padding:8px;

    border-radius:10px;

}

.footer-bottom{

    margin-top:55px;

    border-top:1px solid rgba(255,255,255,.15);

    padding-top:22px;

    text-align:center;

    color:#c7d5e7;

    font-size:14px;

}
/*==================================================
FLOATING BUTTONS
==================================================*/

.whatsapp,
.back-to-top{

    position:fixed;

    right:25px;

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:24px;

    cursor:pointer;

    z-index:999;

    transition:.35s ease;

    box-shadow:0 18px 40px rgba(0,0,0,.18);

}

.whatsapp{

    bottom:100px;

    background:#25D366;

}

.back-to-top{

    bottom:28px;

    background:var(--secondary);

    opacity:0;

    visibility:hidden;

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

}

.whatsapp:hover,
.back-to-top:hover{

    transform:translateY(-6px);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1100px){

    .contact-grid{

        grid-template-columns:1fr;

    }

    .footer-grid{

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

    }

}

@media(max-width:768px){

    .form-grid{

        grid-template-columns:1fr;

    }

    .contact-form{

        padding:30px 24px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .contact-form .btn{

        width:100%;

    }

}

@media(max-width:480px){

    .info-card{

        padding:20px;

    }

    .info-card i{

        width:52px;

        height:52px;

        font-size:20px;

    }

    .contact-form{

        padding:24px 18px;

    }

    .whatsapp,
    .back-to-top{

        width:52px;

        height:52px;

        right:18px;

        font-size:22px;

    }

    .whatsapp{

        bottom:90px;

    }

}
/*=========================================
FOOTER CTA
=========================================*/

.footer-cta{

    background:#F6F8FA;

    margin-bottom:-80px;

    position:relative;

    z-index:10;

}

.footer-cta-box{

    background:#0A2342;

    border-radius:28px;

    padding:65px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

    overflow:hidden;

    position:relative;

}

.footer-cta-box::before{

    content:"";

    position:absolute;

    right:-120px;

    top:-120px;

    width:340px;

    height:340px;

    background:rgba(255,255,255,.05);

    border-radius:50%;

}

.footer-cta-box::after{

    content:"";

    position:absolute;

    right:40px;

    bottom:-160px;

    width:260px;

    height:260px;

    background:rgba(0,174,239,.08);

    border-radius:50%;

}

.footer-cta-content{

    position:relative;

    z-index:2;

    max-width:700px;

}

.footer-cta-content h2{

    color:#fff;

    font-size:52px;

    margin-bottom:22px;

    line-height:1.1;

}

.footer-cta-content p{

    color:#d5deea;

    margin-bottom:35px;

    max-width:600px;

}

.footer-contact{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.footer-contact-item{

    display:flex;

    align-items:center;

    gap:18px;

}

.footer-icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#11b8df;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

}

.footer-contact small{

    color:#93b6d4;

}

.footer-contact h4{

    color:#fff;

    margin-top:4px;

    font-size:24px;

}

.footer-cta-btn{

    position:relative;

    z-index:2;

}

.footer-cta-btn .btn{

    min-width:190px;

    height:60px;

    border-radius:50px;

}

/*=========================================
DOWNLOADS
=========================================*/

.downloads{

    padding:110px 0;

    background:#fff;

}

.downloads-grid{

    display:grid;

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

    gap:35px;

}

.download-card{

    background:#fff;

    padding:45px 35px;

    text-align:center;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(10,35,66,.08);

    transition:.35s;

}

.download-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(10,35,66,.15);

}

.download-card i{

    font-size:42px;

    color:#00AEEF;

    margin-bottom:22px;

}

.download-card h3{

    font-size:24px;

    margin-bottom:16px;

}

.download-card p{

    color:#6b7280;

    margin-bottom:28px;

    min-height:75px;

}

.download-card .btn{

    width:100%;

    height:52px;

}
/*=========================================
KNOWLEDGE CENTRE
=========================================*/

.knowledge{

    padding:110px 0;

    background:#F8FBFF;

}

.knowledge-grid{

    display:grid;

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

    gap:35px;

}

.knowledge-card{

    background:#fff;

    border:2px solid #00AEEF;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    box-shadow:0 15px 40px rgba(10,35,66,.08);

}

.knowledge-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(10,35,66,.15);

}

.knowledge-card i{

    font-size:42px;

    color:#008C95;

    margin-bottom:22px;

}

.knowledge-card h3{

    font-size:24px;

    margin-bottom:18px;

    color:#0A2342;

}

.knowledge-card p{

    color:#6B7280;

    line-height:1.8;

}
/*=========================================
LATEST INSIGHTS
=========================================*/

.latest-insights{

    padding:110px 0;

    background:#ffffff;

}

.insight-grid{

    display:grid;

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

    gap:35px;

}

.insight-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(10,35,66,.08);

    transition:.35s;

}

.insight-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(10,35,66,.15);

}

.insight-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.insight-content{

    padding:30px;

}

.insight-content span{

    display:inline-block;

    background:#EAF8FF;

    color:#008C95;

    padding:8px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:18px;

}

.insight-content h3{

    font-size:28px;

    margin-bottom:18px;

}

.insight-content p{

    color:#6B7280;

    line-height:1.8;

    margin-bottom:25px;

}

.insight-content a{

    color:#00AEEF;

    font-weight:700;

}
/*=========================================
TRUSTED ORGANIZATIONS
=========================================*/

.trusted-organizations{

    padding:110px 0;

    background:#ffffff;

}

.trusted-card{

    margin-top:60px;

    position:relative;

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 20px 55px rgba(10,35,66,.12);

}

.trusted-card img{

    width:100%;

    height:520px;

    object-fit:cover;

    transition:.5s;

}

.trusted-card:hover img{

    transform:scale(1.05);

}

.trusted-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:40px;

    background:linear-gradient(
        transparent,
        rgba(10,35,66,.92)
    );

}

.trusted-overlay span{

    display:inline-block;

    margin-bottom:12px;

    color:#c9e7ff;

    font-size:14px;

}

.trusted-overlay h3{

    color:#fff;

    font-size:40px;

    margin-bottom:15px;

}

.trusted-overlay p{

    color:#d7e4f2;

    max-width:650px;

    line-height:1.8;

}

/*=========================================
FEATURED PROJECT GALLERY
=========================================*/

.project-gallery{

    padding:110px 0;

    background:#ffffff;

}

.gallery-grid{

    display:grid;

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

    gap:35px;

}

.gallery-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(10,35,66,.08);

    transition:.35s;

}

.gallery-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(10,35,66,.15);

}

.gallery-card img{

    width:100%;

    height:260px;

    object-fit:cover;

}

.gallery-content{

    padding:28px;

}

.gallery-content h3{

    color:#0A2342;

    margin-bottom:18px;

    font-size:28px;

}

.gallery-content p{

    margin-bottom:12px;

    color:#5B6978;

    line-height:1.8;

}

.gallery-content strong{

    color:#0A2342;

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

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-card img{

height:280px;

}

}

@media(max-width:768px){

.gallery-content{

padding:22px;

}

.gallery-content h3{

font-size:22px;

}

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

.trusted-card img{

height:420px;

}

.trusted-overlay{

padding:30px;

}

.trusted-overlay h3{

font-size:30px;

}

}

@media(max-width:768px){

.trusted-card img{

height:320px;

}

.trusted-overlay h3{

font-size:24px;

}

.trusted-overlay{

padding:22px;

}

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

.insight-grid{

grid-template-columns:1fr;

}

.insight-card img{

height:260px;

}

}
/*=========================================
FEATURED PROJECT GALLERY
=========================================*/

.project-gallery{

    padding:110px 0;

    background:#ffffff;

}

.gallery-grid{

    display:grid;

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

    gap:35px;

}

.gallery-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(10,35,66,.08);

    transition:.35s;

}

.gallery-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(10,35,66,.15);

}

.gallery-card img{

    width:100%;

    height:260px;

    object-fit:cover;

}

.gallery-content{

    padding:28px;

}

.gallery-content h3{

    color:#0A2342;

    margin-bottom:18px;

    font-size:28px;

}

.gallery-content p{

    margin-bottom:12px;

    color:#5B6978;

    line-height:1.8;

}

.gallery-content strong{

    color:#0A2342;

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

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-card img{

height:280px;

}

}

@media(max-width:768px){

.gallery-content{

padding:22px;

}

.gallery-content h3{

font-size:22px;

}

}
/*=========================================
MANUFACTURING
=========================================*/

.manufacturing{

    padding:110px 0;

    background:#F8FBFF;

}

.manufacturing-grid{

    display:grid;

    grid-template-columns:430px 1fr;

    gap:70px;

    align-items:center;

}

.manufacturing-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(10,35,66,.08);

}

.manufacturing-card img{

    width:100%;

    height:340px;

    object-fit:cover;

}

.manufacturing-info{

    padding:35px;

    text-align:center;

}

.manufacturing-info h3{

    font-size:34px;

    margin-bottom:15px;

}

.manufacturing-info p{

    color:#6B7280;

    margin-bottom:25px;

}

.manufacturing-location{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#008C95;

    font-weight:600;

}

.manufacturing-location i{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EAF8FF;

}

.manufacturing-content p{

    margin:30px 0;

}

.manufacturing-services{

    display:grid;

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

    gap:18px;

}

.manufacturing-services div{

    display:flex;

    align-items:center;

    gap:14px;

    background:#fff;

    padding:18px;

    border-radius:14px;

    box-shadow:0 8px 25px rgba(10,35,66,.06);

    font-weight:600;

}

.manufacturing-services i{

    color:#00AEEF;

    font-size:18px;

}
/*=========================================
MANUFACTURING
=========================================*/

.manufacturing{

    padding:110px 0;

    background:#F8FBFF;

}

.manufacturing-grid{

    display:grid;

    grid-template-columns:430px 1fr;

    gap:70px;

    align-items:center;

}

.manufacturing-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(10,35,66,.08);

}

.manufacturing-card img{

    width:100%;

    height:340px;

    object-fit:cover;

}

.manufacturing-info{

    padding:35px;

    text-align:center;

}

.manufacturing-info h3{

    font-size:34px;

    margin-bottom:15px;

}

.manufacturing-info p{

    color:#6B7280;

    margin-bottom:25px;

}

.manufacturing-location{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#008C95;

    font-weight:600;

}

.manufacturing-location i{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EAF8FF;

}

.manufacturing-content p{

    margin:30px 0;

}

.manufacturing-services{

    display:grid;

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

    gap:18px;

}

.manufacturing-services div{

    display:flex;

    align-items:center;

    gap:14px;

    background:#fff;

    padding:18px;

    border-radius:14px;

    box-shadow:0 8px 25px rgba(10,35,66,.06);

    font-weight:600;

}

.manufacturing-services i{

    color:#00AEEF;

    font-size:18px;

}
/*=========================================
INDUSTRIES OVERVIEW
=========================================*/

.industry-overview{

    padding:110px 0;

    background:#F8FBFF;

}

.industry-overview-grid{

    display:grid;

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

    gap:32px;

}

.industry-box{

    background:#fff;

    border:1px solid #DDEAF7;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    box-shadow:0 10px 30px rgba(10,35,66,.06);

}

.industry-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(10,35,66,.12);

    border-color:#00AEEF;

}

.industry-box i{

    font-size:46px;

    color:#00AEEF;

    margin-bottom:20px;

}

.industry-box h3{

    font-size:24px;

    color:#0A2342;

    margin-bottom:15px;

}

.industry-box p{

    color:#6B7280;

    line-height:1.8;

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

.industry-overview-grid{

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

}

}

@media(max-width:768px){

.industry-overview-grid{

grid-template-columns:1fr;

}

.industry-box{

padding:35px 25px;

}

.industry-box h3{

font-size:22px;

}

}
/*=========================================
ECOSYSTEM
=========================================*/

.ecosystem{

    padding:110px 0;

    background:#F8FBFF;

}

.ecosystem-main{

    max-width:760px;

    margin:55px auto 70px;

    background:#fff;

    border-radius:28px;

    padding:60px;

    text-align:center;

    box-shadow:0 18px 50px rgba(10,35,66,.08);

}

.ecosystem-main img{

    width:70px;

    margin-bottom:25px;

}

.ecosystem-main h3{

    font-size:42px;

    margin-bottom:18px;

}

.ecosystem-main p{

    color:#6B7280;

}

.ecosystem-grid{

    display:grid;

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

    gap:35px;

}

.eco-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(10,35,66,.08);

    transition:.35s;

}

.eco-card:hover{

    transform:translateY(-10px);

}

.eco-logo{

    height:170px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#ffffff;

}

.eco-logo img{

    max-width:180px;

    max-height:80px;

}

.eco-body{

    background:#163B6B;

    color:#fff;

    text-align:center;

    padding:45px 30px;

}

.eco-body h3{

    color:#fff;

    margin-bottom:15px;

    font-size:28px;

}

.eco-body span{

    width:55px;

    height:3px;

    background:#00AEEF;

    display:block;

    margin:0 auto 18px;

}

.eco-body p{

    color:#d9e4f2;

    line-height:1.8;

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

.ecosystem-grid{

grid-template-columns:1fr;

}

.ecosystem-main{

padding:40px;

}

}

@media(max-width:768px){

.ecosystem-main h3{

font-size:32px;

}

.eco-body{

padding:35px 25px;

}

}

/*=========================================
INTERNATIONAL STANDARDS
=========================================*/

.standards-section{

    margin-top:80px;

    padding:70px 50px;

    background:#fff;

    border-radius:26px;

    box-shadow:0 18px 45px rgba(10,35,66,.08);

}

.standards-section h2{

    font-size:48px;

    margin:20px 0;

    color:#0A2342;

}

.standards-section p{

    max-width:760px;

    margin:auto;

}

.standards-grid{

    margin-top:50px;

    display:grid;

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

    gap:22px;

}

.standard-card{

    background:#fff;

    border:1px solid #DCE8F4;

    border-radius:18px;

    padding:25px;

    text-align:center;

    transition:.35s;

}

.standard-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(10,35,66,.12);

}

.standard-card img{

    width:70px;

    height:70px;

    object-fit:contain;

    margin:auto auto 20px;

}

.standard-card h4{

    font-size:18px;

    color:#0A2342;

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

.standards-grid{

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

}

}

@media(max-width:768px){

.standards-section{

padding:40px 25px;

}

.standards-grid{

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

}

.standards-section h2{

font-size:32px;

}

}

@media(max-width:480px){

.standards-grid{

grid-template-columns:1fr;

}

}

/*=========================================
ABOUT HIGHLIGHTS
=========================================*/

.about-highlights{

    padding:110px 0;

    background:#ffffff;

}

.about-highlight-grid{

    margin-top:60px;

    display:grid;

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

    gap:30px;

}

.about-box,
.about-image-card{

    background:#fff;

    border:1px solid #DDEAF7;

    border-radius:22px;

    padding:35px;

    box-shadow:0 15px 40px rgba(10,35,66,.06);

}

.about-image-card{

    padding:18px;

}

.about-image-card img{

    width:100%;

    height:100%;

    min-height:320px;

    border-radius:16px;

    object-fit:cover;

}

.about-box i{

    color:#00AEEF;

    font-size:26px;

    margin-bottom:20px;

}

.about-box h3{

    color:#0A2342;

    margin-bottom:16px;

    font-size:28px;

}

.about-box p{

    margin-bottom:20px;

    color:#5B6978;

}

.about-box ul{

    padding-left:18px;

    list-style:disc;

}

.about-box li{

    margin-bottom:10px;

    color:#5B6978;

}

.about-tagline{

    margin-top:25px;

    display:inline-block;

    padding:12px 20px;

    border-left:4px solid #00AEEF;

    background:#F4FAFF;

    color:#0A2342;

    font-weight:600;

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

.about-highlight-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.about-box{

padding:25px;

}

.about-box h3{

font-size:24px;

}

.about-image-card img{

min-height:260px;

}

}
/*=========================================
TRUST HIGHLIGHTS
=========================================*/

.trust-highlights{

    padding:70px 0;

    background:#F8FBFF;

}

.trust-grid{

    display:grid;

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

    gap:24px;

}

.trust-card{

    background:#ffffff;

    border:1px solid #E3EDF7;

    border-radius:22px;

    padding:35px 22px;

    text-align:center;

    transition:.35s;

    box-shadow:0 10px 30px rgba(10,35,66,.05);

}

.trust-card:hover{

    transform:translateY(-8px);

    border-color:#00AEEF;

    box-shadow:0 20px 45px rgba(10,35,66,.10);

}

.trust-icon{

    width:74px;

    height:74px;

    margin:auto auto 25px;

    border-radius:50%;

    background:#EEF8FF;

    display:flex;

    align-items:center;

    justify-content:center;

}

.trust-icon i{

    font-size:28px;

    color:#00AEEF;

}

.trust-card h3{

    color:#0A2342;

    font-size:24px;

    margin-bottom:10px;

}

.trust-card p{

    color:#5B6978;

    font-weight:500;

    line-height:1.6;

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

.trust-grid{

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

}

}

@media(max-width:768px){

.trust-grid{

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

}

}

@media(max-width:480px){

.trust-grid{

grid-template-columns:1fr;

}

.trust-card{

padding:30px 20px;

}

}

.hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:170px 0 80px;

}

.hero-bg{

    position:absolute;

    inset:0;

    z-index:-2;

}

.hero-bg video{

    width:100%;

    height:100%;

    object-fit:cover;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(10,35,66,.92) 0%,
        rgba(10,35,66,.78) 40%,
        rgba(10,35,66,.55) 100%
    );

}

.hero-wrapper{

    max-width:720px;

}

.hero-badge{

    display:inline-block;

    padding:12px 24px;

    border-radius:100px;

    border:1px solid rgba(255,255,255,.25);

    background:rgba(255,255,255,.08);

    color:#39D5FF;

    margin-bottom:30px;

}

.hero h1{

    color:#fff;

    font-size:82px;

    line-height:1.05;

    margin-bottom:30px;

}

.hero h1 span{

    color:#ff922d;

}

.hero p{

    color:#E5EEF8;

    max-width:650px;

    font-size:20px;

    line-height:1.9;

    margin-bottom:40px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    margin-bottom:60px;

}

.hero-outline{

    border:2px solid #fff;

    background:transparent;

    color:#fff;

}

.hero-outline:hover{

    background:#fff;

    color:#0A2342;

}

.hero-stats{

    display:grid;

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

    gap:20px;

}

.hero-stat{

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:20px;

    padding:30px;

}

.hero-stat h2{

    color:#ff922d;

    font-size:54px;

    margin-bottom:10px;

}

.hero-stat span{

    color:#fff;

    line-height:1.6;

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

.hero h1{

font-size:56px;

}

.hero-stats{

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

}

}

@media(max-width:768px){

.hero{

padding:140px 0 70px;

}

.hero h1{

font-size:42px;

}

.hero-buttons{

flex-direction:column;

}

.hero-stats{

grid-template-columns:1fr;

}

}

/*=========================================
HERO SCROLL BUTTON
=========================================*/

.hero-scroll-area{

    position:absolute;

    left:50%;

    bottom:25px;

    transform:translateX(-50%);

    z-index:20;

}

.hero-scroll-btn{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:12px;

    color:#ffffff;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

}

.hero-scroll-btn span{

    letter-spacing:.8px;

    text-transform:uppercase;

}

.hero-scroll-btn i{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.45);

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    animation:scrollBounce 1.8s infinite;

}

@keyframes scrollBounce{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(10px);

    }

    100%{

        transform:translateY(0);

    }

}

.hero-scroll-btn:hover i{

    background:#00AEEF;

    border-color:#00AEEF;

}
/*=========================================
HERO SCROLL BUTTON
=========================================*/

.hero-scroll-area{

    position:absolute;

    left:50%;

    bottom:25px;

    transform:translateX(-50%);

    z-index:20;

}

.hero-scroll-btn{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:12px;

    color:#ffffff;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

}

.hero-scroll-btn span{

    letter-spacing:.8px;

    text-transform:uppercase;

}

.hero-scroll-btn i{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.45);

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    animation:scrollBounce 1.8s infinite;

}

@keyframes scrollBounce{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(10px);

    }

    100%{

        transform:translateY(0);

    }

}

.hero-scroll-btn:hover i{

    background:#00AEEF;

    border-color:#00AEEF;

}

/*==================================================
PREMIUM NAVBAR
==================================================*/

.navbar{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:9999;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(18px);

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

    border-bottom:1px solid rgba(10,35,66,.08);

    transition:.35s ease;

}

.navbar.scrolled{

    box-shadow:0 18px 45px rgba(10,35,66,.10);

}

.nav-wrapper{

    height:92px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

}


/*==================================================
LOGO
==================================================*/

.logo{

    display:flex;

    align-items:center;

    gap:16px;

    flex-shrink:0;

}

.logo img{

    width:58px;

}

.logo-text h2{

    margin:0;

    font-size:30px;

    color:#0A2342;

    font-weight:800;

}

.logo-text h2 span{

    color:#008C95;

}

.logo-text p{

    margin-top:4px;

    font-size:12px;

    color:#6B7280;

}


/*==================================================
MENU
==================================================*/

nav{

    flex:1;

}

.main-menu{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:34px;

}

.main-menu>li{

    position:relative;

}

.main-menu>li>a{

    display:flex;

    align-items:center;

    gap:8px;

    height:92px;

    font-size:15px;

    font-weight:700;

    color:#0A2342;

    position:relative;

    transition:.30s;

}

.main-menu>li>a i{

    font-size:12px;

}

.main-menu>li>a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:18px;

    width:0;

    height:2px;

    background:#00AEEF;

    transition:.30s;

}

.main-menu>li:hover>a,

.main-menu>li>a.active{

    color:#008C95;

}

.main-menu>li:hover>a::after,

.main-menu>li>a.active::after{

    width:100%;

}


/*==================================================
RIGHT SIDE
==================================================*/

.nav-actions{

    display:flex;

    align-items:center;

    gap:18px;

}

.search-btn{

    width:54px;

    height:54px;

    border-radius:50%;

    border:1px solid #DDEAF7;

    background:#fff;

    cursor:pointer;

    color:#0A2342;

    transition:.35s;

}

.search-btn:hover{

    background:#00AEEF;

    color:#fff;

    border-color:#00AEEF;

}

.nav-actions .btn{

    min-width:155px;

    height:54px;

    border-radius:14px;

}

/*==================================================
NORMAL DROPDOWN
==================================================*/

.dropdown-menu{

    position:absolute;

    top:115%;

    left:0;

    width:260px;

    background:#fff;

    border-radius:20px;

    padding:18px 0;

    box-shadow:0 25px 60px rgba(10,35,66,.12);

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.35s;

}

.dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.dropdown-menu li{

    list-style:none;

}

.dropdown-menu a{

    display:block;

    padding:14px 28px;

    color:#444;

    font-weight:500;

    transition:.30s;

}

.dropdown-menu a:hover{

    color:#00AEEF;

    padding-left:36px;

}

/*==================================================
MEGA MENU
==================================================*/

.mega-menu{

    position:absolute;

    left:50%;

    top:110%;

    transform:translateX(-50%);

    width:980px;

    background:#fff;

    border-radius:24px;

    padding:35px;

    display:grid;

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

    gap:28px;

    box-shadow:0 25px 70px rgba(10,35,66,.12);

    opacity:0;

    visibility:hidden;

    transition:.35s;

}

.mega-parent:hover .mega-menu{

    opacity:1;

    visibility:visible;

    top:100%;

}

.small-menu{

    width:420px;

    display:flex;

    flex-direction:column;

    gap:0;

}

.mega-column h3{

    color:#0A2342;

    font-size:20px;

    margin-bottom:18px;

    padding-bottom:12px;

    border-bottom:2px solid #00AEEF;

}

.mega-column a,

.small-menu a{

    display:block;

    padding:11px 0;

    color:#555;

    transition:.30s;

}

.mega-column a:hover,

.small-menu a:hover{

    color:#00AEEF;

    padding-left:10px;

}
/*==================================================
MOBILE NAVBAR
==================================================*/

.menu-btn{

    display:none;

    width:50px;

    height:50px;

    border:none;

    border-radius:12px;

    background:#EEF7FF;

    color:#0A2342;

    cursor:pointer;

}

@media(max-width:992px){

.menu-btn{

display:flex;

align-items:center;

justify-content:center;

}

.search-btn{

display:none;

}

.nav-actions .btn{

display:none;

}

nav{

position:fixed;

top:92px;

right:-100%;

width:340px;

height:calc(100vh - 92px);

background:#ffffff;

overflow-y:auto;

box-shadow:-15px 0 40px rgba(10,35,66,.12);

transition:.35s;

}

nav.active{

right:0;

}

.main-menu{

flex-direction:column;

align-items:flex-start;

gap:0;

padding:25px;

}

.main-menu>li{

width:100%;

}

.main-menu>li>a{

height:auto;

padding:18px 0;

justify-content:space-between;

border-bottom:1px solid #EDF2F7;

}

.main-menu>li>a::after{

display:none;

}

.dropdown-menu,

.mega-menu{

position:static;

width:100%;

transform:none;

box-shadow:none;

border-radius:0;

padding:10px 0 0 18px;

display:none;

opacity:1;

visibility:visible;

}

.dropdown.open .dropdown-menu,

.mega-parent.open .mega-menu{

display:block;

}

.mega-menu{

grid-template-columns:1fr;

gap:15px;

}

.small-menu{

width:100%;

}

}

@media(max-width:768px){

.nav-wrapper{

height:82px;

}

nav{

top:82px;

height:calc(100vh - 82px);

width:100%;

}

.logo img{

width:48px;

}

.logo-text h2{

font-size:22px;

}

.logo-text p{

display:none;

}

}
/*==================================================
MANUFACTURING RESPONSIVE
==================================================*/

@media (max-width:1200px){

.manufacturing-grid{

grid-template-columns:380px 1fr;

gap:50px;

}

.manufacturing-card img{

height:300px;

}

.manufacturing-content h2{

font-size:48px;

}

}


@media (max-width:992px){

.manufacturing{

padding:90px 0;

}

.manufacturing-grid{

grid-template-columns:1fr;

gap:45px;

}

.manufacturing-card{

max-width:650px;

margin:auto;

}

.manufacturing-card img{

height:340px;

}

.manufacturing-content{

text-align:center;

}

.manufacturing-content p{

max-width:700px;

margin:25px auto 35px;

}

.manufacturing-services{

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

gap:18px;

}

.manufacturing-services div{

justify-content:flex-start;

}

}


@media (max-width:768px){

.manufacturing{

padding:70px 0;

}

.manufacturing-card{

border-radius:18px;

}

.manufacturing-card img{

height:260px;

}

.manufacturing-info{

padding:25px;

}

.manufacturing-info h3{

font-size:28px;

line-height:1.3;

}

.manufacturing-info p{

font-size:15px;

}

.manufacturing-content{

text-align:left;

}

.manufacturing-content h2{

font-size:36px;

line-height:1.2;

}

.manufacturing-content p{

font-size:16px;

margin:20px 0 30px;

}

.manufacturing-services{

grid-template-columns:1fr;

gap:15px;

}

.manufacturing-services div{

padding:16px 18px;

font-size:15px;

}

}


@media (max-width:576px){

.manufacturing{

padding:60px 0;

}

.manufacturing-grid{

gap:30px;

}

.manufacturing-card{

border-radius:16px;

}

.manufacturing-card img{

height:220px;

}

.manufacturing-info{

padding:20px;

}

.manufacturing-info h3{

font-size:24px;

}

.manufacturing-location{

font-size:14px;

gap:10px;

}

.manufacturing-location i{

width:40px;

height:40px;

font-size:15px;

}

.manufacturing-content h2{

font-size:30px;

}

.manufacturing-content p{

font-size:15px;

line-height:1.8;

}

.manufacturing-services div{

padding:14px 16px;

font-size:14px;

border-radius:12px;

}

.manufacturing-services i{

font-size:16px;

}

}
/*==================================================
KNOWLEDGE CENTRE RESPONSIVE
==================================================*/

@media (max-width:1200px){

.knowledge{

padding:90px 0;

}

.knowledge-grid{

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

gap:25px;

}

.knowledge-card{

padding:35px 25px;

}

.knowledge-card h3{

font-size:22px;

}

}


@media (max-width:992px){

.knowledge{

padding:80px 0;

}

.knowledge-grid{

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

gap:22px;

}

.knowledge-card{

padding:30px 22px;

}

.knowledge-card i{

font-size:36px;

margin-bottom:18px;

}

.knowledge-card h3{

font-size:20px;

margin-bottom:15px;

}

.knowledge-card p{

font-size:15px;

line-height:1.7;

}

}


@media (max-width:768px){

.knowledge{

padding:70px 0;

}

.knowledge-grid{

grid-template-columns:1fr;

gap:20px;

}

.knowledge-card{

padding:28px 20px;

border-radius:18px;

}

.knowledge-card i{

font-size:34px;

}

.knowledge-card h3{

font-size:22px;

}

.knowledge-card p{

font-size:15px;

}

}


@media (max-width:576px){

.knowledge{

padding:60px 0;

}

.knowledge-grid{

gap:18px;

}

.knowledge-card{

padding:24px 18px;

}

.knowledge-card i{

font-size:30px;

margin-bottom:15px;

}

.knowledge-card h3{

font-size:20px;

margin-bottom:12px;

}

.knowledge-card p{

font-size:14px;

line-height:1.8;

}

}
/*==================================================
RESOURCE LIBRARY RESPONSIVE
==================================================*/

@media (max-width:1200px){

.downloads{

padding:90px 0;

}

.downloads-grid{

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

gap:25px;

}

.download-card{

padding:35px 25px;

}

.download-card h3{

font-size:22px;

}

}


@media (max-width:992px){

.downloads{

padding:80px 0;

}

.downloads-grid{

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

gap:22px;

}

.download-card{

padding:30px 22px;

}

.download-card i{

font-size:38px;

margin-bottom:18px;

}

.download-card h3{

font-size:20px;

margin-bottom:15px;

}

.download-card p{

font-size:15px;

line-height:1.7;

min-height:auto;

}

.download-card .btn{

height:48px;

font-size:15px;

}

}


@media (max-width:768px){

.downloads{

padding:70px 0;

}

.downloads-grid{

grid-template-columns:1fr;

gap:20px;

}

.download-card{

padding:28px 20px;

border-radius:18px;

}

.download-card i{

font-size:34px;

}

.download-card h3{

font-size:22px;

}

.download-card p{

font-size:15px;

margin-bottom:22px;

}

.download-card .btn{

width:100%;

}

}


@media (max-width:576px){

.downloads{

padding:60px 0;

}

.downloads-grid{

gap:18px;

}

.download-card{

padding:24px 18px;

border-radius:16px;

}

.download-card i{

font-size:30px;

margin-bottom:15px;

}

.download-card h3{

font-size:20px;

margin-bottom:12px;

}

.download-card p{

font-size:14px;

line-height:1.8;

}

.download-card .btn{

height:46px;

font-size:14px;

}

}
/*==================================================
FOOTER RESPONSIVE
==================================================*/

@media (max-width:1200px){

.footer{

padding:70px 0 25px;

}

.footer-top{

margin-bottom:45px;

}

.footer-grid{

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

gap:40px;

}

.footer-column h4{

font-size:22px;

}

.footer-column{

text-align:left;

}

.footer-newsletter input{

width:100%;

}

.footer-newsletter button{

width:140px;

}

}


@media (max-width:992px){

.footer{

padding:60px 0 20px;

}

.footer-top{

margin-bottom:40px;

}

.footer-top h2{

font-size:38px;

}

.footer-grid{

grid-template-columns:1fr 1fr;

gap:35px;

}

.footer-column{

text-align:left;

}

.footer-certificates{

justify-content:flex-start;

flex-wrap:wrap;

gap:12px;

}

.footer-bottom{

margin-top:40px;

padding-top:18px;

font-size:14px;

}

}


@media (max-width:768px){

.footer{

padding:50px 0 20px;

}

.footer-top{

text-align:center;

}

.footer-top h2{

font-size:32px;

}

.footer-top p{

font-size:15px;

}

.footer-grid{

grid-template-columns:1fr;

gap:30px;

}

.footer-column{

text-align:center;

}

.footer-column ul{

padding:0;

}

.footer-column li{

margin-bottom:12px;

}

.footer-newsletter{

align-items:center;

}

.footer-newsletter input{

width:100%;

max-width:380px;

}

.footer-newsletter button{

width:100%;

max-width:380px;

}

.footer-cert-title{

text-align:center;

margin-top:25px;

}

.footer-certificates{

justify-content:center;

flex-wrap:wrap;

}

.footer-certificates img{

width:55px;

height:55px;

}

.footer-bottom{

font-size:13px;

line-height:1.7;

}

}


@media (max-width:576px){

.footer{

padding:45px 0 18px;

}

.footer-logo{

width:55px;

}

.footer-top h2{

font-size:28px;

}

.footer-top p{

font-size:14px;

}

.footer-column{

padding:0;

}

.footer-column h4{

font-size:20px;

margin-bottom:18px;

}

.footer-column p,

.footer-column li,

.footer-column a{

font-size:14px;

line-height:1.8;

}

.footer-newsletter input{

height:46px;

font-size:14px;

}

.footer-newsletter button{

height:46px;

font-size:14px;

}

.footer-certificates{

gap:10px;

}

.footer-certificates img{

width:48px;

height:48px;

padding:8px;

}

.footer-bottom{

margin-top:30px;

font-size:12px;

}

}

/*==================================================
PREMIUM FOOTER
==================================================*/

.footer{

    background:#0A2342;

    color:#fff;

    padding:90px 0 30px;

    position:relative;

    overflow:hidden;

}

.footer::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-180px;

    bottom:-180px;

    border-radius:50%;

    background:rgba(255,255,255,.03);

}

.footer::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    right:-150px;

    top:-150px;

    border-radius:50%;

    background:rgba(0,174,239,.04);

}


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

.footer-brand{

    text-align:center;

    margin-bottom:70px;

}

.footer-brand img{

    width:70px;

    margin-bottom:18px;

}

.footer-brand h2{

    font-size:52px;

    color:#00AEEF;

    margin-bottom:12px;

}

.footer-brand h2 span{

    color:#00C4B3;

}

.footer-brand p{

    color:#c7d5e7;

    margin-bottom:30px;

}

.footer-stats{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.footer-stats span{

    padding:10px 20px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:14px;

}


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

.footer-grid{

    display:grid;

    grid-template-columns:
    1.4fr
    1.3fr
    1.3fr
    1fr;

    gap:50px;

}


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

.footer-column h4{

    color:#fff;

    font-size:26px;

    margin-bottom:28px;

}

.footer-column h5{

    color:#fff;

    font-size:18px;

    margin-bottom:12px;

}

.footer-column p{

    color:#d7e4f2;

    line-height:1.9;

}


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

.footer-links-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

}

.footer-links-grid ul{

    padding:0;

}

.footer-links-grid li{

    list-style:none;

    margin-bottom:15px;

}

.footer-links-grid a{

    color:#d7e4f2;

    transition:.3s;

}

.footer-links-grid a:hover{

    color:#00AEEF;

    padding-left:8px;

}


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

.footer-address-card{

    padding-bottom:25px;

    margin-bottom:25px;

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

}


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

.footer-contact{

    padding:0;

    list-style:none;

    margin-bottom:25px;

}

.footer-contact li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

}

.footer-contact a{

    color:#d7e4f2;

}

.footer-team{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.footer-team strong{

    display:block;

    color:#fff;

    margin-bottom:5px;

}

.footer-team a{

    color:#00AEEF;

}


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

.footer-newsletter{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.footer-newsletter input{

    height:52px;

    border:none;

    border-radius:12px;

    padding:0 16px;

}

.footer-newsletter button{

    height:50px;

    border:none;

    border-radius:12px;

    background:#ff8a22;

    color:#fff;

    cursor:pointer;

    font-weight:700;

}


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

.newsletter-points{

    display:flex;

    flex-direction:column;

    gap:8px;

    margin:22px 0;

    color:#b8d5e9;

}


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

.footer-certificates{

    display:flex;

    gap:15px;

    margin-top:25px;

}

.footer-certificates div{

    text-align:center;

}

.footer-certificates img{

    width:65px;

    height:65px;

    background:#fff;

    border-radius:12px;

    padding:10px;

}

.footer-certificates small{

    display:block;

    margin-top:8px;

    color:#d7e4f2;

}


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

.footer-social{

    display:flex;

    gap:12px;

    margin-top:25px;

}

.footer-social a{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#fff;

    transition:.3s;

}

.footer-social a:hover{

    background:#00AEEF;

}


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

.footer-bottom{

    margin-top:60px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.12);

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-policy{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}

.footer-policy a{

    color:#d7e4f2;

}

.footer-policy a:hover{

    color:#00AEEF;

}
/*==================================================
MOBILE NAVIGATION
==================================================*/

.menu-btn{
    display:none;
}

@media (max-width:992px){

.menu-btn{
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border:none;
background:#00AEEF;
color:#fff;
border-radius:10px;
cursor:pointer;
font-size:18px;
}

.nav-actions .btn,
.search-btn{
display:none;
}

#navMenu{

position:fixed;

top:82px;
left:-100%;

width:100%;
height:calc(100vh - 82px);

background:#ffffff;

overflow-y:auto;

transition:.35s;

padding:0;

z-index:9999;

}

#navMenu.active{

left:0;

}

.main-menu{

display:flex;

flex-direction:column;

gap:0;

padding:0;

}

.main-menu>li{

width:100%;

border-bottom:1px solid #edf2f7;

}

.main-menu>li>a{

height:auto;

padding:18px 20px;

display:flex;

justify-content:space-between;

align-items:center;

font-size:16px;

}

.dropdown-menu,
.mega-menu{

display:none;

position:static;

width:100%;

opacity:1;

visibility:visible;

transform:none;

padding:0;

margin:0;

box-shadow:none;

border-radius:0;

background:#f8fbff;

}

.dropdown.open>.dropdown-menu,
.mega-parent.open>.mega-menu{

display:block;

}

.dropdown-menu li{

border-bottom:1px solid #ececec;

}

.dropdown-menu li a{

display:block;

padding:15px 35px;

font-size:15px;

}

.mega-menu{

display:none;

grid-template-columns:1fr;

gap:0;

}

.mega-column{

padding:15px 20px;

border-bottom:1px solid #ececec;

}

.mega-column h3{

font-size:17px;

margin-bottom:12px;

padding-bottom:8px;

border-bottom:2px solid #00AEEF;

}

.mega-column a{

display:block;

padding:10px 0;

font-size:15px;

}

.main-menu i{

transition:.3s;

}

.dropdown.open>a i,
.mega-parent.open>a i{

transform:rotate(180deg);

}

}

/* ======================================================
   MOBILE NAVIGATION - COMPLETE REPLACE
====================================================== */

@media (max-width:992px){

.menu-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border:none;
    background:#00AEEF;
    color:#fff;
    border-radius:10px;
    cursor:pointer;
    z-index:10001;
}

.search-btn,
.nav-actions .btn{
    display:none;
}

.nav-wrapper{
    height:80px;
}

#navMenu{

    position:fixed;

    top:80px;
    left:-100%;

    width:100%;
    height:calc(100vh - 80px);

    background:#fff;

    overflow-y:auto;
    overflow-x:hidden;

    transition:.35s ease;

    z-index:9999;

    padding-bottom:100px;

}

#navMenu.active{

    left:0;

}

.main-menu{

    display:flex;
    flex-direction:column;

    width:100%;

    margin:0;
    padding:0;

}

.main-menu>li{

    width:100%;

    list-style:none;

    border-bottom:1px solid #ececec;

}

.main-menu>li>a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    width:100%;

    padding:18px 20px;

    color:#0A2342;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    height:auto;

}

.main-menu>li>a::after{

    display:none;

}

.main-menu>li>a i{

    transition:.35s;

}

/* dropdown */

.dropdown-menu{

    display:none;

    position:static;

    width:100%;

    background:#f8fbff;

    box-shadow:none;

    border-radius:0;

    padding:0;

    opacity:1;

    visibility:visible;

    transform:none;

}

.dropdown.open>.dropdown-menu{

    display:block;

}

.dropdown-menu li{

    list-style:none;

}

.dropdown-menu li a{

    display:block;

    padding:14px 38px;

    color:#444;

    border-bottom:1px solid #ececec;

}

/* mega */

.mega-menu{

    display:none;

    position:static;

    width:100%;

    background:#f8fbff;

    box-shadow:none;

    border-radius:0;

    padding:0;

    margin:0;

    opacity:1;

    visibility:visible;

    transform:none;

}

.mega-parent.open>.mega-menu{

    display:block;

}

.mega-column{

    width:100%;

    padding:20px;

    border-bottom:1px solid #ececec;

}

.mega-column:last-child{

    border-bottom:none;

}

.mega-column h3{

    margin:0 0 15px;

    color:#0A2342;

    font-size:18px;

    border-bottom:2px solid #00AEEF;

    padding-bottom:8px;

}

.mega-column a{

    display:block;

    padding:10px 0;

    color:#555;

    text-decoration:none;

}

.dropdown.open>a i,
.mega-parent.open>a i{

    transform:rotate(180deg);

}

}

/* MOBILE MEGA MENU FIX */

@media (max-width:992px){

.mega-menu{

display:none !important;

position:static !important;

width:100% !important;

max-width:100% !important;

padding:0 !important;

margin:0 !important;

background:#f8fbff !important;

border-radius:0 !important;

box-shadow:none !important;

grid-template-columns:1fr !important;

overflow:hidden !important;

}

.mega-parent.open > .mega-menu{

display:grid !important;

}

.mega-column{

width:100% !important;

padding:18px 20px !important;

border-bottom:1px solid #e8edf4;

}

.mega-column:last-child{

border-bottom:none;

}

.mega-column h3{

margin:0 0 15px;

padding-bottom:10px;

border-bottom:2px solid #00AEEF;

font-size:18px;

}

.mega-column a{

display:block;

padding:10px 0;

}

}
/*==================================================
FOOTER RESPONSIVE
==================================================*/

@media (max-width:1200px){

.footer{
padding:80px 0 30px;
}

.footer-grid{
grid-template-columns:repeat(2,1fr);
gap:40px;
}

.footer-brand{
margin-bottom:50px;
}

.footer-brand h2{
font-size:42px;
}

.footer-links-grid{
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.footer-certificates{
flex-wrap:wrap;
}

.footer-bottom{
gap:20px;
}

}

@media (max-width:992px){

.footer{
padding:70px 0 25px;
}

.footer-brand{
text-align:center;
margin-bottom:45px;
}

.footer-brand img{
width:60px;
}

.footer-brand h2{
font-size:36px;
}

.footer-brand p{
font-size:15px;
}

.footer-stats{
justify-content:center;
flex-wrap:wrap;
gap:12px;
}

.footer-grid{
grid-template-columns:1fr 1fr;
gap:35px;
}

.footer-column{
text-align:left;
}

.footer-links-grid{
grid-template-columns:1fr;
gap:12px;
}

.footer-address-card{
margin-bottom:20px;
padding-bottom:20px;
}

.footer-contact li{
flex-wrap:wrap;
}

.footer-newsletter input,
.footer-newsletter button{
width:100%;
}

.footer-certificates{
justify-content:flex-start;
}

.footer-social{
justify-content:flex-start;
}

.footer-bottom{
flex-direction:column;
text-align:center;
gap:15px;
}

.footer-policy{
justify-content:center;
flex-wrap:wrap;
}

}

@media (max-width:768px){

.footer{
padding:60px 0 20px;
}

.footer-brand{
margin-bottom:35px;
}

.footer-brand img{
width:55px;
}

.footer-brand h2{
font-size:30px;
}

.footer-brand p{
font-size:14px;
}

.footer-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}

.footer-stats span{
width:100%;
text-align:center;
font-size:13px;
padding:10px;
}

.footer-grid{
grid-template-columns:1fr;
gap:30px;
}

.footer-column{
text-align:center;
}

.footer-column h4{
font-size:22px;
margin-bottom:20px;
}

.footer-links-grid{
grid-template-columns:1fr;
}

.footer-links-grid ul{
padding:0;
margin:0;
}

.footer-links-grid li{
margin-bottom:12px;
}

.footer-address-card{
text-align:center;
}

.footer-contact{
padding:0;
}

.footer-contact li{
justify-content:center;
}

.footer-team{
text-align:center;
}

.footer-newsletter{
align-items:center;
}

.footer-newsletter input{
width:100%;
max-width:380px;
}

.footer-newsletter button{
width:100%;
max-width:380px;
}

.newsletter-points{
align-items:center;
}

.footer-certificates{
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.footer-certificates img{
width:60px;
height:60px;
}

.footer-social{
justify-content:center;
margin-top:20px;
}

.footer-bottom{
margin-top:35px;
padding-top:18px;
}

.footer-policy{
justify-content:center;
gap:8px;
}

}

@media (max-width:576px){

.footer{
padding:50px 0 20px;
}

.footer-brand img{
width:48px;
}

.footer-brand h2{
font-size:26px;
}

.footer-brand p{
font-size:13px;
line-height:1.7;
}

.footer-stats{
grid-template-columns:1fr;
}

.footer-stats span{
font-size:12px;
padding:10px;
}

.footer-column h4{
font-size:20px;
}

.footer-column h5{
font-size:16px;
}

.footer-column p,
.footer-column li,
.footer-column a{
font-size:14px;
line-height:1.8;
}

.footer-newsletter input{
height:46px;
font-size:14px;
}

.footer-newsletter button{
height:46px;
font-size:14px;
}

.footer-certificates{
gap:10px;
}

.footer-certificates img{
width:50px;
height:50px;
padding:8px;
}

.footer-certificates small{
font-size:11px;
}

.footer-social a{
width:40px;
height:40px;
font-size:15px;
}

.footer-bottom{
font-size:12px;
line-height:1.8;
}

.footer-policy{
display:flex;
flex-direction:column;
gap:5px;
}

.footer-policy span{
display:none;
}

}

/* Service & Support - Single Line */

.service-menu{
    min-width:180px;
    flex-shrink:0;
}

.service-menu > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    white-space:nowrap;
    word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:180px;
}

.service-menu > a span{
    white-space:nowrap;
}
.about-card i{

    color:#00AEEF;

    font-size:22px;

}

.about-card ul{

    list-style:none;

    padding:0;

}

.about-card ul li{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;

    color:#555;

}

.about-card ul li i{

    color:#00AEEF;

    font-size:14px;

    margin-top:4px;

}
/*=========================================
SEARCH POPUP
==========================================*/

.search-overlay{

display:none;

position:fixed;

inset:0;

background:rgba(0,0,0,.65);

justify-content:center;

align-items:flex-start;

padding-top:120px;

z-index:99999;

}

.search-box{

width:min(700px,92%);

background:#fff;

border-radius:18px;

padding:30px;

position:relative;

box-shadow:0 20px 60px rgba(0,0,0,.25);

}

.close-search{

position:absolute;

top:20px;

right:20px;

border:none;

background:none;

font-size:24px;

cursor:pointer;

}

.search-box h3{

margin-bottom:20px;

color:#0A2342;

}

#searchInput{

width:100%;

height:55px;

border:1px solid #ddd;

border-radius:10px;

padding:0 18px;

font-size:16px;

outline:none;

}

#searchInput:focus{

border-color:#00AEEF;

}

#searchResults{

margin-top:20px;

max-height:350px;

overflow:auto;

}

.search-item{

padding:14px 15px;

border-bottom:1px solid #eee;

cursor:pointer;

transition:.3s;

}

.search-item:hover{

background:#F5FAFF;

color:#00AEEF;

}
.about-box ul,
.about-box ul li{
    list-style: none !important;
    margin-left: 0;
    padding-left: 0;
}

.about-box ul li::marker{
    content: "";
}
.logo-title{
    color:#008C95;
    font-size:32px;
    font-weight:800;
    letter-spacing:0.5px;
    margin:0;
    line-height:1;
    text-transform:uppercase;
}
.footer-logo-title{
    color:#008C95;
    font-size:34px;
    font-weight:800;
    letter-spacing:0.5px;
    margin:0;
    text-transform:uppercase;
}


/*==================================================
PREMIUM GLOBAL COMPLIANCE
==================================================*/

.standards-section{

    position:relative;

    padding:120px 0;

    background:
        linear-gradient(
            180deg,
            #F8FBFF 0%,
            #FFFFFF 100%
        );

    overflow:hidden;

}

.standards-section::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    top:-280px;
    right:-220px;

    border-radius:50%;

    background:rgba(0,174,239,.05);

}

.standards-section::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    left:-150px;
    bottom:-180px;

    border-radius:50%;

    background:rgba(0,140,149,.05);

}

.standards-section .container{

    position:relative;

    z-index:2;

}


/*==========================
GRID
==========================*/

.standards-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}


/*==========================
CARD
==========================*/

.standard-card{

    position:relative;

    background:#ffffff;

    border:1px solid rgba(0,174,239,.12);

    border-radius:24px;

    padding:45px 35px;

    text-align:center;

    overflow:hidden;

    transition:.45s ease;

    box-shadow:
        0 18px 45px rgba(10,35,66,.08);

}

.standard-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:5px;

    background:
        linear-gradient(
            90deg,
            #008C95,
            #00AEEF
        );

    transform:scaleX(0);

    transition:.45s;

}

.standard-card:hover::before{

    transform:scaleX(1);

}

.standard-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 30px 70px rgba(10,35,66,.16);

}


/*==========================
LOGO
==========================*/

.standard-card img{

    width:90px;

    height:90px;

    object-fit:contain;

    margin:auto auto 24px;

    transition:.35s;

}

.standard-card:hover img{

    transform:scale(1.08);

}


/*==========================
TEXT
==========================*/

.standard-card h3{

    font-size:24px;

    color:#0A2342;

    margin-bottom:12px;

    font-weight:800;

}

.standard-card span{

    display:block;

    color:#6B7280;

    line-height:1.7;

    font-size:15px;

}


/*==========================
DOWNLOAD
==========================*/

.standards-download{

    margin-top:60px;

    display:flex;

    justify-content:center;

}

.standards-download .btn{

    min-width:290px;

    gap:12px;

}


/*==========================
RESPONSIVE
==========================*/

@media(max-width:1200px){

    .standards-grid{

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

    }

}

@media(max-width:768px){

    .standards-section{

        padding:90px 0;

    }

    .standards-grid{

        grid-template-columns:1fr;

        gap:22px;

        margin-top:45px;

    }

    .standard-card{

        padding:35px 25px;

    }

    .standard-card img{

        width:72px;
        height:72px;

    }

    .standard-card h3{

        font-size:22px;

    }

    .standards-download .btn{

        width:100%;

    }

}

/*==================================================
PREMIUM LEADERSHIP SECTION
==================================================*/

.leadership-section{

    position:relative;
    padding:120px 0;
    overflow:hidden;

    background:
    radial-gradient(circle at top right,#EAF8FC 0%,transparent 28%),
    radial-gradient(circle at bottom left,#EEF6FF 0%,transparent 32%),
    linear-gradient(180deg,#ffffff,#F7FAFD);

}

.leadership-section::before{

    content:"";
    position:absolute;
    inset:0;

    background-image:
    linear-gradient(rgba(10,35,66,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,35,66,.03) 1px,transparent 1px);

    background-size:70px 70px;

    pointer-events:none;

}

.leadership-grid{

    margin-top:70px;

    display:grid;

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

    gap:35px;

    position:relative;

    z-index:2;

}

.leader-card{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #E6EEF5;

    transition:.45s;

    position:relative;

    box-shadow:
    0 20px 60px rgba(10,35,66,.08);

}

.leader-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;

    height:5px;

    background:
    linear-gradient(90deg,#0A2342,#008C95,#00AEEF);

    transform:scaleX(0);

    transition:.45s;

}

.leader-card:hover::before{

    transform:scaleX(1);

}

.leader-card:hover{

    transform:translateY(-14px);

    box-shadow:
    0 35px 90px rgba(10,35,66,.15);

}

.leader-image{

    position:relative;

    padding:45px 30px 20px;

    text-align:center;

}

.leader-image::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(0,174,239,.18),
    transparent 70%);

    left:50%;
    top:40px;

    transform:translateX(-50%);

}

.leader-image img{

    width:170px;
    height:170px;

    border-radius:50%;

    object-fit:cover;

    position:relative;

    z-index:2;

    border:6px solid #fff;

    box-shadow:
    0 18px 40px rgba(0,0,0,.18);

}

.leader-body{

    padding:10px 35px 40px;

    text-align:center;

}

.leader-department{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

    background:#EDF9FB;

    color:#008C95;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.leader-body h3{

    margin-top:22px;

    font-size:30px;

    color:#0A2342;

    font-weight:800;

}

.leader-body h4{

    margin:10px 0 18px;

    color:#008C95;

    font-size:18px;

    font-weight:700;

}

.leader-body p{

    color:#667085;

    line-height:1.8;

    margin-bottom:28px;

}

.leader-skills{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px;

    margin-bottom:30px;

}

.leader-skills span{

    padding:10px 16px;

    border-radius:40px;

    background:#F5F8FB;

    color:#0A2342;

    font-size:13px;

    font-weight:600;

}

.leader-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    background:#0A2342;

    color:#fff;

    font-weight:700;

    transition:.35s;

}

.leader-btn:hover{

    background:#008C95;

    color:#fff;

}

.leader-btn i{

    transition:.35s;

}

.leader-btn:hover i{

    transform:translateX(6px);

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

.leadership-grid{

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

}

}

@media(max-width:768px){

.leadership-section{

padding:80px 0;

}

.leadership-grid{

grid-template-columns:1fr;

gap:30px;

}

.leader-body{

padding:15px 25px 35px;

}

.leader-body h3{

font-size:26px;

}

.leader-body h4{

font-size:17px;

}

.leader-image img{

width:150px;

height:150px;

}

.leader-skills{

gap:8px;

}

.leader-skills span{

font-size:12px;

padding:8px 14px;

}

}

@media(max-width:576px){

.leader-image{

padding:35px 20px 15px;

}

.leader-image img{

width:130px;

height:130px;

}

.leader-body h3{

font-size:24px;

}

.leader-body p{

font-size:15px;

}

.leader-btn{

width:100%;

justify-content:center;

}

}
.eco-title{

    font-size:38px;

    font-weight:800;

    color:#0A2342;

    text-align:center;

    margin-bottom:20px;

    white-space:nowrap;

    letter-spacing:.5px;

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

.eco-title{

    font-size:28px;

}

}

@media(max-width:768px){

.eco-title{

    white-space:normal;

    font-size:22px;

    line-height:1.5;

}

}

@media(max-width:480px){

.eco-title{

    font-size:18px;

}

}


/*==================================================
GLOBAL RESPONSIVE
==================================================*/

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    overflow-x:hidden;
}

body{
    overflow-x:hidden;
}

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

video{
    max-width:100%;
}

.container{
    width:min(1320px,92%);
    margin:auto;
}

/*==================================================
1400px
==================================================*/

@media(max-width:1400px){

.container{
    width:94%;
}

.hero-content h1{
    font-size:58px;
}

.hero-stats{
    grid-template-columns:repeat(4,1fr);
}

}

/*==================================================
1200px
==================================================*/

@media(max-width:1200px){

.nav-wrapper{
    height:82px;
}

.main-menu{
    gap:18px;
}

.logo img{
    height:58px;
}

.hero{
    min-height:auto;
    padding:150px 0 90px;
}

.hero-wrapper{
    grid-template-columns:1fr;
    text-align:center;
}

.hero-content{
    max-width:850px;
    margin:auto;
}

.hero-buttons{
    justify-content:center;
}

.hero-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:60px;
}

}

/*==================================================
992px
==================================================*/

@media(max-width:992px){

.menu-btn{
    display:flex;
}

nav{
    position:fixed;
    top:82px;
    left:-100%;
    width:320px;
    height:calc(100vh - 82px);
    background:#fff;
    transition:.4s;
    overflow:auto;
    z-index:999;
}

nav.active{
    left:0;
}

.main-menu{
    flex-direction:column;
    align-items:flex-start;
    padding:30px;
    gap:0;
}

.main-menu>li{
    width:100%;
}

.main-menu>li>a{
    width:100%;
    padding:16px 0;
}

.dropdown-menu,
.mega-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
    box-shadow:none;
    border:none;
    padding-left:15px;
    width:100%;
}

.dropdown.active .dropdown-menu,
.mega-parent.active .mega-menu{
    display:block;
}

.hero{
    padding:140px 0 80px;
}

.hero-content h1{
    font-size:48px;
}

.hero-content p{
    font-size:17px;
}

.hero-buttons{
    flex-wrap:wrap;
}

.hero-scroll-area{
    display:none;
}

}

/*==================================================
768px
==================================================*/

@media(max-width:768px){

.container{
    width:94%;
}

.logo-text{
    display:none;
}

.logo img{
    height:52px;
}

.search-btn{
    display:none;
}

.btn-primary{
    display:none;
}

.hero{
    padding:120px 0 70px;
}

.hero-content h1{
    font-size:38px;
    line-height:1.25;
}

.hero-content p{
    font-size:16px;
    line-height:1.8;
}

.hero-buttons{
    flex-direction:column;
}

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

.hero-stats{
    grid-template-columns:1fr;
    gap:20px;
}

.hero-stat{
    padding:30px;
}

.hero-stat h2{
    font-size:42px;
}

}

/*==================================================
480px
==================================================*/

@media(max-width:480px){

.hero{
    padding:110px 0 60px;
}

.hero-content h1{
    font-size:30px;
}

.hero-content p{
    font-size:15px;
}

.hero-stat{
    padding:25px;
}

.hero-stat h2{
    font-size:34px;
}

nav{
    width:100%;
}

}

/*==================================================
TRUST + ABOUT + STANDARDS + ECOSYSTEM
==================================================*/

/*==============================
1200px
==============================*/

@media(max-width:1200px){

.trust-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.about-highlight-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.standards-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.ecosystem-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.ecosystem-main{
    margin-bottom:50px;
}

}

/*==============================
992px
==============================*/

@media(max-width:992px){

.trust-highlights{
    padding:70px 0;
}

.trust-grid{
    grid-template-columns:repeat(2,1fr);
}

.about-highlights{
    padding:90px 0;
}

.about-highlight-grid{
    grid-template-columns:1fr;
}

.about-image-card{
    order:-1;
}

.about-box{
    padding:35px;
}

.section-title{
    font-size:38px;
}

.section-text{
    font-size:17px;
}

.standards-section{
    padding:90px 0;
}

.standards-grid{
    grid-template-columns:repeat(2,1fr);
}

.standard-card{
    padding:35px;
}

.ecosystem{
    padding:90px 0;
}

.ecosystem-grid{
    grid-template-columns:1fr;
}

.eco-card{
    max-width:650px;
    margin:auto;
}

}

/*==============================
768px
==============================*/

@media(max-width:768px){

.trust-grid{
    grid-template-columns:1fr;
    gap:20px;
}

.trust-card{
    padding:30px;
}

.about-highlights{
    padding:70px 0;
}

.about-box{
    padding:30px 25px;
}

.about-box ul{
    padding-left:20px;
}

.about-image-card img{
    width:100%;
    height:auto;
}

.section-title{
    font-size:30px;
    line-height:1.3;
}

.section-text{
    font-size:16px;
}

.standards-grid{
    grid-template-columns:1fr;
}

.standard-card{
    padding:30px;
}

.standard-card img{
    width:70px;
    margin:auto;
}

.standards-download{
    text-align:center;
}

.standards-download .btn{
    width:100%;
}

.ecosystem{
    padding:70px 0;
}

.ecosystem-main{
    padding:40px 25px;
}

.ecosystem-main h3{
    font-size:28px;
}

.ecosystem-main p{
    font-size:16px;
}

.eco-card{
    display:block;
    text-align:center;
    padding:30px;
}

.eco-logo{
    margin:0 auto 20px;
}

.eco-body h3{
    font-size:24px;
}

}

/*==============================
480px
==============================*/

@media(max-width:480px){

.trust-card{
    padding:25px;
}

.trust-card h3{
    font-size:22px;
}

.about-box{
    padding:25px 20px;
}

.section-title{
    font-size:26px;
}

.standard-card{
    padding:25px;
}

.standard-card h3{
    font-size:22px;
}

.ecosystem-main{
    padding:30px 20px;
}

.ecosystem-main h3{
    font-size:24px;
}

.eco-card{
    padding:25px;
}

}
/*==================================================
INDUSTRIES + MANUFACTURING + METHODOLOGY + COMPLIANCE
==================================================*/

/*==============================
1200px
==============================*/

@media(max-width:1200px){

.industry-overview-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.manufacturing-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:50px;
}

.manufacturing-card{
    max-width:800px;
    margin:auto;
}

.timeline{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.compliance-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.compliance-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

}

/*==============================
992px
==============================*/

@media(max-width:992px){

.industry-overview{
    padding:90px 0;
}

.industry-overview-grid{
    grid-template-columns:repeat(2,1fr);
}

.industry-box{
    padding:35px 25px;
}

.manufacturing{
    padding:90px 0;
}

.manufacturing-content{
    text-align:center;
}

.manufacturing-services{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.methodology{
    padding:90px 0;
}

.timeline{
    grid-template-columns:repeat(2,1fr);
}

.timeline-item{
    padding:35px 25px;
}

.compliance{
    padding:90px 0;
}

.compliance-stats{
    grid-template-columns:repeat(2,1fr);
}

.compliance-grid{
    grid-template-columns:repeat(2,1fr);
}

}

/*==============================
768px
==============================*/

@media(max-width:768px){

.industry-overview{
    padding:70px 0;
}

.industry-overview-grid{
    grid-template-columns:1fr;
}

.industry-box{
    padding:30px 20px;
    text-align:center;
}

.industry-box i{
    font-size:42px;
}

.manufacturing{
    padding:70px 0;
}

.manufacturing-card img{
    width:100%;
    height:auto;
}

.manufacturing-info{
    padding:25px;
}

.manufacturing-content{
    text-align:left;
}

.manufacturing-services{
    grid-template-columns:1fr;
}

.manufacturing-services div{
    width:100%;
}

.methodology{
    padding:70px 0;
}

.timeline{
    grid-template-columns:1fr;
}

.timeline-item{
    text-align:center;
}

.timeline-icon{
    margin:0 auto 20px;
}

.compliance{
    padding:70px 0;
}

.compliance-stats{
    grid-template-columns:1fr;
}

.stat-card{
    padding:30px;
}

.compliance-grid{
    grid-template-columns:1fr;
}

.compliance-card{
    padding:30px;
}

}

/*==============================
480px
==============================*/

@media(max-width:480px){

.industry-box{
    padding:25px 18px;
}

.industry-box h3{
    font-size:22px;
}

.manufacturing-info h3{
    font-size:24px;
}

.manufacturing-content h2{
    font-size:28px;
}

.manufacturing-services div{
    padding:15px;
}

.timeline-item{
    padding:25px 20px;
}

.timeline-item h3{
    font-size:22px;
}

.timeline-icon{
    width:70px;
    height:70px;
}

.stat-card h3{
    font-size:34px;
}

.compliance-card{
    padding:25px 20px;
}

.compliance-card h3{
    font-size:22px;
}

}
/*==================================================
FINAL RESPONSIVE
GALLERY + INSIGHTS + KNOWLEDGE + FOOTER
==================================================*/

/*==============================
1200px
==============================*/

@media(max-width:1200px){

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.insight-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.knowledge-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.downloads-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:45px;
}

.cta-box{
    padding:70px 50px;
}

}

/*==============================
992px
==============================*/

@media(max-width:992px){

.project-gallery,
.latest-insights,
.knowledge,
.downloads,
.footer{
    padding:90px 0;
}

.gallery-grid,
.insight-grid,
.knowledge-grid,
.downloads-grid{
    grid-template-columns:1fr;
}

.gallery-card,
.insight-card,
.knowledge-card,
.download-card{
    max-width:700px;
    margin:auto;
}

.trusted-card{
    max-width:750px;
    margin:auto;
}

.cta-box{
    display:flex;
    flex-direction:column;
    gap:35px;
    text-align:center;
}

.footer-grid{
    grid-template-columns:1fr;
}

.footer-bottom{
    flex-direction:column;
    gap:20px;
    text-align:center;
}

.footer-bottom-center{
    flex-wrap:wrap;
    justify-content:center;
}

}

/*==============================
768px
==============================*/

@media(max-width:768px){

.project-gallery,
.latest-insights,
.knowledge,
.downloads,
.footer{
    padding:70px 0;
}

.gallery-content,
.insight-content,
.download-card,
.knowledge-card{
    padding:25px;
}

.gallery-card img,
.insight-card img,
.trusted-card img{
    width:100%;
    height:auto;
}

.trusted-overlay{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    border-radius:0 0 20px 20px;
}

.cta{
    padding:70px 0;
}

.cta-box{
    padding:45px 25px;
}

.cta-box h2{
    font-size:30px;
}

.cta-box p{
    font-size:16px;
}

.footer-top{
    text-align:center;
}

.footer-logo-title{
    font-size:34px;
}

.footer-column{
    text-align:center;
}

.footer-column ul{
    padding:0;
}

.footer-address{
    justify-content:center;
}

.footer-contact-list li{
    justify-content:center;
}

.footer-newsletter{
    flex-direction:column;
}

.footer-newsletter input,
.footer-newsletter button{
    width:100%;
}

.footer-certificates{
    justify-content:center;
    flex-wrap:wrap;
}

}

/*==============================
480px
==============================*/

@media(max-width:480px){

.gallery-content h3,
.insight-content h3,
.download-card h3,
.knowledge-card h3{
    font-size:22px;
}

.cta-box h2{
    font-size:26px;
}

.cta-box p{
    font-size:15px;
}

.footer-logo-title{
    font-size:28px;
}

.footer-column h4{
    font-size:20px;
}

.footer-bottom-center{
    gap:10px;
    font-size:14px;
}

.whatsapp{
    width:54px;
    height:54px;
    right:18px;
    bottom:90px;
}

.back-to-top{
    width:50px;
    height:50px;
    right:18px;
    bottom:20px;
}

.search-box{
    width:92%;
    padding:25px;
}

.search-box input{
    font-size:15px;
}

}


.logo{

    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:0;

}

.logo img{

    width:72px;
    height:72px;
    object-fit:contain;
    flex-shrink:0;

}

.logo-text{

    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1.1;

}

.logo-title,
.logo-text h2{

    font-size:20px;
    font-weight:800;
    letter-spacing:.3px;
    color:var(--primary);
    margin:0;

}

.logo-text p{

    margin-top:4px;
    font-size:11px;
    color:#6B7280;
    white-space:nowrap;

}

@media(max-width:768px){

    .logo img{

        width:56px;
        height:56px;

    }

    .logo-title,
    .logo-text h2{

        font-size:18px;

    }

    .logo-text p{

        display:block;
        font-size:10px;

    }

    .nav-wrapper{

        height:80px;

    }

}

@media(max-width:480px){

    .logo img{

        width:48px;
        height:48px;

    }

    .logo-title,
    .logo-text h2{

        font-size:16px;

    }

    .logo-text p{

        display:none;

    }

}

/*=========================================
ABOUT HIGHLIGHTS HOVER
==========================================*/

.about-box,
.about-image-card{

    transition:.35s ease;
    cursor:pointer;

}

.about-box:hover,
.about-image-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(10,35,66,.15);
    border-color:#00AEEF;

}

.about-image-card{

    overflow:hidden;
    border-radius:24px;

}

.about-image-card img{

    transition:.5s ease;

}

.about-image-card:hover img{

    transform:scale(1.06);

}

/*=========================================
MANUFACTURING CARD HOVER
==========================================*/

.manufacturing-card{

    transition:.35s ease;
    overflow:hidden;

}

.manufacturing-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(10,35,66,.15);

}

.manufacturing-card img{

    transition:.6s ease;

}

.manufacturing-card:hover img{

    transform:scale(1.06);

}

/*=========================================
MANUFACTURING SERVICE HOVER
==========================================*/

.manufacturing-services div{

    transition:.35s ease;
    cursor:pointer;

}

.manufacturing-services div:hover{

    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(10,35,66,.12);
    border-color:#00AEEF;
    background:#ffffff;

}
.footer-certificates{

    display:flex;
    gap:18px;
    margin-top:20px;
    flex-wrap:wrap;

}

.certificate-item{

    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;

}

.certificate-item img{

    width:60px;
    height:60px;
    object-fit:contain;
    background:#fff;
    border-radius:12px;
    padding:8px;

}

.certificate-item span{

    margin-top:8px;
    font-size:12px;
    font-weight:600;
    color:#ffffff;

}

.footer-contact-list i{

    color:var(--accent);      /* #00AEEF */
    width:22px;
    text-align:center;
    transition:.3s ease;

}

.footer-contact-list li:hover i{

    color:var(--secondary);   /* #008C95 */
    transform:scale(1.1);

}

.footer-address i{

    color:var(--accent);
    font-size:18px;
    transition:.3s ease;

}

.footer-address:hover i{

    color:var(--secondary);

}

.footer i{

    color:var(--accent);

}

.footer i:hover{

    color:var(--secondary);

}

.menu-btn{

    transition:.35s ease;

}

.menu-btn i{

    font-size:20px;
    transition:.35s ease;

}

.menu-btn.active{

    background:#0A2342;
    color:#ffffff;

}

.menu-btn.active i{

    transform:rotate(180deg);

}

/*=========================================
BOTTOM TO TOP HOVER
=========================================

.industry-box{

    position:relative;

    overflow:hidden;

    z-index:1;

    transition:.4s ease;

}

.industry-box::before{

    content:"";

    position:absolute;

    left:0;

    bottom:-100%;

    width:100%;

    height:100%;

    background:linear-gradient(
        180deg,
        #00AEEF,
        #008C95,
        #0A2342
    );

    transition:.45s ease;

    z-index:-1;

}

.industry-box:hover::before{

    bottom:0;

}

.industry-box:hover{

    transform:translateY(-10px);

    border-color:#0A2342;

    box-shadow:0 25px 60px rgba(10,35,66,.18);

}

.industry-box i,
.industry-box h3,
.industry-box p{

    transition:.35s ease;

}

.industry-box:hover i{

    color:#ffffff;

    transform:scale(1.15);

}

.industry-box:hover h3{

    color:#ffffff;

}

.industry-box:hover p{

    color:rgba(255,255,255,.92);

}*/

/*=========================================
PREMIUM HOVER EFFECT
=========================================*/

.industry-box{

    position:relative;

    overflow:hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

}

.industry-box::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:70%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s ease;

}

.industry-box:hover{

    transform:translateY(-12px);

    border-color:#00AEEF;

    box-shadow:
        0 25px 60px rgba(10,35,66,.15);

}

.industry-box:hover::before{

    left:160%;

}

.industry-box i{

    transition:
        transform .35s ease,
        color .35s ease;

}

.industry-box:hover i{

    transform:scale(1.15) rotate(10deg);

    color:#008C95;

}

.industry-box h3{

    transition:.35s ease;

}

.industry-box:hover h3{

    color:#008C95;

}

.industry-box p{

    transition:.35s ease;

}

.industry-box:hover p{

    color:#34495E;

}

.footer-contact-gap{

    height:28px;

    list-style:none;

}



.footer-profile a{

    color:#00AEEF;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

}

.footer-profile a:hover{

    text-decoration:underline;

}

.footer-profile{

    display:block;

    margin-top:30px;

}

.footer-profile{

    margin-top:35px;

}

.footer-profile a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#00AEEF;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    white-space:nowrap;

}

.footer-profile a:hover{

    color:#ffffff;

}


.hero-bg{

    position:absolute;
    inset:0;
    overflow:hidden;

}

.hero-slider{

    position:absolute;
    inset:0;

}

.hero-slide{

    position:absolute;
    inset:0;

    opacity:0;

    transition:opacity 1.2s ease;

}

.hero-slide.active{

    opacity:1;

    z-index:1;

}

.hero-slide img{

    width:100%;
    height:100%;

    object-fit:cover;

    transform:scale(1.08);

    animation:heroZoom 8s linear infinite;

}

.hero-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(10,35,66,.82),
        rgba(10,35,66,.55),
        rgba(10,35,66,.72)
    );

    z-index:2;

}

@keyframes heroZoom{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.08);

    }

}


/*=========================================
ECOSYSTEM BANNER
==========================================*/

.ecosystem-banner{

    position: relative;

    width: 100%;

    margin: 55px auto 45px;

    border-radius: 22px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid rgba(10,35,66,.08);

    box-shadow:
        0 12px 35px rgba(0,0,0,.08),
        0 30px 70px rgba(10,35,66,.08);

    transition: .45s ease;

}

.ecosystem-banner:hover{

    transform: translateY(-6px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.10),
        0 40px 90px rgba(10,35,66,.12);

}

.ecosystem-banner img{

    width:100%;

    display:block;

    object-fit:cover;

    transition:1s ease;

}

.ecosystem-banner:hover img{

    transform:scale(1.02);

}

/* Optional gradient overlay */

.ecosystem-banner::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,.02)
    );

    pointer-events:none;

}

/*==============================
Desktop
==============================*/

@media (min-width:1200px){

    .ecosystem-banner{

        max-width:1180px;

    }

}

/*==============================
Tablet
==============================*/

@media (max-width:992px){

    .ecosystem-banner{

        margin:45px auto 35px;

        border-radius:18px;

    }

}

/*==============================
Mobile
==============================*/

@media (max-width:768px){

    .ecosystem-banner{

        margin:35px auto;

        border-radius:16px;

    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:480px){

    .ecosystem-banner{

        margin:25px auto 30px;

        border-radius:14px;

    }

}



/*=========================================
INDUSTRY BANNER
=========================================*/

.industry-banner{

    position:relative;

    width:100%;

    margin:55px auto 55px;

    overflow:hidden;

    border-radius:24px;

    background:#ffffff;

    border:1px solid rgba(10,35,66,.08);

    box-shadow:
        0 18px 45px rgba(0,0,0,.08),
        0 35px 80px rgba(10,35,66,.08);

    transition:.45s ease;

}

.industry-banner:hover{

    transform:translateY(-6px);

    box-shadow:
        0 25px 55px rgba(0,0,0,.10),
        0 45px 100px rgba(10,35,66,.12);

}

.industry-banner img{

    width:100%;

    display:block;

    transition:1s ease;

}

.industry-banner:hover img{

    transform:scale(1.02);

}

@media(max-width:992px){

    .industry-banner{

        margin:45px auto;

        border-radius:20px;

    }

}

@media(max-width:768px){

    .industry-banner{

        margin:35px auto;

        border-radius:18px;

    }

}

@media(max-width:480px){

    .industry-banner{

        margin:25px auto 35px;

        border-radius:14px;

    }

}

/*=========================================
PROJECT METHODOLOGY BANNER
=========================================*/

.methodology-banner{

    position:relative;

    width:100%;

    margin:55px auto;

    overflow:hidden;

    border-radius:24px;

    background:#ffffff;

    border:1px solid rgba(10,35,66,.08);

    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        0 35px 80px rgba(10,35,66,.08);

    transition:.45s ease;

}

.methodology-banner:hover{

    transform:translateY(-6px);

    box-shadow:
        0 25px 55px rgba(0,0,0,.10),
        0 45px 100px rgba(10,35,66,.12);

}

.methodology-banner img{

    width:100%;

    display:block;

    transition:1s ease;

}

.methodology-banner:hover img{

    transform:scale(1.02);

}

@media(max-width:992px){

    .methodology-banner{

        margin:45px auto;

        border-radius:20px;

    }

}

@media(max-width:768px){

    .methodology-banner{

        margin:35px auto;

        border-radius:18px;

    }

}

@media(max-width:480px){

    .methodology-banner{

        margin:25px auto 35px;

        border-radius:14px;

    }

}

/*=========================================
ECOSYSTEM RESPONSIVE
=========================================*/

@media (max-width:991px){

    .ecosystem{

        padding:70px 0;

    }

    .ecosystem-grid{

        display:grid;

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

        gap:20px;

    }

    .eco-card{

        width:100%;

        max-width:none;

        margin:0;

    }

    .eco-logo{

        height:150px;

        display:flex;

        align-items:center;

        justify-content:center;

    }

    .eco-logo img{

        max-width:120px;

        max-height:70px;

        object-fit:contain;

    }

}

@media (max-width:768px){

    .ecosystem-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .eco-card{

        width:100%;

        border-radius:20px;

    }

    .eco-logo{

        height:140px;

    }

    .eco-body{

        padding:25px;

    }

    .eco-body h3{

        font-size:26px;

    }

    .eco-body p{

        font-size:16px;

        line-height:1.7;

    }

}

@media (max-width:480px){

    .eco-card{

        border-radius:18px;

    }

    .eco-logo{

        height:120px;

    }

    .eco-logo img{

        max-width:100px;

    }

    .eco-body{

        padding:20px;

    }

    .eco-body h3{

        font-size:22px;

    }

    .eco-body p{

        font-size:15px;

    }

}

@media (max-width:992px){

    nav{
        position:fixed;
        top:80px;
        right:-100%;
        width:300px;
        height:calc(100vh - 80px);
        background:#fff;
        transition:.35s ease;
        z-index:9999;
        overflow-y:auto;
    }

    nav.active{
        right:0;
    }

    .menu-btn{
        display:flex;
        align-items:center;
        justify-content:center;
    }

}

@media (max-width:992px){

    .dropdown-menu{
        display:none;
        padding-left:15px;
    }

    .dropdown.open .dropdown-menu{
        display:block;
    }

}



@media(max-width:992px){

.dropdown-menu,
.mega-menu{

display:none !important;

}

.dropdown.open>.dropdown-menu{

display:block !important;

}

.mega-parent.open>.mega-menu{

display:grid !important;

}

}

@media (max-width:992px){

.dropdown-menu{
    display:none;
    padding-left:20px;
}

.dropdown.open > .dropdown-menu{
    display:block;
}

.dropdown-menu li a{
    padding:12px 0;
    display:block;
    border-bottom:1px solid #eee;
}

}