*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}


body{
color:#222;
background:white;
}


.container{

width:90%;
max-width:1200px;
margin:auto;

}



/* HEADER */


header{

background:#fff;
padding:20px 0;
border-bottom:1px solid #ddd;
position:sticky;
top:0;
z-index:1000;

}


.header-box{

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

}



.logo strong{

display:block;
font-size:22px;
color:#b00000;

}


.logo span{

display:block;
font-size:12px;
color:#555;
margin-top:5px;

}



nav{

display:flex;
gap:25px;

}


nav a{

text-decoration:none;
color:#222;
font-weight:600;

}



/* SLIDER */


.slider{

height:620px;
position:relative;
overflow:hidden;

}


.slide{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;


background-size:cover;
background-position:center;


opacity:0;

transition:opacity 1.5s ease;

}



.slide.active{

opacity:1;

}




.overlay{

height:100%;
width:100%;


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


display:flex;

align-items:center;

}



.hero-content{

margin-left:8%;
max-width:750px;

color:white;

}



.hero-content h1{

font-size:48px;
line-height:1.2;
margin-bottom:15px;

}



.hero-content h2{

font-size:28px;
margin-bottom:20px;

}



.hero-content p{

font-size:18px;
line-height:1.6;

}



.btn{

display:inline-block;

background:#c00000;

color:white;

padding:15px 30px;

margin-top:25px;

text-decoration:none;

border-radius:5px;

}




/* TRUST */


.trust{

background:#0b2345;

padding:25px 0;

color:white;

}


.trust .container{

display:grid;

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

text-align:center;

}


.trust div{

font-weight:bold;

}





/* PRODUCT */


.section{

padding:70px 0;

}


.title{

text-align:center;

font-size:38px;

margin-bottom:40px;

}



.products{

display:grid;

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

gap:30px;

}


.card{

border:1px solid #ddd;

padding:30px;

text-align:center;

border-radius:10px;

}



.card h3{

color:#b00000;

margin-bottom:15px;

}




/* INDUSTRY */


.gray{

background:#f5f5f5;

}


.industry{

display:grid;

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

gap:20px;

}


.industry div{

background:white;

padding:35px;

text-align:center;

font-weight:bold;

border-radius:8px;

}



/* FOOTER */


footer{

background:#111;

color:white;

text-align:center;

padding:40px;

}





@media(max-width:800px){


.header-box{

flex-direction:column;

}


nav{

margin-top:15px;

flex-wrap:wrap;

}


.slider{

height:500px;

}


.hero-content h1{

font-size:32px;

}


.products,
.industry,
.trust .container{

grid-template-columns:1fr;

}


}

/* WHY CHOOSE */

.choose{
padding:80px 0;
}


.choose h2{
text-align:center;
font-size:38px;
margin-bottom:50px;
}


.choose-grid{

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

}



.choose-card{

padding:30px;

background:#fff;

border:1px solid #ddd;

border-radius:10px;

text-align:center;

}



.choose-card h3{

color:#b00000;

margin-bottom:15px;

}



.choose-card p{

line-height:1.6;

color:#555;

}




/* CAPABILITY */


.cap-grid{

display:grid;

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

gap:30px;

}


.cap-grid div{

background:#f5f6f8;

padding:40px;

text-align:center;

border-radius:10px;

}



.cap-grid h3{

margin-bottom:15px;

color:#b00000;

}




/* QUOTE */


.quote{

padding:90px 20px;

background:#b00000;

color:white;

text-align:center;

}



.quote h2{

font-size:40px;

margin-bottom:20px;

}



.quote p{

font-size:18px;

max-width:800px;

margin:auto;

line-height:1.6;

}



.quote .btn{

background:white;

color:#b00000;

}




@media(max-width:900px){

.choose-grid,
.cap-grid{

grid-template-columns:1fr;

}

}


/* =========================================================
   PRODUCTS PAGE
   ========================================================= */


/* PRODUCT PAGE BANNER */

.page-banner{
    min-height:330px;
    background:
        linear-gradient(
            90deg,
            rgba(5,20,40,.88),
            rgba(5,20,40,.52)
        ),
        url('../images/banner2.webp');

    background-size:cover;
    background-position:center;

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

    text-align:center;
    color:#fff;

    padding:70px 20px;
}


.page-banner > div{
    max-width:900px;
}


.page-banner h1{
    font-size:46px;
    line-height:1.15;
    margin-bottom:18px;
    font-weight:800;
}


.page-banner p{
    font-size:19px;
    line-height:1.7;
    color:#f1f1f1;
}




/* PRODUCT GRID */

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




/* PRODUCT CARD */

.product-box{
    background:#fff;
    border:1px solid #e4e7eb;
    border-radius:12px;
    overflow:hidden;

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

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


.product-box:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.14);
    border-color:#c8c8c8;
}




/* PRODUCT IMAGE */

.product-box img{
    width:100%;
    height:245px;

    object-fit:cover;
    display:block;

    background:#f4f4f4;
}




/* PRODUCT NAME */

.product-box h3{
    font-size:23px;
    line-height:1.35;

    color:#9e0000;

    margin:25px 25px 12px;
}




/* PRODUCT DESCRIPTION */

.product-box p{
    font-size:15px;
    line-height:1.75;

    color:#555;

    margin:0 25px 20px;
}




/* PRODUCT LINK */

.product-box a{
    display:inline-block;

    margin:0 25px 28px;

    font-size:15px;
    font-weight:700;

    color:#a80000;
    text-decoration:none;

    transition:.25s ease;
}


.product-box a:hover{
    color:#650000;
    transform:translateX(4px);
}




/* CATEGORY HEADING DECORATION */

.product-grid + .title{
    margin-top:80px;
}


.title::after{
    content:"";
    display:block;

    width:65px;
    height:3px;

    background:#b00000;

    margin:16px auto 0;
}




/* PRODUCTS CTA FIX */

.quote .container{
    max-width:1000px;
}


.quote .btn{
    background:#fff;
    color:#a80000;
    border:2px solid #fff;
}


.quote .btn:hover{
    background:transparent;
    color:#fff;
}




/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

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

    .page-banner h1{
        font-size:40px;
    }

}




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

@media(max-width:700px){

    .page-banner{
        min-height:280px;
        padding:55px 20px;
    }


    .page-banner h1{
        font-size:32px;
    }


    .page-banner p{
        font-size:16px;
    }


    .product-grid{
        grid-template-columns:1fr;
        gap:24px;
    }


    .product-box img{
        height:230px;
    }


    .product-box h3{
        font-size:21px;
    }

}



/* ==========================================================
   ADEL CONTACT / RFQ PAGE
   ========================================================== */

.contact-page{
    background:#f5f7fa;
    color:#1c2630;
}


/* CONTACT HERO */

.contact-page .contact-hero{
    background:linear-gradient(110deg,#071f3a,#123b63);
    padding:90px 20px;
    text-align:center;
    color:#fff;
}

.contact-page .contact-hero .container{
    max-width:900px;
    margin:auto;
}

.contact-page .contact-hero span{
    display:block;
    color:#ff7777;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:15px;
}

.contact-page .contact-hero h1{
    font-size:46px;
    line-height:1.15;
    margin:0 0 18px;
    color:#fff;
}

.contact-page .contact-hero p{
    max-width:780px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#dbe5ee;
}


/* MAIN AREA */

.contact-page .contact-main{
    padding:85px 0;
}

.contact-page .contact-layout{
    width:90%;
    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:42% 58%;
    gap:50px;
    align-items:start;
}


/* LEFT SIDE */

.contact-page .contact-information{
    padding:20px 0;
}

.contact-page .contact-small-title{
    display:block;
    color:#b40000;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
    margin-bottom:14px;
}

.contact-page .contact-information h2{
    font-size:35px;
    line-height:1.25;
    margin:0 0 20px;
    color:#18232e;
}

.contact-page .contact-information > p{
    color:#64707b;
    line-height:1.8;
    margin-bottom:30px;
}


/* REQUIREMENTS */

.contact-page .requirement-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.contact-page .requirement-list div{
    background:#fff;
    border:1px solid #e0e5ea;
    border-radius:8px;

    padding:15px;

    display:flex;
    align-items:center;
    gap:12px;
}

.contact-page .requirement-list strong{
    width:36px;
    height:36px;
    min-width:36px;

    border-radius:50%;
    background:#0b2b4e;
    color:#fff;

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

    font-size:11px;
}

.contact-page .requirement-list span{
    font-size:13px;
    line-height:1.4;
    font-weight:600;
}


/* PRODUCT LIST */

.contact-page .contact-product-note{
    margin-top:28px;
    padding:25px;

    background:#0b2b4e;
    color:#fff;

    border-radius:10px;
}

.contact-page .contact-product-note h3{
    margin:0 0 15px;
    font-size:20px;
}

.contact-page .contact-product-note p{
    display:inline-block;

    margin:5px 4px 5px 0;
    padding:8px 11px;

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

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

    font-size:12px;
}


/* FORM CARD */

.contact-page .rfq-form-box{
    background:#fff;

    border:1px solid #e1e5e9;
    border-radius:14px;

    padding:40px;

    box-shadow:0 18px 50px rgba(0,0,0,.09);
}

.contact-page .rfq-form-heading{
    margin-bottom:30px;
}

.contact-page .rfq-form-heading span{
    display:block;
    color:#b40000;

    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;

    margin-bottom:9px;
}

.contact-page .rfq-form-heading h2{
    font-size:31px;
    margin:0 0 8px;
}

.contact-page .rfq-form-heading p{
    color:#777;
    font-size:13px;
}


/* FORM GRID */

.contact-page .form-two-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.contact-page .form-group{
    margin-bottom:20px;
}

.contact-page .form-group label{
    display:block;
    margin-bottom:8px;

    color:#28323c;

    font-size:13px;
    font-weight:700;
}

.contact-page .form-group input,
.contact-page .form-group select,
.contact-page .form-group textarea{
    display:block;
    width:100%;

    padding:14px 15px;

    border:1px solid #d6dce2;
    border-radius:6px;

    background:#fff;

    font-size:14px;
    color:#222;

    outline:none;

    transition:.2s;
}

.contact-page .form-group textarea{
    min-height:160px;
    resize:vertical;
}

.contact-page .form-group input:focus,
.contact-page .form-group select:focus,
.contact-page .form-group textarea:focus{
    border-color:#b40000;
    box-shadow:0 0 0 3px rgba(180,0,0,.08);
}

.contact-page .form-group small{
    display:block;

    margin-top:7px;

    color:#7b848c;
    font-size:11px;
    line-height:1.5;
}


/* SUBMIT BUTTON */

.contact-page .rfq-submit{
    width:100%;

    border:0;
    border-radius:6px;

    padding:16px 25px;

    background:#b60000;
    color:#fff;

    font-size:15px;
    font-weight:800;

    cursor:pointer;

    transition:.25s;
}

.contact-page .rfq-submit:hover{
    background:#800000;
}

.contact-page .form-privacy{
    margin-top:13px;

    text-align:center;

    color:#7d858d;
    font-size:11px;
}


/* SUCCESS / ERROR */

.contact-page .form-success{
    margin-bottom:22px;
    padding:15px 17px;

    background:#eef9f0;

    border:1px solid #b9dfc1;
    border-left:4px solid #279642;

    color:#216d34;

    border-radius:5px;
}

.contact-page .form-error{
    margin-bottom:22px;
    padding:15px 17px;

    background:#fff1f1;

    border:1px solid #efc6c6;
    border-left:4px solid #c00000;

    color:#8b0000;

    border-radius:5px;
}


/* BOTTOM CTA */

.contact-page .contact-bottom{
    background:linear-gradient(120deg,#b80000,#820000);

    padding:80px 20px;

    text-align:center;
    color:#fff;
}

.contact-page .contact-bottom .container{
    max-width:850px;
    margin:auto;
}

.contact-page .contact-bottom span{
    font-size:11px;
    font-weight:800;
    letter-spacing:1.6px;
}

.contact-page .contact-bottom h2{
    font-size:38px;
    line-height:1.2;

    margin:14px 0 18px;

    color:#fff;
}

.contact-page .contact-bottom p{
    color:#ffeaea;

    max-width:750px;
    margin:auto;

    line-height:1.75;
}


/* TABLET */

@media(max-width:950px){

    .contact-page .contact-layout{
        grid-template-columns:1fr;
    }

}


/* MOBILE */

@media(max-width:650px){

    .contact-page .contact-hero{
        padding:60px 20px;
    }

    .contact-page .contact-hero h1{
        font-size:33px;
    }

    .contact-page .contact-information h2{
        font-size:29px;
    }

    .contact-page .form-two-column,
    .contact-page .requirement-list{
        grid-template-columns:1fr;
    }

    .contact-page .rfq-form-box{
        padding:25px 20px;
    }

    .contact-page .contact-bottom h2{
        font-size:29px;
    }

}

/* =========================================================
   APPLICATIONS PAGE
   ========================================================= */

.applications-page{
    background:#fff;
    color:#202a34;
}


/* HERO */

.applications-page .applications-hero{
    padding:105px 20px;
    text-align:center;

    background:
        linear-gradient(
            110deg,
            rgba(5,26,49,.97),
            rgba(15,58,94,.90)
        );

    color:#fff;
}

.applications-page .applications-hero .container{
    max-width:950px;
}

.applications-page .applications-hero span{
    display:block;
    margin-bottom:15px;

    color:#ff7676;

    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.applications-page .applications-hero h1{
    max-width:900px;
    margin:0 auto 20px;

    font-size:48px;
    line-height:1.15;
    color:#fff;
}

.applications-page .applications-hero p{
    max-width:800px;
    margin:0 auto;

    color:#dce6ef;

    font-size:17px;
    line-height:1.8;
}

.application-hero-btn{
    display:inline-block;

    margin-top:30px;
    padding:15px 31px;

    background:#b80000;
    color:#fff;

    border-radius:5px;

    text-decoration:none;
    font-weight:800;
}


/* INTRO */

.applications-intro{
    padding:80px 20px 40px;
}

.applications-heading{
    max-width:800px;
    margin:auto;
    text-align:center;
}

.applications-heading > span{
    color:#b40000;

    font-size:12px;
    font-weight:800;
    letter-spacing:1.6px;
}

.applications-heading h2{
    margin:12px 0 17px;

    color:#16212c;

    font-size:39px;
    line-height:1.2;
}

.applications-heading h2:after{
    content:"";

    display:block;

    width:55px;
    height:3px;

    margin:17px auto 0;

    background:#b40000;
}

.applications-heading p{
    color:#65717c;
    line-height:1.8;
}


/* APPLICATION CARDS */

.applications-main{
    padding:45px 0 90px;
}

.application-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:25px;
}

.application-box{
    position:relative;

    padding:32px 28px;

    background:#fff;

    border:1px solid #e0e5ea;
    border-radius:10px;

    box-shadow:0 8px 24px rgba(0,0,0,.045);

    transition:.3s;
}

.application-box:hover{
    transform:translateY(-7px);

    box-shadow:0 16px 38px rgba(0,0,0,.10);
}

.application-number{
    width:42px;
    height:42px;

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

    margin-bottom:20px;

    background:#0b2b4e;
    color:white;

    border-radius:50%;

    font-size:12px;
    font-weight:800;
}

.application-box h3{
    margin-bottom:13px;

    color:#ae0000;

    font-size:21px;
}

.application-box > p{
    min-height:95px;

    color:#626d77;

    font-size:14px;
    line-height:1.7;
}

.application-box ul{
    margin:20px 0;

    padding-left:18px;

    color:#3e4852;
}

.application-box li{
    margin:8px 0;

    font-size:13px;
}

.application-box a{
    color:#a90000;

    text-decoration:none;

    font-size:13px;
    font-weight:800;
}


/* PROCESS */

.application-process{
    padding:85px 0;

    background:#f5f7f9;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-top:50px;
}

.process-grid > div{
    padding:30px 24px;

    background:white;

    border-radius:9px;
    border:1px solid #e1e5e9;

    text-align:center;
}

.process-grid strong{
    width:45px;
    height:45px;

    margin:0 auto 17px;

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

    border-radius:50%;

    background:#b60000;
    color:#fff;
}

.process-grid h3{
    margin-bottom:10px;

    font-size:18px;
}

.process-grid p{
    color:#65707a;

    font-size:13px;
    line-height:1.65;
}


/* MATERIALS */

.application-materials{
    padding:85px 0;
}

.materials-grid{
    display:grid;

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

    gap:20px;

    margin-top:50px;
}

.materials-grid a{
    padding:27px;

    background:#0b294a;

    color:#fff;

    border-radius:8px;

    text-decoration:none;

    transition:.3s;
}

.materials-grid a:hover{
    background:#a90000;

    transform:translateY(-5px);
}

.materials-grid strong{
    display:block;

    margin-bottom:8px;

    font-size:18px;
}

.materials-grid span{
    color:#dbe3ea;

    font-size:13px;
    line-height:1.6;
}


/* CTA */

.applications-cta{
    padding:85px 20px;

    background:linear-gradient(120deg,#b70000,#830000);

    color:#fff;

    text-align:center;
}

.applications-cta .container{
    max-width:850px;
}

.applications-cta span{
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
}

.applications-cta h2{
    margin:14px 0 18px;

    color:#fff;

    font-size:40px;
}

.applications-cta p{
    max-width:750px;
    margin:auto;

    color:#ffe9e9;

    line-height:1.75;
}

.applications-cta a{
    display:inline-block;

    margin-top:28px;
    padding:15px 31px;

    background:#fff;
    color:#a50000;

    border-radius:5px;

    text-decoration:none;
    font-weight:800;
}


/* RESPONSIVE */

@media(max-width:1000px){

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

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

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

}


@media(max-width:650px){

    .applications-page .applications-hero{
        padding:70px 20px;
    }

    .applications-page .applications-hero h1{
        font-size:34px;
    }

    .applications-heading h2{
        font-size:30px;
    }

    .application-grid,
    .process-grid,
    .materials-grid{
        grid-template-columns:1fr;
    }

    .application-box > p{
        min-height:auto;
    }

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

}


/* =========================================================
   ABOUT US PAGE
   ========================================================= */

.about-page{
    background:#fff;
    color:#1e2933;
}


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

.about-page .about-hero{
    padding:110px 20px;

    background:
        linear-gradient(
            110deg,
            rgba(5,25,48,.97),
            rgba(13,55,92,.90)
        );

    color:#fff;

    text-align:center;
}


.about-page .about-hero .container{
    max-width:950px;
}


.about-page .about-hero span{
    display:block;

    margin-bottom:16px;

    color:#ff7777;

    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}


.about-page .about-hero h1{
    max-width:900px;

    margin:0 auto 20px;

    color:#fff;

    font-size:49px;
    line-height:1.15;
}


.about-page .about-hero p{
    max-width:800px;

    margin:auto;

    color:#dbe5ee;

    font-size:17px;
    line-height:1.8;
}


.about-hero-btn{
    display:inline-block;

    margin-top:30px;

    padding:15px 32px;

    background:#b60000;
    color:#fff;

    border-radius:5px;

    text-decoration:none;

    font-weight:800;
}


/* ================= INTRO ================= */

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


.about-intro-grid{
    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;
}


.about-label{
    display:block;

    margin-bottom:13px;

    color:#b40000;

    font-size:12px;
    font-weight:800;
    letter-spacing:1.6px;
}


.about-intro-content h2{
    margin:0 0 24px;

    color:#16212c;

    font-size:39px;
    line-height:1.2;
}


.about-intro-content p{
    margin:0 0 16px;

    color:#626e79;

    font-size:15px;
    line-height:1.85;
}


.about-intro-stats{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;
}


.about-intro-stats div{
    min-height:145px;

    padding:28px 20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    background:#f5f7f9;

    border:1px solid #e0e5e9;
    border-top:4px solid #b60000;

    border-radius:8px;

    text-align:center;
}


.about-intro-stats strong{
    display:block;

    margin-bottom:8px;

    color:#0b2b4e;

    font-size:30px;
}


.about-intro-stats span{
    color:#596570;

    font-size:13px;
    font-weight:600;
}


/* ================= SECTION HEADING ================= */

.about-section-heading{
    max-width:820px;

    margin:0 auto 50px;

    text-align:center;
}


.about-section-heading > span{
    color:#b40000;

    font-size:12px;
    font-weight:800;
    letter-spacing:1.6px;
}


.about-section-heading h2{
    margin:12px 0 17px;

    color:#17222d;

    font-size:39px;
    line-height:1.2;
}


.about-section-heading h2:after{
    content:"";

    display:block;

    width:55px;
    height:3px;

    margin:17px auto 0;

    background:#b40000;
}


.about-section-heading p{
    color:#65717b;

    line-height:1.8;
}


/* ================= PRODUCT CAPABILITY ================= */

.about-products{
    padding:90px 0;

    background:#f5f7f9;
}


.about-product-grid{
    display:grid;

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

    gap:22px;
}


.about-product-grid a{
    display:block;

    padding:30px;

    background:#fff;

    border:1px solid #e1e5e9;
    border-radius:9px;

    text-decoration:none;

    box-shadow:0 7px 22px rgba(0,0,0,.04);

    transition:.3s;
}


.about-product-grid a:hover{
    transform:translateY(-7px);

    box-shadow:0 16px 38px rgba(0,0,0,.10);
}


.about-product-grid span{
    width:40px;
    height:40px;

    display:flex;

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

    margin-bottom:18px;

    background:#0b2b4e;
    color:#fff;

    border-radius:50%;

    font-size:11px;
    font-weight:800;
}


.about-product-grid h3{
    margin:0 0 12px;

    color:#b00000;

    font-size:20px;
}


.about-product-grid p{
    margin:0;

    color:#626d77;

    font-size:14px;
    line-height:1.7;
}


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

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


.manufacturing-process-grid{
    display:grid;

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

    gap:22px;
}


.manufacturing-process-grid div{
    padding:30px;

    background:#fff;

    border:1px solid #e0e5e9;
    border-radius:9px;
}


.manufacturing-process-grid strong{
    width:43px;
    height:43px;

    display:flex;

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

    margin-bottom:18px;

    background:#b60000;
    color:#fff;

    border-radius:50%;
}


.manufacturing-process-grid h3{
    margin:0 0 10px;

    font-size:19px;
}


.manufacturing-process-grid p{
    margin:0;

    color:#64707a;

    font-size:13px;
    line-height:1.7;
}


/* ================= CAPABILITY ================= */

.about-capability{
    padding:90px 0;

    background:#0b294a;

    color:#fff;
}


.about-capability .about-section-heading > span{
    color:#ff7575;
}


.about-capability .about-section-heading h2{
    color:#fff;
}


.about-capability .about-section-heading h2:after{
    background:#d91b1b;
}


.about-capability-grid{
    display:grid;

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

    gap:20px;
}


.about-capability-grid div{
    padding:29px;

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

    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
}


.about-capability-grid h3{
    margin:0 0 12px;

    color:#fff;

    font-size:19px;
}


.about-capability-grid p{
    margin:0;

    color:#d5dfe8;

    font-size:13px;
    line-height:1.7;
}


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

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


.about-industries-grid{
    display:grid;

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

    gap:15px;
}


.about-industries-grid a{
    padding:22px 15px;

    background:#f5f7f9;

    border:1px solid #e0e5e9;
    border-radius:7px;

    color:#27323c;

    text-align:center;

    text-decoration:none;

    font-weight:700;

    transition:.25s;
}


.about-industries-grid a:hover{
    background:#b50000;

    color:#fff;

    border-color:#b50000;
}


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

.about-custom{
    padding:80px 0;

    background:
        linear-gradient(
            120deg,
            #b60000,
            #830000
        );

    color:#fff;
}


.about-custom-grid{
    display:grid;

    grid-template-columns:1fr auto;

    gap:50px;

    align-items:center;
}


.about-custom span{
    display:block;

    margin-bottom:12px;

    font-size:11px;
    font-weight:800;
    letter-spacing:1.6px;
}


.about-custom h2{
    max-width:720px;

    margin:0 0 16px;

    color:#fff;

    font-size:37px;
    line-height:1.2;
}


.about-custom p{
    max-width:750px;

    margin:0;

    color:#ffeaea;

    line-height:1.75;
}


.about-custom a{
    display:inline-block;

    padding:15px 28px;

    background:#fff;

    color:#a70000;

    border-radius:5px;

    text-decoration:none;

    font-weight:800;

    white-space:nowrap;
}


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

@media(max-width:1000px){

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


    .about-product-grid,
    .manufacturing-process-grid,
    .about-capability-grid{
        grid-template-columns:repeat(2,1fr);
    }


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


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

}


@media(max-width:650px){

    .about-page .about-hero{
        padding:70px 20px;
    }


    .about-page .about-hero h1{
        font-size:34px;
    }


    .about-intro-content h2,
    .about-section-heading h2{
        font-size:30px;
    }


    .about-intro-stats,
    .about-product-grid,
    .manufacturing-process-grid,
    .about-capability-grid,
    .about-industries-grid{
        grid-template-columns:1fr;
    }


    .about-custom h2{
        font-size:29px;
    }

}



/* =========================================================
   HERO SLIDER CLICK FIX
   ========================================================= */

.slider .slide{
    opacity:0;
    pointer-events:none;
    z-index:0;
}

.slider .slide.active{
    opacity:1;
    pointer-events:auto;
    z-index:1;
}


/* REMOVE UNDERLINE FROM COMPANY NAME */

.company-brand,
.company-brand:hover,
.company-brand:focus,
.company-brand:visited{
    text-decoration:none !important;
}

.company-brand strong,
.company-brand span{
    text-decoration:none !important;
}



/* =========================================================
   SALES CONTACT SECTION
   ========================================================= */

.contact-page .sales-contact-section{
    padding:90px 0;
    background:#f5f7f9;
}


.contact-page .sales-contact-heading{
    max-width:800px;
    margin:0 auto 50px;
    text-align:center;
}


.contact-page .sales-contact-heading > span{
    display:block;
    margin-bottom:12px;

    color:#b60000;

    font-size:12px;
    font-weight:800;
    letter-spacing:1.7px;
}


.contact-page .sales-contact-heading h2{
    margin:0 0 16px;

    color:#17222d;

    font-size:38px;
    line-height:1.2;
}


.contact-page .sales-contact-heading h2::after{
    content:"";

    display:block;

    width:55px;
    height:3px;

    margin:17px auto 0;

    background:#b60000;
}


.contact-page .sales-contact-heading p{
    max-width:720px;

    margin:20px auto 0;

    color:#65717b;

    font-size:15px;
    line-height:1.75;
}


/* CONTACT PERSON CARDS */

.contact-page .sales-contact-grid{
    max-width:1000px;

    margin:0 auto;

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

    gap:25px;
}


.contact-page .sales-contact-card{
    display:flex;
    gap:22px;

    padding:32px;

    background:#ffffff;

    border:1px solid #e0e5e9;
    border-radius:10px;

    box-shadow:0 8px 26px rgba(0,0,0,.055);

    transition:.3s;
}


.contact-page .sales-contact-card:hover{
    transform:translateY(-5px);

    box-shadow:0 16px 36px rgba(0,0,0,.10);
}


.contact-page .sales-person-icon{
    width:58px;
    height:58px;

    flex:0 0 58px;

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

    background:#0b294a;
    color:#ffffff;

    border-radius:50%;

    font-size:23px;
    font-weight:800;
}


.contact-page .sales-person-info h3{
    margin:0 0 6px;

    color:#17222d;

    font-size:23px;
}


.contact-page .sales-position{
    margin-bottom:10px;

    color:#b60000;

    font-size:13px;
    font-weight:800;
}


.contact-page .sales-company{
    margin:0 0 20px;

    color:#66717b;

    font-size:13px;
    line-height:1.6;
}


.contact-page .sales-contact-line{
    padding-top:15px;

    border-top:1px solid #e6e9ec;
}


.contact-page .sales-contact-line strong{
    display:block;

    margin-bottom:5px;

    color:#26313b;

    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.6px;
}


.contact-page .sales-contact-line a{
    color:#b00000;

    text-decoration:none;

    font-size:14px;
    font-weight:700;
}


.contact-page .sales-contact-line a:hover{
    text-decoration:underline;
}


/* WHATSAPP BOX */

.contact-page .sales-whatsapp-box{
    max-width:1000px;

    margin:28px auto 0;

    padding:32px 35px;

    display:grid;
    grid-template-columns:1fr auto;

    gap:40px;

    align-items:center;

    background:#0b294a;

    border-radius:10px;

    color:#ffffff;
}


.contact-page .sales-whatsapp-label{
    display:block;

    margin-bottom:8px;

    color:#7fe49a;

    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}


.contact-page .sales-whatsapp-box h3{
    margin:0 0 9px;

    color:#ffffff;

    font-size:22px;
}


.contact-page .sales-whatsapp-box p{
    max-width:590px;

    margin:0;

    color:#d6e0e8;

    font-size:13px;
    line-height:1.7;
}


.contact-page .sales-whatsapp-buttons{
    display:flex;
    flex-direction:column;

    gap:10px;
}


.contact-page .sales-whatsapp-buttons a{
    display:block;

    min-width:245px;

    padding:13px 18px;

    background:#ffffff;

    color:#173326;

    border-radius:5px;

    text-align:center;

    text-decoration:none;

    font-size:13px;
    font-weight:800;

    transition:.25s;
}


.contact-page .sales-whatsapp-buttons a:hover{
    transform:translateY(-2px);
    background:#ecfff1;
}


/* RESPONSIVE */

@media(max-width:800px){

    .contact-page .sales-contact-grid{
        grid-template-columns:1fr;
    }


    .contact-page .sales-whatsapp-box{
        grid-template-columns:1fr;
    }


    .contact-page .sales-whatsapp-buttons a{
        min-width:0;
    }

}


@media(max-width:550px){

    .contact-page .sales-contact-heading h2{
        font-size:30px;
    }


    .contact-page .sales-contact-card{
        flex-direction:column;
    }


    .contact-page .sales-whatsapp-box{
        padding:27px 22px;
    }

}



/* =========================================================
   GLOBAL SALES CONTACT - PREMIUM CENTERED FINAL DESIGN
   ========================================================= */

.global-sales-contact{
    padding:70px 20px 75px !important;

    background:
        linear-gradient(
            135deg,
            #082745 0%,
            #0d3458 100%
        ) !important;

    border-top:4px solid #b60000 !important;

    color:#ffffff !important;
}


/* ================= HEADING ================= */

.global-contact-heading{
    max-width:760px !important;

    margin:0 auto 42px !important;

    text-align:center !important;
}


.global-contact-heading > span{
    display:block !important;

    margin-bottom:10px !important;

    color:#ff7777 !important;

    font-size:12px !important;
    font-weight:800 !important;

    letter-spacing:2px !important;
}


.global-contact-heading h2{
    margin:0 0 14px !important;

    color:#ffffff !important;

    font-size:34px !important;
    line-height:1.2 !important;

    font-weight:800 !important;
}


.global-contact-heading h2::after{
    content:"" !important;

    display:block !important;

    width:55px !important;
    height:3px !important;

    margin:17px auto 0 !important;

    background:#d71920 !important;

    border-radius:10px !important;
}


.global-contact-heading p{
    max-width:680px !important;

    margin:18px auto 0 !important;

    color:#cbd8e4 !important;

    font-size:14px !important;
    line-height:1.7 !important;
}


/* ================= TWO CARDS ================= */

.global-contact-grid{
    width:100% !important;
    max-width:900px !important;

    margin:0 auto !important;

    display:grid !important;

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

    gap:26px !important;

    justify-content:center !important;
    align-items:stretch !important;
}


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

.global-contact-person{
    min-height:330px !important;

    padding:34px 30px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    gap:0 !important;

    text-align:center !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.055)
        ) !important;

    border:1px solid rgba(255,255,255,.16) !important;

    border-radius:14px !important;

    box-shadow:
        0 18px 38px rgba(0,0,0,.16) !important;

    position:relative !important;

    overflow:hidden !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


.global-contact-person::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:100% !important;
    height:4px !important;

    background:#c50000 !important;
}


.global-contact-person:hover{
    transform:translateY(-6px) !important;

    border-color:rgba(255,255,255,.28) !important;

    box-shadow:
        0 24px 48px rgba(0,0,0,.22) !important;
}


/* ================= AVATAR ================= */

.global-contact-avatar{
    width:58px !important;
    height:58px !important;

    flex:0 0 58px !important;

    margin:0 auto 14px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:#b60000 !important;

    color:#ffffff !important;

    border:3px solid rgba(255,255,255,.18) !important;

    border-radius:50% !important;

    font-size:21px !important;
    font-weight:800 !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.20) !important;
}


/* ================= PERSON DETAILS ================= */

.global-contact-details{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;

    text-align:center !important;
}


.global-contact-details h3{
    margin:0 0 5px !important;

    color:#ffffff !important;

    font-size:24px !important;
    font-weight:800 !important;
}


.global-position{
    display:block !important;

    margin:0 0 9px !important;

    color:#ff8585 !important;

    font-size:13px !important;
    font-weight:700 !important;
}


.global-company{
    margin:0 0 23px !important;

    color:#d5dee7 !important;

    font-size:13px !important;
    line-height:1.5 !important;
}


/* ================= EMAIL + WHATSAPP ================= */

.global-contact-links{
    width:100% !important;
    max-width:330px !important;

    margin:0 auto !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;

    gap:11px !important;
}


.global-contact-links a{
    width:100% !important;

    min-height:44px !important;

    padding:10px 15px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    border-radius:7px !important;

    text-align:center !important;

    text-decoration:none !important;

    font-size:13px !important;
    font-weight:700 !important;

    box-sizing:border-box !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease !important;
}


/* EMAIL BUTTON */

.global-email-link{
    background:rgba(255,255,255,.08) !important;

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

    color:#ffffff !important;
}


.global-email-link:hover{
    background:#ffffff !important;

    color:#0b294a !important;

    transform:translateY(-2px) !important;
}


/* WHATSAPP BUTTON */

.global-whatsapp-link{
    background:#eefaf2 !important;

    border:1px solid #cce8d5 !important;

    color:#176536 !important;
}


.global-whatsapp-link:hover{
    background:#1c7b43 !important;

    border-color:#1c7b43 !important;

    color:#ffffff !important;

    transform:translateY(-2px) !important;
}


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

.contact-small-icon,
.whatsapp-icon{
    width:17px !important;
    height:17px !important;

    flex:0 0 17px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;
}


.contact-small-icon svg,
.whatsapp-icon svg{
    width:17px !important;
    height:17px !important;

    display:block !important;

    fill:currentColor !important;
}


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

.global-contact-links a span:last-child{
    font-size:13px !important;

    line-height:1.3 !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;
}


/* ================= TABLET ================= */

@media(max-width:850px){

    .global-contact-grid{
        max-width:600px !important;

        grid-template-columns:1fr !important;
    }


    .global-contact-person{
        min-height:auto !important;
    }

}


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

@media(max-width:550px){

    .global-sales-contact{
        padding:55px 16px 60px !important;
    }


    .global-contact-heading{
        margin-bottom:32px !important;
    }


    .global-contact-heading h2{
        font-size:28px !important;
    }


    .global-contact-heading p{
        font-size:13px !important;
    }


    .global-contact-person{
        padding:30px 20px !important;
    }


    .global-contact-details h3{
        font-size:22px !important;
    }


    .global-contact-links{
        max-width:100% !important;
    }


    .global-contact-links a{
        font-size:12px !important;
    }

}

/* =========================================================
   FINAL HEADER + MOBILE MENU
   Works with includes/header.php + /js/main.js
   ========================================================= */

.site-header .header-box{
    width:94%;
    max-width:1400px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.site-header .logo{
    flex:1 1 auto;
    min-width:260px;
}

.site-header .company-brand{
    display:block;
}

.site-header .main-nav{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    margin:0;
    flex-wrap:nowrap;
}

.site-header .main-nav a{
    display:block;
    white-space:nowrap;
    text-decoration:none;
    color:#222;
    font-size:14px;
    font-weight:600;
    line-height:1.2;
}

.site-header .main-nav a:hover,
.site-header .main-nav a.active{
    color:#b00000;
}

.mobile-menu-btn{
    display:none;
    width:44px;
    height:42px;
    padding:8px;
    border:0;
    background:transparent;
    cursor:pointer;
    flex:0 0 44px;
}

.mobile-menu-btn span{
    display:block;
    width:26px;
    height:3px;
    margin:3px auto;
    background:#0b294a;
    border-radius:3px;
    transition:transform .25s ease, opacity .25s ease;
}

@media(max-width:1100px){

    .site-header .header-box{
        gap:14px;
    }

    .site-header .logo strong{
        font-size:19px;
    }

    .site-header .logo span{
        font-size:11px;
    }

    .site-header .main-nav{
        gap:13px;
    }

    .site-header .main-nav a{
        font-size:13px;
    }
}

@media(max-width:900px){

    .site-header{
        position:sticky;
        top:0;
        z-index:1000;
    }

    .site-header .header-box{
        width:92%;
        max-width:1200px;
        position:relative;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:12px;
    }

    .site-header .logo{
        min-width:0;
        flex:1 1 auto;
        padding-right:8px;
    }

    .site-header .logo strong{
        font-size:18px;
        line-height:1.2;
    }

    .site-header .logo span{
        margin-top:4px;
        font-size:10px;
        line-height:1.3;
    }

    .mobile-menu-btn{
        display:block;
    }

    .site-header .main-nav{
        display:none;
        position:absolute;
        top:calc(100% + 20px);
        left:0;
        right:0;
        width:100%;
        margin:0;
        padding:10px;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        background:#ffffff;
        border:1px solid #e1e5e9;
        border-radius:0 0 10px 10px;
        box-shadow:0 14px 30px rgba(0,0,0,.14);
        z-index:1100;
    }

    .site-header .main-nav.menu-open{
        display:flex;
    }

    .site-header .main-nav a{
        width:100%;
        padding:13px 14px;
        border-bottom:1px solid #edf0f2;
        font-size:14px;
        white-space:normal;
    }

    .site-header .main-nav a:last-child{
        border-bottom:0;
    }

    .site-header .main-nav a.active{
        color:#b00000;
        background:#fff5f5;
    }

    .mobile-menu-btn.menu-open span:nth-child(1){
        transform:translateY(6px) rotate(45deg);
    }

    .mobile-menu-btn.menu-open span:nth-child(2){
        opacity:0;
    }

    .mobile-menu-btn.menu-open span:nth-child(3){
        transform:translateY(-6px) rotate(-45deg);
    }
}

@media(max-width:550px){

    .site-header{
        padding:14px 0;
    }

    .site-header .header-box{
        width:94%;
    }

    .site-header .logo strong{
        font-size:16px;
    }

    .site-header .logo span{
        font-size:9px;
    }

    .site-header .main-nav{
        top:calc(100% + 14px);
    }
}

/* =========================================================
   ACCESSIBILITY FINAL FIX
   - Touch target sizing
   - Footer link contrast
   - Hero text contrast
   ========================================================= */

/* Stronger hero overlay for reliable text contrast */
.slider .overlay{
    background:rgba(0,0,0,.68);
}

/* Homepage text links: minimum comfortable touch target */
.card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin-top:12px;
    padding:10px 12px;
    color:#8f0000;
    font-weight:700;
    text-decoration:none;
    border-radius:4px;
}

.card a:hover,
.card a:focus-visible{
    color:#650000;
    text-decoration:underline;
}

/* Main CTA links: preserve design while guaranteeing target size */
.btn,
.detail-primary-btn,
.detail-secondary-btn,
.product-rfq-btn,
.application-hero-btn,
.about-hero-btn,
.applications-cta a,
.about-custom a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Footer links: fix dark-background contrast and touch size */
.site-footer a{
    color:#ffffff;
    min-height:44px;
    padding:8px 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border-radius:4px;
}

.site-footer a:hover,
.site-footer a:focus-visible{
    color:#ffd7d7;
    text-decoration:underline;
}

.footer-links,
.footer-products{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:4px 8px;
}

/* Visible keyboard focus for interactive controls */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:3px solid #ffcc00;
    outline-offset:3px;
}

/* Mobile navigation targets */
@media(max-width:900px){
    .site-header .main-nav a{
        min-height:44px;
        display:flex;
        align-items:center;
    }
}


/* =========================================================
   INDUSTRIES CARD GRID - FINAL FIX
   ========================================================= */

.industries-main{
    padding: 65px 0 75px;
    background: #ffffff;
}

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

.industry-box{
    position: relative;
    background: #ffffff;
    border: 1px solid #e3e8ed;
    border-radius: 10px;
    padding: 28px 24px 25px;
    box-shadow: 0 10px 28px rgba(18, 48, 75, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

.industry-box:hover{
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(18, 48, 75, 0.13);
}

.industry-number{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #103858;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.industry-box h3{
    margin: 0 0 12px;
    color: #c40000;
    font-size: 20px;
    line-height: 1.3;
}

.industry-box > p{
    min-height: 80px;
    margin: 0 0 21px;
    color: #5e6c78;
    font-size: 14px;
    line-height: 1.65;
}

.industry-subtitle{
    margin-bottom: 8px;
    color: #253746;
    font-size: 13px;
    font-weight: 800;
}

.industry-box ul{
    margin: 0 0 18px;
    padding-left: 18px;
}

.industry-box li{
    margin: 5px 0;
    color: #53616d;
    font-size: 13px;
    line-height: 1.4;
}

.industry-box > a{
    display: inline-block;
    color: #c40000;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.industry-box > a:hover{
    text-decoration: underline;
}


/* =========================================================
   PRODUCT MATCHING SECTION - FINAL FIX
   ========================================================= */

.industry-matching{
    padding: 70px 0 78px;
    background: #f4f6f8;
}

.industry-matching .industries-heading{
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.industry-materials-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.industry-materials-grid a{
    display: flex;
    flex-direction: column;
    min-height: 105px;
    padding: 22px 20px;
    border-radius: 7px;
    background: #103858;
    color: #ffffff;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

.industry-materials-grid a:nth-child(3){
    background: #c40000;
}

.industry-materials-grid a:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(17, 49, 76, .18);
}

.industry-materials-grid strong{
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.3;
}

.industry-materials-grid span{
    display: block;
    color: rgba(255,255,255,.86);
    font-size: 13px;
    line-height: 1.55;
}


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

@media (max-width: 900px){

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

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

    .industry-box > p{
        min-height: auto;
    }

}

@media (max-width: 620px){

    .industries-main{
        padding: 45px 0 55px;
    }

    .industry-grid{
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .industry-box{
        padding: 23px 20px;
    }

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

    .industry-matching{
        padding: 50px 0 58px;
    }

}


/* =========================================================
   FLOATING SOCIAL SIDEBAR
   ========================================================= */

.social-float{
    position:fixed;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;

    display:flex;
    flex-direction:column;
    gap:7px;
}

.social-item{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;

    overflow:hidden;

    border-radius:8px;

    color:#ffffff;
    text-decoration:none;

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

    transition:
        width .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.social-icon{
    width:42px;
    min-width:42px;
    height:42px;

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

.social-icon svg{
    width:20px;
    height:20px;
    fill:#ffffff;
}

.social-text{
    padding-right:15px;

    font-size:13px;
    font-weight:700;

    white-space:nowrap;
}

.social-whatsapp{
    background:#25D366;
}

.social-facebook{
    background:#1877F2;
}

.social-youtube{
    background:#ffffff;
}

.social-youtube .social-icon svg{
    fill:#FF0000;
}

/* HOVER POPUP */

.social-item:hover{
    width:125px;
    transform:translateX(-2px);
    box-shadow:0 8px 22px rgba(0,0,0,.22);
}


/* MOBILE */

@media(max-width:700px){

    .social-float{
        right:7px;
    }

    .social-item{
        width:38px;
        height:38px;
    }

    .social-icon{
        width:38px;
        min-width:38px;
        height:38px;
    }

    .social-icon svg{
        width:18px;
        height:18px;
    }

    .social-item:hover{
        width:110px;
    }

    .social-text{
        font-size:11px;
        padding-right:10px;
    }

}



/* =========================================================
   HOME COMPANY STATS / VISITOR COUNTER
   ========================================================= */

.home-stats-section{
    padding:80px 0;
    background:linear-gradient(120deg,#0d2f50,#173f61);
    color:#ffffff;
}

.stats-heading{
    max-width:800px;
    margin:0 auto 42px;
    text-align:center;
}

.stats-heading > span{
    display:inline-block;
    margin-bottom:10px;
    color:#ff7b7b;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.6px;
}

.stats-heading h2{
    margin:0 0 14px;
    color:#ffffff;
    font-size:clamp(30px,4vw,44px);
    line-height:1.2;
}

.stats-heading p{
    max-width:700px;
    margin:0 auto;
    color:#d8e3ec;
    font-size:15px;
    line-height:1.75;
}


.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}


.stat-card{
    position:relative;
    padding:30px 18px 27px;
    text-align:center;
    border:1px solid rgba(255,255,255,.15);
    border-radius:12px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(5px);
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.stat-card:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,.11);
    box-shadow:0 15px 30px rgba(0,0,0,.18);
}


.stat-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;

    border-radius:50%;
    background:#c40000;

    color:#ffffff;
    font-size:19px;
    font-weight:900;
}


.stat-number{
    display:inline-block;
    color:#ffffff;
    font-size:clamp(32px,4vw,46px);
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
}


.stat-plus{
    display:inline-block;
    margin-left:2px;
    color:#ff7777;
    font-size:26px;
    font-weight:900;
}


.stat-card h3{
    margin:14px 0 8px;
    color:#ffffff;
    font-size:17px;
}


.stat-card p{
    max-width:230px;
    margin:0 auto;
    color:#cbd9e4;
    font-size:13px;
    line-height:1.6;
}


/* TABLET */

@media(max-width:900px){

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

}


/* MOBILE */

@media(max-width:620px){

    .home-stats-section{
        padding:55px 0;
    }

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

        gap:10px;
    }

    .stat-card{
        padding:23px 10px;
    }

    .stat-number{
        font-size:27px;
    }

    .stat-plus{
        font-size:19px;
    }

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

    .stat-card p{
        font-size:11px;
    }

}


/* ===============================
   Social Sidebar Icon Fix
================================ */

.social-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}


.social-icon {
    width:32px;
    height:32px;
    min-width:32px;
}


.social-icon svg {
    width:24px;
    height:24px;
}


@media (max-width:768px){

.social-icon {
    width:30px;
    height:30px;
}

.social-icon svg {
    width:22px;
    height:22px;
}

.social-text {
    font-size:14px;
}

}


/* Download Section */

.download-section {
    padding: 60px 20px;
    background: #f5f8fb;
}


.download-container {

    max-width: 1000px;
    margin: auto;

    background: #ffffff;

    border-radius: 12px;

    padding: 40px;

    display: flex;

    align-items: center;

    gap: 30px;

    box-shadow: 0 8px 25px rgba(0,0,0,0.08);

}


.download-icon {

    width:80px;
    height:80px;

    background:#d90000;

    color:white;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:35px;

}



.download-content h2 {

    font-size:30px;

    color:#12304a;

    margin-bottom:15px;

}



.download-content p {

    color:#555;

    line-height:1.7;

    margin-bottom:25px;

}



.download-btn {

    display:inline-block;

    background:#d90000;

    color:white;

    padding:14px 30px;

    border-radius:5px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;

}



.download-btn:hover {

    background:#a80000;

}



/* Mobile */

@media(max-width:768px){

.download-container{

    flex-direction:column;

    text-align:center;

    padding:30px 20px;

}


.download-content h2{

    font-size:24px;

}


}

/* =====================================
   GLOBAL DOWNLOAD CENTER
===================================== */


.download-center{

padding:60px 20px;

background:#f5f8fb;

}


.download-container{

max-width:1100px;

margin:auto;

background:#ffffff;

padding:45px 35px;

border-radius:12px;

box-shadow:0 8px 25px rgba(0,0,0,0.08);

text-align:center;

}


.download-heading span{

color:#d90000;

font-size:13px;

font-weight:700;

letter-spacing:2px;

}


.download-heading h2{

font-size:32px;

color:#12304a;

margin:15px 0;

}


.download-heading p{

color:#666;

line-height:1.7;

max-width:750px;

margin:auto;

}



.download-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:35px;

flex-wrap:wrap;

}



.download-btn{

padding:14px 30px;

border-radius:6px;

color:#fff;

text-decoration:none;

font-weight:600;

transition:.3s;

}



.company-download{

background:#c90000;

}


.catalog-download{

background:#123b63;

}



.download-btn:hover{

transform:translateY(-3px);

opacity:.9;

}




@media(max-width:768px){

.download-heading h2{

font-size:24px;

}


.download-buttons{

flex-direction:column;

}


.download-btn{

width:100%;

}

}


/* ================================
   ABOUT COMPANY SECTION
================================ */
.about-company-section {
    background: #f7f9fc;
    padding: 80px 0;
}

.about-company-wrapper {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 50px;
    align-items: center;
}

.about-company-content {
    color: #1f2d3d;
}

.about-company-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #d60000;
    margin-bottom: 14px;
}

.about-company-content h2 {
    font-size: 40px;
    line-height: 1.2;
    color: #0d2e57;
    margin: 0 0 12px;
    font-weight: 800;
}

.about-company-line {
    width: 72px;
    height: 4px;
    background: #d60000;
    border-radius: 20px;
    margin-bottom: 22px;
}

.about-company-content p {
    font-size: 16px;
    line-height: 1.85;
    color: #4b5d73;
    margin: 0 0 18px;
}

.about-company-highlight {
    background: #ffffff;
    border-left: 4px solid #d60000;
    padding: 22px 24px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(13, 46, 87, 0.08);
    margin: 30px 0;
}

.about-company-highlight h3 {
    font-size: 20px;
    color: #0d2e57;
    margin: 0 0 10px;
    font-weight: 700;
}

.about-company-highlight p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #56697f;
}

.about-company-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 30px;
}

.about-stat-box {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px 20px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(13, 46, 87, 0.08);
    border: 1px solid #e7edf5;
    transition: all 0.3s ease;
}

.about-stat-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(13, 46, 87, 0.12);
}

.about-stat-box h4 {
    margin: 0 0 8px;
    font-size: 34px;
    font-weight: 800;
    color: #0d2e57;
    line-height: 1;
}

.about-stat-box p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #d60000;
    line-height: 1.4;
}

.about-company-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.about-company-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.about-company-btn.primary-btn {
    background: #d60000;
    color: #ffffff;
}

.about-company-btn.primary-btn:hover {
    background: #b80000;
}

.about-company-btn.secondary-btn {
    background: transparent;
    color: #0d2e57;
    border: 2px solid #0d2e57;
}

.about-company-btn.secondary-btn:hover {
    background: #0d2e57;
    color: #ffffff;
}

.about-company-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 26px;
    box-shadow: 0 20px 40px rgba(13, 46, 87, 0.15);
}

/* Responsive */
@media (max-width: 991px) {
    .about-company-wrapper {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .about-company-content h2 {
        font-size: 32px;
    }

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

@media (max-width: 767px) {
    .about-company-section {
        padding: 60px 0;
    }

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

    .about-company-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .about-company-highlight {
        padding: 18px 18px;
    }

    .about-company-highlight h3 {
        font-size: 18px;
    }

    .about-company-stats {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .about-stat-box {
        padding: 18px 14px;
    }

    .about-stat-box h4 {
        font-size: 28px;
    }

    .about-stat-box p {
        font-size: 14px;
    }

    .about-company-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .about-company-btn {
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .about-company-stats {
        grid-template-columns: 1fr;
    }

    .about-company-content h2 {
        font-size: 24px;
    }
}



/* ===============================
   ABOUT COMPANY SECTION IMPROVE
   =============================== */

.about-company-section {
    padding: 70px 0;
    background: #f7f8fb;
}

.about-company-wrap {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 40px;
    align-items: center;
}

.about-company-content .section-eyebrow {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #c40000;
    margin-bottom: 14px;
}

.about-company-content h2 {
    font-size: 52px;
    line-height: 1.12;
    font-weight: 800;
    color: #0e3664;
    margin: 0 0 18px;
}

.about-company-divider {
    width: 110px;
    height: 6px;
    background: #d70000;
    border-radius: 999px;
    margin: 0 0 28px;
}

.about-company-content p {
    font-size: 18px;
    line-height: 1.95;
    color: #4f637a;
    margin: 0 0 24px;
    text-align: justify;
    text-justify: inter-word;
}

.about-company-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 800;
    color: #d70000;
    text-decoration: none;
    transition: 0.25s ease;
}

.about-company-link:hover {
    color: #0e3664;
    transform: translateX(4px);
}

.about-company-image {
    position: relative;
}

.about-company-image img {
    width: 100%;
    display: block;
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(10, 35, 70, 0.16);
}

.about-company-stats {
    margin-top: 38px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.about-stat-item {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5fb 100%);
    border: 1px solid #d8e1ec;
    border-radius: 18px;
    padding: 24px 18px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(15, 42, 74, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.about-stat-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(15, 42, 74, 0.12);
}

.about-stat-number {
    font-size: 46px;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 10px;
    letter-spacing: -1px;
    color: #0e3664;
}

.about-stat-number .plus {
    color: #d70000;
    margin-left: 2px;
}

.about-stat-number .unit {
    font-size: 28px;
    color: #d70000;
    margin-left: 4px;
    font-weight: 800;
}

.about-stat-label {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #5b6e84;
}

.about-stat-item:nth-child(1) .about-stat-number {
    color: #0e3664;
}

.about-stat-item:nth-child(2) .about-stat-number {
    color: #c40000;
}

.about-stat-item:nth-child(3) .about-stat-number {
    color: #0e3664;
}

.about-stat-item:nth-child(4) .about-stat-number {
    color: #c40000;
}

/* responsive */
@media (max-width: 1100px) {
    .about-company-wrap {
        grid-template-columns: 1fr;
    }

    .about-company-content h2 {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .about-company-section {
        padding: 50px 0;
    }

    .about-company-content h2 {
        font-size: 34px;
    }

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

    .about-company-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .about-stat-number {
        font-size: 34px;
    }

    .about-stat-number .unit {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .about-company-stats {
        grid-template-columns: 1fr 1fr;
    }

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

    .about-stat-item {
        padding: 18px 12px;
    }

    .about-stat-number {
        font-size: 28px;
    }

    .about-stat-label {
        font-size: 13px;
    }
}

/* =========================================================
   HOME ABOUT COMPANY - FINAL PREMIUM VERSION
   Left: justified introduction + animated company facts
   Right: factory image aligned to content
========================================================= */

.adeline-about-home{
    padding:72px 24px;
    background:linear-gradient(180deg,#f7f9fb 0%,#f2f6f9 100%);
}

.adeline-about-home *{
    box-sizing:border-box;
}

.adeline-about-shell{
    width:100%;
    max-width:1460px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);
    gap:48px;
    align-items:center;
}

.adeline-about-copy{
    min-width:0;
}

.adeline-about-kicker{
    display:inline-block;
    margin-bottom:10px;
    color:#c40000;
    font-size:12px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.adeline-about-copy h2{
    margin:0;
    color:#0c3156;
    font-size:clamp(30px,3vw,43px);
    line-height:1.16;
    font-weight:800;
    letter-spacing:-.45px;
}

.adeline-about-rule{
    width:64px;
    height:4px;
    margin:17px 0 22px;
    border-radius:99px;
    background:#cf0a0a;
}

.adeline-about-copy > p{
    margin:0 0 15px;
    color:#506274;
    font-size:15px;
    line-height:1.8;
    text-align:justify;
    text-justify:inter-word;
    hyphens:auto;
}

.adeline-about-copy > p:last-of-type{
    margin-bottom:0;
}

.adeline-about-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:17px;
    color:#c40000;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    transition:color .22s ease,transform .22s ease;
}

.adeline-about-more:hover,
.adeline-about-more:focus-visible{
    color:#0c3156;
    transform:translateX(4px);
}

/* COMPANY FACTS */

.adeline-about-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:30px;
}

.adeline-about-stat{
    position:relative;
    min-width:0;
    min-height:132px;
    padding:17px 10px 15px;
    overflow:hidden;
    border:1px solid #dfe7ee;
    border-radius:12px;
    background:#fff;
    text-align:center;
    box-shadow:0 8px 22px rgba(15,47,76,.07);
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.adeline-about-stat::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:#0d3b64;
}

.adeline-about-stat:nth-child(even)::before{
    background:#c40000;
}

.adeline-about-stat:hover{
    transform:translateY(-5px);
    border-color:#cbd7e1;
    box-shadow:0 15px 30px rgba(15,47,76,.12);
}

.adeline-about-stat-icon{
    width:36px;
    height:36px;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0d3b64;
    color:#fff;
}

.adeline-about-stat:nth-child(even) .adeline-about-stat-icon{
    background:#c40000;
}

.adeline-about-stat-icon svg{
    width:17px;
    height:17px;
    display:block;
    fill:currentColor;
}

.adeline-about-number{
    min-height:31px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    color:#0d3155;
    font-size:clamp(22px,1.85vw,30px);
    line-height:1;
    font-weight:900;
    letter-spacing:-.6px;
    white-space:nowrap;
}

.adeline-about-count{
    font:inherit;
    color:inherit;
}

.adeline-about-suffix{
    color:#c40000;
    font-size:.68em;
    line-height:1;
    font-weight:900;
}

.adeline-about-unit{
    align-self:flex-end;
    padding-bottom:1px;
    margin-left:2px;
    color:#657789;
    font-size:.46em;
    line-height:1;
    font-weight:800;
    letter-spacing:0;
}

.adeline-about-stat-label{
    display:block;
    margin-top:8px;
    color:#667789;
    font-size:11px;
    line-height:1.35;
    font-weight:700;
}

/* FACTORY IMAGE */

.adeline-about-visual{
    position:relative;
    min-width:0;
    overflow:hidden;
    border-radius:18px;
    background:#e7edf2;
    box-shadow:0 18px 42px rgba(14,47,78,.16);
}

.adeline-about-visual::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 56%,rgba(4,23,40,.25) 100%);
}

.adeline-about-visual img{
    display:block;
    width:100%;
    height:clamp(390px,31vw,465px);
    object-fit:cover;
    object-position:center center;
}

.adeline-about-badge{
    position:absolute;
    z-index:2;
    right:20px;
    bottom:20px;
    max-width:370px;
    padding:13px 17px;
    border-left:4px solid #d20a0a;
    border-radius:7px;
    background:rgba(8,38,64,.90);
    color:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.20);
    backdrop-filter:blur(4px);
}

.adeline-about-badge strong{
    display:block;
    margin-bottom:4px;
    font-size:15px;
    line-height:1.3;
}

.adeline-about-badge span{
    display:block;
    color:#d9e5ee;
    font-size:11px;
    line-height:1.45;
}

/* TABLET */

@media(max-width:1100px){
    .adeline-about-shell{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }

    .adeline-about-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .adeline-about-stat{
        min-height:126px;
    }

    .adeline-about-visual img{
        height:390px;
    }
}

/* MOBILE */

@media(max-width:780px){
    .adeline-about-home{
        padding:50px 16px;
    }

    .adeline-about-shell{
        grid-template-columns:1fr;
        gap:28px;
    }

    .adeline-about-copy h2{
        font-size:28px;
    }

    .adeline-about-copy > p{
        font-size:14px;
        line-height:1.72;
        text-align:left;
        hyphens:none;
    }

    .adeline-about-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-top:26px;
    }

    .adeline-about-stat{
        min-height:122px;
        padding:15px 8px 13px;
    }

    .adeline-about-number{
        font-size:24px;
    }

    .adeline-about-visual{
        border-radius:13px;
    }

    .adeline-about-visual img{
        height:auto;
        min-height:230px;
        aspect-ratio:16/9;
        object-fit:cover;
    }

    .adeline-about-badge{
        right:12px;
        bottom:12px;
        max-width:78%;
        padding:10px 12px;
    }
}

@media(max-width:430px){
    .adeline-about-home{
        padding-left:12px;
        padding-right:12px;
    }

    .adeline-about-stat-icon{
        width:33px;
        height:33px;
        margin-bottom:9px;
    }

    .adeline-about-number{
        font-size:21px;
    }

    .adeline-about-stat-label{
        font-size:10px;
    }

    .adeline-about-badge{
        display:none;
    }
}


/* =========================================================
   JIANGSU ADELINE - CORPORATE FOOTER
   Sample-inspired Navy Corporate Design
========================================================= */

.adel-corporate-footer{
    width:100%;
    background:#062b52;
    color:#ffffff;
    border-top:3px solid #d9e2eb;
}

.adel-corporate-footer *{
    box-sizing:border-box;
}


/* =========================================================
   TOP AREA
========================================================= */

.adel-footer-top{
    background:
        linear-gradient(
            135deg,
            #05294e 0%,
            #07335e 100%
        );

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

.adel-footer-top-grid{
    min-height:175px;

    padding-top:30px;
    padding-bottom:30px;

    display:grid;

    grid-template-columns:
        minmax(390px,1.05fr)
        minmax(600px,1.45fr);

    gap:45px;

    align-items:center;
}


/* CTA */

.adel-footer-cta{
    display:flex;
    gap:24px;
    align-items:flex-start;
}

.adel-footer-headset{
    width:72px;
    height:72px;

    flex:0 0 72px;

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

    color:#ffffff;
}

.adel-footer-headset svg{
    width:65px;
    height:65px;

    fill:currentColor;
}

.adel-footer-cta-content h2{
    margin:0 0 7px;

    color:#ffffff;

    font-size:27px;
    line-height:1.2;

    font-weight:800;
}

.adel-footer-cta-content p{
    margin:0;

    color:#d2dce7;

    font-size:13px;
    line-height:1.55;
}

.adel-footer-quote-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:16px;

    min-height:46px;

    padding:11px 20px;

    background:
        linear-gradient(
            180deg,
            #ff941e,
            #f27000
        );

    border:1px solid #ffad54;
    border-radius:6px;

    color:#ffffff;

    text-decoration:none;

    font-size:13px;
    font-weight:800;

    box-shadow:
        0 5px 15px rgba(0,0,0,.20);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.adel-footer-quote-btn:hover{
    transform:translateY(-2px);

    box-shadow:
        0 8px 18px rgba(0,0,0,.27);
}

.adel-send-icon{
    width:18px;
    height:18px;

    display:inline-flex;
}

.adel-send-icon svg{
    width:18px;
    height:18px;

    fill:currentColor;
}

.adel-arrow-circle{
    width:21px;
    height:21px;

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

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

    border-radius:50%;

    font-size:12px;
}


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

.adel-footer-contact-grid{
    display:grid;

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

    align-items:stretch;
}

.adel-footer-contact-item{
    min-width:0;

    padding:11px 24px;

    display:flex;

    gap:15px;

    align-items:center;

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

.adel-footer-info-icon{
    width:43px;
    height:43px;

    flex:0 0 43px;

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

    color:#b9c9da;
}

.adel-footer-info-icon svg{
    width:36px;
    height:36px;

    fill:currentColor;
}

.adel-footer-contact-item > div:last-child{
    min-width:0;
}

.adel-footer-info-label{
    display:block;

    margin-bottom:5px;

    color:#ffffff;

    font-size:12px;
    font-weight:800;
}

.adel-footer-contact-item a{
    display:block;

    color:#ffffff;

    text-decoration:none;

    font-size:13px;
    font-weight:600;

    line-height:1.4;

    overflow-wrap:anywhere;
}

.adel-footer-contact-item a:hover{
    color:#ff9d35;
}

.adel-footer-contact-item small{
    display:block;

    margin-top:4px;

    color:#bbc8d5;

    font-size:10px;
    line-height:1.4;
}


/* =========================================================
   COMPANY AREA
========================================================= */

.adel-footer-company-area{
    background:#05294d;

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

.adel-footer-company-grid{
    min-height:130px;

    padding-top:25px;
    padding-bottom:25px;

    display:grid;

    grid-template-columns:
        minmax(290px,.8fr)
        minmax(420px,1.4fr)
        minmax(250px,.65fr);

    gap:35px;

    align-items:center;
}


/* COMPANY */

.adel-footer-brand h3{
    margin:0 0 8px;

    color:#ffffff;

    font-size:22px;
    line-height:1.25;

    font-weight:800;
}

.adel-footer-brand p{
    margin:0;

    color:#b9c7d4;

    font-size:11px;
    line-height:1.6;
}


/* ADDRESS */

.adel-footer-address{
    display:flex;

    align-items:flex-start;

    gap:15px;
}

.adel-location-icon{
    width:34px;
    height:34px;

    flex:0 0 34px;

    color:#c4d1de;
}

.adel-location-icon svg{
    width:32px;
    height:32px;

    fill:currentColor;
}

.adel-footer-address p{
    margin:0;

    color:#d8e0e8;

    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   CERTIFICATE BADGES
========================================================= */

.adel-footer-certifications{
    display:flex;

    justify-content:flex-end;

    gap:16px;
}

.adel-cert-badge{
    width:72px;
    height:72px;

    display:flex;

    flex-direction:column;

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

    border:2px solid #dce4ec;

    border-radius:50%;

    color:#ffffff;

    text-align:center;

    position:relative;
}

.adel-cert-badge::before{
    content:"";

    position:absolute;

    inset:5px;

    border:
        1px dashed rgba(255,255,255,.55);

    border-radius:50%;
}

.adel-cert-badge strong{
    position:relative;

    font-size:17px;

    line-height:1;

    font-weight:900;
}

.adel-cert-badge span{
    position:relative;

    margin-top:4px;

    color:#cbd6df;

    font-size:9px;

    font-weight:700;
}

.adel-cert-iatf{
    border-color:#d0a54e;
}

.adel-cert-iatf::before{
    border-color:#d0a54e;
}


/* =========================================================
   NAVIGATION
========================================================= */

.adel-footer-navigation{
    padding:22px 0 17px;

    background:#041f3b;

    text-align:center;
}

.adel-footer-main-links{
    display:flex;

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

    flex-wrap:wrap;

    gap:7px 22px;
}

.adel-footer-main-links a{
    color:#ffffff;

    text-decoration:none;

    font-size:12px;

    font-weight:700;
}

.adel-footer-main-links a:hover{
    color:#ff9226;
}


/* PRODUCTS */

.adel-footer-product-links{
    margin-top:14px;

    display:flex;

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

    flex-wrap:wrap;

    gap:7px 10px;
}

.adel-footer-product-links a{
    color:#aebdca;

    text-decoration:none;

    font-size:10px;
}

.adel-footer-product-links a:hover{
    color:#ffffff;
}

.adel-footer-product-links span{
    color:#4c657d;

    font-size:8px;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.adel-footer-bottom{
    padding:13px 0;

    background:#03172b;

    text-align:center;
}

.adel-footer-bottom p{
    margin:0;

    color:#8fa2b4;

    font-size:10px;

    line-height:1.5;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

    .adel-footer-top-grid{
        grid-template-columns:1fr;

        gap:30px;
    }

    .adel-footer-contact-grid{
        max-width:850px;

        width:100%;
    }

    .adel-footer-company-grid{
        grid-template-columns:1fr 1fr;

        gap:25px;
    }

    .adel-footer-certifications{
        grid-column:1 / -1;

        justify-content:flex-start;
    }

}


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

@media(max-width:720px){

    .adel-footer-top-grid{
        padding-top:35px;
        padding-bottom:35px;
    }


    .adel-footer-cta{
        flex-direction:column;

        align-items:center;

        text-align:center;
    }


    .adel-footer-headset{
        width:58px;
        height:58px;

        flex-basis:58px;
    }


    .adel-footer-headset svg{
        width:54px;
        height:54px;
    }


    .adel-footer-cta-content h2{
        font-size:23px;
    }


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


    .adel-footer-contact-item{
        padding:17px 5px;

        border-left:0;

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


    .adel-footer-company-grid{
        grid-template-columns:1fr;

        text-align:center;
    }


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

        text-align:left;
    }


    .adel-footer-certifications{
        justify-content:center;
    }


    .adel-footer-brand h3{
        font-size:20px;
    }


    .adel-footer-main-links{
        gap:12px 18px;
    }


    .adel-footer-navigation{
        padding-left:15px;
        padding-right:15px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .adel-footer-cta-content h2{
        font-size:21px;
    }

    .adel-footer-quote-btn{
        width:100%;
    }

    .adel-footer-address p{
        font-size:12px;
    }

    .adel-cert-badge{
        width:62px;
        height:62px;
    }

    .adel-cert-badge strong{
        font-size:14px;
    }

}

/* =========================================================
   JIANGSU ADELINE CORPORATE V2 — 2026-08-14
   Professional homepage, navigation and MIC showroom
   ========================================================= */

:root{
    --adel-navy:#0d2f4d;
    --adel-navy-deep:#071d31;
    --adel-blue:#173f61;
    --adel-red:#c60c18;
    --adel-red-dark:#9f0710;
    --adel-ink:#152635;
    --adel-text:#586a79;
    --adel-line:#dce5ec;
    --adel-soft:#f4f7fa;
    --adel-white:#ffffff;
    --adel-shadow:0 18px 50px rgba(14,47,76,.10);
}

html{scroll-behavior:smooth;}
body{overflow-x:hidden;}
body.home-v2,body.mic-page{color:var(--adel-ink);background:#fff;}
.skip-link{position:fixed;left:16px;top:-80px;z-index:20000;padding:10px 14px;background:#fff;color:#111;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:top .2s ease;}
.skip-link:focus{top:16px;}

/* Header */
.site-header{padding:0;background:rgba(255,255,255,.98);border-bottom:1px solid #e5eaee;box-shadow:0 5px 18px rgba(9,38,62,.05);backdrop-filter:blur(10px);}
.site-header .header-box{width:min(96%,1500px);min-height:82px;max-width:1500px;gap:26px;}
.site-header .logo{min-width:300px;}
.site-header .company-brand strong{font-size:20px;line-height:1.18;color:#aa0710;letter-spacing:-.2px;}
.site-header .company-brand span{font-size:10.5px;line-height:1.35;color:#5f6e7a;margin-top:5px;}
.site-header .main-nav{gap:4px;align-self:stretch;}
.site-header .main-nav>a,.nav-parent-link{display:flex!important;align-items:center;min-height:82px;padding:0 9px!important;border:0!important;color:#243746!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.05px;position:relative;}
.site-header .main-nav>a::after,.nav-parent-link::after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:3px;background:var(--adel-red);transform:scaleX(0);transform-origin:center;transition:transform .2s ease;}
.site-header .main-nav>a:hover::after,.site-header .main-nav>a.active::after,.nav-parent-link:hover::after,.nav-parent-link.active::after{transform:scaleX(1);}
.site-header .main-nav>a:hover,.site-header .main-nav>a.active,.nav-parent-link:hover,.nav-parent-link.active{color:var(--adel-red)!important;background:transparent!important;}
.site-header .main-nav .contact-nav{min-height:42px;margin:auto 0 auto 8px;padding:0 16px!important;border-radius:6px;background:var(--adel-red)!important;color:#fff!important;}
.site-header .main-nav .contact-nav::after{display:none;}
.site-header .main-nav .contact-nav:hover{background:var(--adel-red-dark)!important;color:#fff!important;}
.nav-dropdown{position:relative;display:flex;align-items:stretch;}
.nav-dropdown-row{display:flex;align-items:stretch;}
.nav-dropdown-toggle{width:24px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;color:#516273;cursor:pointer;}
.nav-dropdown-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;}
.nav-dropdown-menu{position:absolute;top:calc(100% - 2px);left:-18px;width:265px;padding:10px;background:#fff;border:1px solid #e3e9ee;border-radius:0 0 10px 10px;box-shadow:0 18px 38px rgba(11,41,66,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:1500;}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dropdown:hover .nav-dropdown-toggle svg,.nav-dropdown.open .nav-dropdown-toggle svg{transform:rotate(180deg);}
.site-header .nav-dropdown-menu a{display:block!important;min-height:0!important;padding:11px 13px!important;border-radius:6px!important;border:0!important;color:#304453!important;font-size:12.5px!important;font-weight:650!important;line-height:1.25!important;}
.site-header .nav-dropdown-menu a:hover{background:#f4f7fa!important;color:var(--adel-red)!important;}
.site-header .nav-dropdown-menu .nav-dropdown-all{margin-top:6px;border-top:1px solid #e6ebef!important;border-radius:0!important;color:var(--adel-red)!important;font-weight:800!important;}

/* Hero */
.v2-hero{height:clamp(620px,72vh,760px);min-height:620px;background:#0a2238;}
.v2-hero .slide{display:flex;align-items:stretch;background-position:center;background-size:cover;}
.v2-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,34,.92) 0%,rgba(7,31,51,.78) 42%,rgba(6,28,47,.40) 70%,rgba(6,26,44,.28) 100%);}
.v2-hero-shell{position:relative;z-index:2;display:flex;align-items:center;width:90%;max-width:1320px;height:100%;}
.v2-hero-copy{max-width:780px;color:#fff;}
.v2-eyebrow,.v2-section-kicker{display:inline-block;margin-bottom:14px;color:#df2933;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;}
.v2-hero .v2-eyebrow{color:#ff7f86;}
.v2-hero h1,.v2-hero-title{margin:0 0 20px;color:#fff;font-size:clamp(42px,5.2vw,72px);line-height:1.05;letter-spacing:-1.5px;font-weight:850;max-width:920px;}
.v2-hero-title{font-size:clamp(38px,4.6vw,64px);}
.v2-hero p{max-width:720px;margin:0;color:#dce7ee;font-size:17px;line-height:1.75;}
.v2-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:6px;text-decoration:none;font-size:13px;font-weight:800;line-height:1.2;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;}
.v2-btn:hover{transform:translateY(-2px);}
.v2-btn-primary{background:var(--adel-red);color:#fff;border-color:var(--adel-red);box-shadow:0 10px 24px rgba(198,12,24,.25);}
.v2-btn-primary:hover{background:var(--adel-red-dark);border-color:var(--adel-red-dark);color:#fff;}
.v2-btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.55);color:#fff;}
.v2-btn-ghost:hover{background:#fff;color:var(--adel-navy-deep);}
.v2-btn-dark{background:var(--adel-navy);border-color:var(--adel-navy);color:#fff;}
.v2-btn-dark:hover{background:var(--adel-red);border-color:var(--adel-red);color:#fff;}
.v2-btn-ghost-dark{background:transparent;border-color:#a7bac7;color:#fff;}
.v2-btn-ghost-dark:hover{background:#fff;color:var(--adel-navy);}
.v2-hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;}
.v2-hero-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);color:#edf5f9;font-size:10.5px;font-weight:700;backdrop-filter:blur(5px);}
.v2-hero-controls{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;}
.v2-hero-dot{width:34px;height:4px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.38);cursor:pointer;transition:width .2s ease,background .2s ease;}
.v2-hero-dot.active{width:54px;background:#fff;}

/* Trust */
.v2-trust{background:var(--adel-navy-deep);color:#fff;border-top:1px solid rgba(255,255,255,.08);}
.v2-trust-grid{width:94%;max-width:1320px;display:grid;grid-template-columns:repeat(5,1fr);}
.v2-trust-item{min-height:104px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.11);}
.v2-trust-item:first-child{border-left:1px solid rgba(255,255,255,.11);}
.v2-trust-item strong{color:#fff;font-size:19px;line-height:1.15;font-weight:850;}
.v2-trust-item span{margin-top:7px;color:#b9cbd8;font-size:10.5px;line-height:1.35;font-weight:650;}

/* Shared sections */
.v2-section,.v2-about{padding:88px 0;}
.v2-section-heading{max-width:850px;margin:0 auto 44px;text-align:center;}
.v2-section-heading h2,.v2-about-copy h2,.v2-industries-copy h2,.v2-manufacturing-copy h2,.mic-note-shell h2{margin:0;color:var(--adel-navy);font-size:clamp(31px,4vw,46px);line-height:1.14;letter-spacing:-.7px;font-weight:850;}
.v2-section-heading p,.v2-about-copy p,.v2-industries-copy p,.v2-manufacturing-copy>p,.mic-note-shell p{margin:17px auto 0;color:var(--adel-text);font-size:15px;line-height:1.78;}
.v2-section-heading-light h2{color:#fff;}
.v2-section-heading-light p{color:#cbd9e3;}
.v2-center-action{text-align:center;margin-top:36px;}
.v2-text-link{display:inline-flex;align-items:center;color:var(--adel-red);text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s ease,color .2s ease;}
.v2-text-link:hover{transform:translateX(3px);color:var(--adel-navy);}
/* Safe reveal: content stays visible even if JavaScript is cached, blocked or fails. */
.reveal-on-scroll{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease;}
.reveal-on-scroll.reveal-animate{opacity:0;transform:translateY(22px);}
.reveal-on-scroll.reveal-animate.is-visible{opacity:1;transform:none;}
.reveal-on-scroll.is-visible{opacity:1;transform:none;}

/* About */
.v2-about{background:#fff;}
.v2-about-grid{width:90%;max-width:1320px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:58px;align-items:center;}
.v2-about-copy p{text-align:left;}
.v2-about-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;}
.v2-about-visual{position:relative;overflow:hidden;border-radius:14px;box-shadow:var(--adel-shadow);background:#e8eef3;}
.v2-about-visual img{display:block;width:100%;height:460px;object-fit:cover;}
.v2-about-badge{position:absolute;left:22px;bottom:22px;padding:13px 16px;border-left:4px solid var(--adel-red);border-radius:6px;background:rgba(7,29,49,.91);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2);}
.v2-about-badge span{display:block;margin-bottom:3px;color:#bcd0df;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;}
.v2-about-badge strong{font-size:14px;}

/* Products */
.v2-products-section{background:var(--adel-soft);}
.v2-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.v2-product-card{overflow:hidden;border:1px solid #dce5ec;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(14,47,76,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.v2-product-card:hover{transform:translateY(-6px);border-color:#c9d5de;box-shadow:0 18px 40px rgba(14,47,76,.12);}
.v2-product-media{position:relative;display:block;height:245px;overflow:hidden;background:#e7edf2;}
.v2-product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.v2-product-card:hover .v2-product-media img{transform:scale(1.035);}
.v2-product-media span{position:absolute;left:15px;bottom:15px;padding:6px 9px;border-radius:4px;background:rgba(7,29,49,.9);color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;}
.v2-product-content{padding:23px 23px 25px;}
.v2-product-content h3{margin:0 0 10px;color:var(--adel-navy);font-size:20px;line-height:1.3;}
.v2-product-content p{margin:0;color:var(--adel-text);font-size:13px;line-height:1.7;}
.v2-product-content>a{display:inline-flex;margin-top:17px;color:var(--adel-red);text-decoration:none;font-size:12px;font-weight:800;}

/* Solutions */
.v2-solutions-section{background:linear-gradient(135deg,var(--adel-navy-deep),var(--adel-blue));}
.v2-solutions-section .v2-section-kicker,.v2-facts-section .v2-section-kicker{color:#ff7e85;}
.v2-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.v2-solution-card{min-height:240px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.055);color:#fff;text-decoration:none;transition:transform .25s ease,background .25s ease,border-color .25s ease;}
.v2-solution-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);}
.v2-solution-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:26px;border-radius:50%;background:var(--adel-red);font-size:11px;font-weight:850;}
.v2-solution-card h3{margin:0 0 11px;color:#fff;font-size:18px;line-height:1.3;}
.v2-solution-card p{margin:0;color:#c9d8e3;font-size:13px;line-height:1.7;}
.v2-solution-card strong{display:inline-flex;margin-top:20px;color:#fff;font-size:11px;}

/* Industries */
.v2-industries-section{background:#fff;}
.v2-industries-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center;}
.v2-industries-copy p{margin-left:0;max-width:530px;}
.v2-industries-copy .v2-btn{margin-top:24px;}
.v2-industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.v2-industry-chip{padding:22px;border:1px solid #dfe6ec;border-radius:9px;background:#f8fafc;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.v2-industry-chip:hover{transform:translateY(-3px);border-color:#c9d6df;box-shadow:0 10px 24px rgba(14,47,76,.07);}
.v2-industry-chip strong{display:block;color:var(--adel-navy);font-size:15px;}
.v2-industry-chip span{display:block;margin-top:6px;color:#6b7b88;font-size:11.5px;line-height:1.45;}

/* Cases */
.v2-case-section{background:var(--adel-soft);}
.v2-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v2-case-card{position:relative;padding:30px;border-radius:11px;border:1px solid #dce4eb;background:#fff;box-shadow:0 8px 24px rgba(14,47,76,.055);}
.v2-case-number{position:absolute;top:20px;right:22px;color:#d9e1e8;font-size:38px;font-weight:900;line-height:1;}
.v2-case-card>span{color:var(--adel-red);font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;}
.v2-case-card h3{max-width:80%;margin:12px 0 13px;color:var(--adel-navy);font-size:21px;line-height:1.3;}
.v2-case-card p{margin:0;color:var(--adel-text);font-size:13px;line-height:1.7;}
.v2-case-card ul{margin:18px 0 0 18px;color:#516675;font-size:12px;line-height:1.8;}
.v2-case-card a{display:inline-flex;margin-top:19px;color:var(--adel-red);text-decoration:none;font-size:11.5px;font-weight:800;}

/* Manufacturing */
.v2-manufacturing-section{background:#fff;}
.v2-manufacturing-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;}
.v2-manufacturing-visual{position:relative;overflow:hidden;border-radius:12px;background:#e7edf2;box-shadow:var(--adel-shadow);}
.v2-manufacturing-visual img{display:block;width:100%;height:500px;object-fit:cover;}
.v2-manufacturing-label{position:absolute;left:20px;right:20px;bottom:20px;padding:15px 17px;border-radius:7px;background:rgba(7,29,49,.9);color:#fff;}
.v2-manufacturing-label strong{display:block;font-size:14px;}.v2-manufacturing-label span{display:block;margin-top:4px;color:#c8d8e3;font-size:10px;}
.v2-capability-list{display:grid;gap:10px;margin:26px 0 22px;}
.v2-capability-list>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;border-top:1px solid #e4e9ed;}
.v2-capability-list>div:last-child{border-bottom:1px solid #e4e9ed;}
.v2-capability-list>div>strong{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#eef3f7;color:var(--adel-red);font-size:10px;}
.v2-capability-list span{color:#617381;font-size:12px;line-height:1.5;}.v2-capability-list b{display:block;margin-bottom:3px;color:var(--adel-navy);font-size:13.5px;}

/* Process */
.v2-process-section{background:#f7f9fb;}
.v2-process-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.v2-process-grid::before{content:"";position:absolute;left:8%;right:8%;top:25px;height:2px;background:#d5dfe6;}
.v2-process-card{position:relative;z-index:1;padding:0 14px 24px;text-align:center;}
.v2-process-card>span{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin:0 auto 22px;border:6px solid #f7f9fb;border-radius:50%;background:var(--adel-red);color:#fff;font-size:10px;font-weight:900;box-shadow:0 0 0 1px #d7e0e6;}
.v2-process-card h3{margin:0 0 10px;color:var(--adel-navy);font-size:17px;}.v2-process-card p{margin:0;color:var(--adel-text);font-size:12.5px;line-height:1.7;}

/* Quality */
.v2-quality-section{background:#fff;}
.v2-cert-note{max-width:980px;margin:0 auto 30px;padding:14px 17px;border-left:4px solid var(--adel-red);border-radius:6px;background:#f5f8fa;color:#5c6d7a;font-size:12px;line-height:1.65;}
.v2-cert-note strong{color:var(--adel-navy);}
.v2-cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.v2-cert-card{overflow:hidden;padding:0 0 20px;border:1px solid #dfe6ec;border-radius:10px;background:#fff;text-align:left;cursor:zoom-in;box-shadow:0 6px 20px rgba(14,47,76,.05);transition:transform .2s ease,box-shadow .2s ease;}
.v2-cert-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(14,47,76,.11);}
.v2-cert-card img{display:block;width:100%;height:245px;padding:12px;object-fit:contain;background:#eef3f6;}
.v2-cert-card>span,.v2-cert-card>strong,.v2-cert-card>small{display:block;margin-left:18px;margin-right:18px;}
.v2-cert-card>span{margin-top:17px;color:var(--adel-red);font-size:8.5px;font-weight:900;letter-spacing:1px;text-transform:uppercase;}
.v2-cert-card>strong{margin-top:5px;color:var(--adel-navy);font-size:17px;}.v2-cert-card>small{margin-top:5px;color:#778691;font-size:10.5px;line-height:1.4;}
.cert-lightbox{z-index:20000;}

/* Facts */
.v2-facts-section{padding:82px 0;background:linear-gradient(135deg,var(--adel-navy-deep),var(--adel-blue));color:#fff;}
.v2-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.v2-fact-card{padding:28px 20px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);text-align:center;}
.v2-fact-card>strong{display:inline;color:#fff;font-size:39px;line-height:1;font-weight:900;letter-spacing:-1px;}.v2-fact-suffix{color:#ff777f;font-size:17px;font-weight:900;}.v2-fact-card h3{margin:14px 0 7px;color:#fff;font-size:15px;}.v2-fact-card p{margin:0;color:#c7d6e0;font-size:11.5px;line-height:1.55;}

/* RFQ */
.v2-rfq-section{padding:68px 0;background:#eef3f7;}
.v2-rfq-shell{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:38px 42px;border-radius:12px;background:var(--adel-navy-deep);color:#fff;box-shadow:0 18px 44px rgba(6,29,48,.18);}
.v2-rfq-shell h2{margin:0;color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.15;}.v2-rfq-shell p{max-width:780px;margin:13px 0 0;color:#c9d8e2;font-size:13px;line-height:1.7;}
.v2-rfq-actions{display:flex;gap:10px;flex-direction:column;min-width:210px;}
.social-email{background:#0d2f4d!important;}.social-email .social-icon svg{fill:#fff!important;}

/* Made-in-China page */
.mic-hero{padding:104px 20px;background:linear-gradient(115deg,rgba(5,25,43,.96),rgba(16,56,87,.92)),url('../images/banner3.webp') center/cover;color:#fff;text-align:center;}
.mic-hero .container{max-width:900px;}.mic-hero>div>span{display:block;margin-bottom:14px;color:#ff7f86;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;}.mic-hero h1{margin:0;color:#fff;font-size:clamp(38px,5vw,58px);line-height:1.08;}.mic-hero p{max-width:790px;margin:18px auto 0;color:#d7e5ee;font-size:15px;line-height:1.75;}.mic-hero .v2-btn{margin-top:26px;}
.mic-products-section{padding:86px 0;background:#f5f8fa;}.mic-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.mic-product-card{overflow:hidden;border:1px solid #dfe6ec;border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(14,47,76,.06);}.mic-product-card>img{display:block;width:100%;height:235px;object-fit:cover;background:#e9eff3;}.mic-product-card>div{padding:22px;}.mic-product-card span{color:var(--adel-red);font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;}.mic-product-card h3{margin:8px 0 10px;color:var(--adel-navy);font-size:19px;line-height:1.35;}.mic-product-card p{margin:0;color:var(--adel-text);font-size:12.5px;line-height:1.65;}.mic-product-card a{display:inline-flex;margin-top:18px;color:var(--adel-red);text-decoration:none;font-size:11.5px;font-weight:850;}.mic-note-section{padding:65px 0;background:#fff;}.mic-note-shell{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;padding:34px 38px;border:1px solid #dfe6ec;border-radius:12px;background:#f8fafb;}.mic-note-shell p{margin-left:0;max-width:760px;}

/* Footer adjustments */
.adel-footer-main-links{flex-wrap:wrap;row-gap:10px;}

/* Responsive */
@media(max-width:1180px){
    .site-header .header-box{min-height:76px;}
    .site-header .logo{min-width:0;}
    .mobile-menu-btn{display:block;}
    .site-header .main-nav{display:none;position:absolute;top:100%;left:2%;right:2%;width:auto;max-height:calc(100vh - 90px);overflow:auto;margin:0;padding:10px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #dfe6ec;border-radius:0 0 10px 10px;box-shadow:0 18px 34px rgba(8,36,59,.16);z-index:1700;}
    .site-header .main-nav.menu-open{display:flex;}
    .site-header .main-nav>a,.nav-parent-link{min-height:48px!important;padding:0 13px!important;border-bottom:1px solid #edf1f4!important;font-size:13px!important;}
    .site-header .main-nav>a::after,.nav-parent-link::after{display:none;}
    .site-header .main-nav .contact-nav{margin:8px 0 0;justify-content:center;border-bottom:0!important;}
    .nav-dropdown{display:block;}
    .nav-dropdown-row{display:grid;grid-template-columns:1fr 44px;}
    .nav-dropdown-toggle{width:44px;border-bottom:1px solid #edf1f4;}
    .nav-dropdown-menu{position:static;width:auto;padding:0 0 0 14px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none;background:#f7f9fb;}
    .nav-dropdown.open .nav-dropdown-menu{display:block;}
    .site-header .nav-dropdown-menu a{padding:11px 13px!important;border-bottom:1px solid #e8edf1!important;border-radius:0!important;}
}
@media(max-width:980px){
    .v2-trust-grid{grid-template-columns:repeat(3,1fr);}.v2-trust-item:nth-child(4),.v2-trust-item:nth-child(5){border-top:1px solid rgba(255,255,255,.11);}
    .v2-about-grid,.v2-manufacturing-grid,.v2-industries-layout{grid-template-columns:1fr;gap:38px;}
    .v2-product-grid,.v2-solution-grid,.v2-cert-grid,.mic-product-grid{grid-template-columns:repeat(2,1fr);}
    .v2-case-grid{grid-template-columns:1fr;}.v2-process-grid{grid-template-columns:repeat(2,1fr);row-gap:28px;}.v2-process-grid::before{display:none;}.v2-facts-grid{grid-template-columns:repeat(2,1fr);}
    .v2-rfq-shell,.mic-note-shell{grid-template-columns:1fr;gap:24px;}.v2-rfq-actions{flex-direction:row;min-width:0;flex-wrap:wrap;}
}
@media(max-width:680px){
    .site-header .header-box{width:94%;min-height:70px;}.site-header .company-brand strong{font-size:15px;}.site-header .company-brand span{font-size:8.5px;max-width:260px;}.mobile-menu-btn{width:42px;height:40px;}
    .v2-hero{height:640px;min-height:640px;}.v2-hero-overlay{background:linear-gradient(90deg,rgba(4,20,34,.91),rgba(5,26,44,.72));}.v2-hero-shell{width:90%;align-items:center;}.v2-hero h1,.v2-hero-title{font-size:37px;line-height:1.08;letter-spacing:-.8px;}.v2-hero p{font-size:14px;line-height:1.65;}.v2-hero-actions{gap:8px;}.v2-btn{width:100%;}.v2-hero-proof{display:none;}
    .v2-trust-grid{grid-template-columns:repeat(2,1fr);}.v2-trust-item{min-height:92px;padding:15px 8px;}.v2-trust-item strong{font-size:15px;}.v2-trust-item span{font-size:9px;}.v2-trust-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.11);}
    .v2-section,.v2-about{padding:62px 0;}.v2-section-heading{margin-bottom:32px;padding:0 8px;}.v2-section-heading h2,.v2-about-copy h2,.v2-industries-copy h2,.v2-manufacturing-copy h2,.mic-note-shell h2{font-size:30px;}.v2-about-grid{width:88%;}.v2-about-visual img,.v2-manufacturing-visual img{height:310px;}.v2-about-badge{left:12px;bottom:12px;right:12px;}
    .v2-product-grid,.v2-solution-grid,.v2-cert-grid,.mic-product-grid,.v2-industry-grid,.v2-process-grid,.v2-facts-grid{grid-template-columns:1fr;}.v2-product-media{height:230px;}.v2-solution-card{min-height:0;}.v2-process-card{padding-bottom:8px;}.v2-fact-card{padding:24px 16px;}
    .v2-manufacturing-grid,.v2-industries-layout{width:90%;}.v2-rfq-section{padding:45px 0;}.v2-rfq-shell,.mic-note-shell{width:90%;padding:28px 20px;}.v2-rfq-actions{flex-direction:column;}.v2-rfq-actions .v2-btn{width:100%;}
    .mic-hero{padding:78px 18px;}.mic-hero h1{font-size:36px;}.mic-products-section{padding:62px 0;}.mic-product-grid{width:90%;margin:auto;}
    .social-float{display:none!important;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll,.reveal-on-scroll.reveal-animate{opacity:1;transform:none;transition:none}.v2-product-card,.v2-solution-card,.v2-btn{transition:none}}


/* =========================================================
   QUALITY & COMPLIANCE V2 PAGE
   ========================================================= */
body.quality-page-v2{color:var(--adel-ink);background:#fff;}
body.quality-page-v2 .site-header{position:sticky;top:0;z-index:2000;}
.quality-v2-hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:url('/images/banner2.webp') center/cover no-repeat;color:#fff;}
.quality-v2-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,45,.95) 0%,rgba(9,43,70,.84) 54%,rgba(9,43,70,.50) 100%);}
.quality-v2-hero-content{position:relative;z-index:2;padding:90px 0;max-width:1240px;}
.quality-v2-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#ff8b91;font-size:11px;font-weight:900;letter-spacing:1.9px;text-transform:uppercase;}
.quality-v2-eyebrow::before{content:"";width:34px;height:2px;background:#ff6b73;}
.quality-v2-hero h1{max-width:820px;margin:0;color:#fff;font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-1.6px;font-weight:900;}
.quality-v2-hero p{max-width:760px;margin:22px 0 0;color:#dce7ef;font-size:16px;line-height:1.8;}
.quality-v2-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.quality-v2-anchor-nav{position:relative;z-index:20;background:var(--adel-navy-deep);border-top:1px solid rgba(255,255,255,.08);}
.quality-v2-anchor-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;}
.quality-v2-anchor-grid a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:68px;padding:12px;color:#dbe6ee;text-decoration:none;border-right:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:800;transition:background .2s ease,color .2s ease;}
.quality-v2-anchor-grid a:first-child{border-left:1px solid rgba(255,255,255,.09);}
.quality-v2-anchor-grid a span{color:#ff7a82;font-size:10px;font-weight:900;}
.quality-v2-anchor-grid a:hover{background:rgba(255,255,255,.07);color:#fff;}
.quality-v2-section,.quality-v2-cert-section,.quality-v2-docs-section{padding:88px 0;scroll-margin-top:105px;}
.quality-v2-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;}
.quality-v2-process-card{position:relative;min-height:220px;padding:28px 26px;border:1px solid var(--adel-line);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(14,47,76,.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.quality-v2-process-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--adel-navy);}
.quality-v2-process-card:nth-child(even)::after{background:var(--adel-red);}
.quality-v2-process-card:hover{transform:translateY(-4px);border-color:#cfdbe4;box-shadow:0 16px 34px rgba(14,47,76,.10);}
.quality-v2-process-card>span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;margin-bottom:18px;border-radius:50%;background:#eef4f8;color:var(--adel-navy);font-size:12px;font-weight:900;}
.quality-v2-process-card h3{margin:0 0 10px;color:var(--adel-navy);font-size:19px;line-height:1.3;}
.quality-v2-process-card p{margin:0;color:var(--adel-text);font-size:13px;line-height:1.72;}
.quality-v2-focus-section{padding:82px 0;background:var(--adel-navy-deep);color:#fff;scroll-margin-top:105px;}
.quality-v2-focus-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;max-width:1240px;}
.quality-v2-focus-copy h2{margin:0;color:#fff;font-size:clamp(31px,4vw,46px);line-height:1.14;letter-spacing:-.7px;}
.quality-v2-focus-copy p{margin:16px 0 0;color:#c6d5e0;font-size:14px;line-height:1.78;}
.quality-v2-focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.quality-v2-focus-card{min-height:150px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.055);}
.quality-v2-focus-card strong{display:block;margin-bottom:9px;color:#fff;font-size:16px;}
.quality-v2-focus-card p{margin:0;color:#c7d5df;font-size:12.5px;line-height:1.68;}
.quality-v2-cert-section{background:#f4f7fa;}
.quality-v2-entity-note{max-width:1000px;margin:0 auto 40px;padding:16px 18px;border-left:4px solid var(--adel-red);border-radius:6px;background:#fff;color:#5a6b78;font-size:12.5px;line-height:1.68;box-shadow:0 6px 18px rgba(14,47,76,.05);}
.quality-v2-entity-note strong{color:var(--adel-navy);}
.quality-v2-entity-heading{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #d9e3ea;}
.quality-v2-entity-heading span{display:block;margin-bottom:4px;color:var(--adel-red);font-size:9.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;}
.quality-v2-entity-heading h3{margin:0;color:var(--adel-navy);font-size:22px;}
.quality-v2-entity-heading-secondary{margin-top:48px;}
.quality-v2-cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.quality-v2-cert-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;}
.quality-v2-cert-card{overflow:hidden;padding:0;border:1px solid #dbe4eb;border-radius:12px;background:#fff;text-align:left;cursor:zoom-in;box-shadow:0 7px 22px rgba(14,47,76,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.quality-v2-cert-card:hover{transform:translateY(-5px);border-color:#c5d4df;box-shadow:0 17px 38px rgba(14,47,76,.12);}
.quality-v2-cert-card img{display:block;width:100%;height:315px;padding:14px;object-fit:contain;background:#edf2f6;}
.quality-v2-cert-card>div{padding:20px 20px 22px;}
.quality-v2-cert-card span{display:block;color:var(--adel-red);font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;}
.quality-v2-cert-card h3{margin:6px 0 9px;color:var(--adel-navy);font-size:18px;line-height:1.3;}
.quality-v2-cert-card p{margin:0;color:#657582;font-size:11.5px;line-height:1.55;}
.quality-v2-cert-card small{display:block;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f4;color:#788994;font-size:10.5px;line-height:1.45;}
.quality-v2-docs-section{background:#fff;}
.quality-v2-docs-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start;max-width:1240px;}
.quality-v2-docs-copy h2{margin:0;color:var(--adel-navy);font-size:clamp(31px,4vw,44px);line-height:1.15;}
.quality-v2-docs-copy p{margin:16px 0 24px;color:var(--adel-text);font-size:14px;line-height:1.75;}
.quality-v2-doc-list{display:grid;gap:10px;}
.quality-v2-doc-list>div{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:17px 18px;border:1px solid #e0e7ed;border-radius:8px;background:#f8fafb;}
.quality-v2-doc-list strong{color:var(--adel-navy);font-size:12px;}
.quality-v2-doc-list span{color:#667783;font-size:12px;line-height:1.55;}
.quality-v2-cta{padding:76px 0;background:linear-gradient(120deg,#071d31,#103a5d);color:#fff;}
.quality-v2-cta-shell{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1240px;}
.quality-v2-cta h2{margin:0;color:#fff;font-size:clamp(29px,3.5vw,42px);line-height:1.15;}
.quality-v2-cta p{max-width:720px;margin:13px 0 0;color:#c9d8e2;font-size:14px;line-height:1.7;}
.quality-v2-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:max-content;}

@media(max-width:1100px){
    .quality-v2-cert-grid{grid-template-columns:repeat(2,1fr);}
    .quality-v2-focus-shell,.quality-v2-docs-grid{grid-template-columns:1fr;gap:34px;}
    .quality-v2-cta-shell{align-items:flex-start;flex-direction:column;}
    .quality-v2-cta-actions{justify-content:flex-start;min-width:0;}
}
@media(max-width:850px){
    .quality-v2-hero{min-height:440px;}
    .quality-v2-hero-content{padding:72px 0;}
    .quality-v2-anchor-grid{grid-template-columns:repeat(2,1fr);}
    .quality-v2-anchor-grid a:nth-child(2){border-right:0;}
    .quality-v2-process-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:620px){
    .quality-v2-hero{min-height:410px;}
    .quality-v2-hero h1{font-size:38px;}
    .quality-v2-hero p{font-size:14px;}
    .quality-v2-hero-actions{flex-direction:column;align-items:stretch;}
    .quality-v2-hero-actions .v2-btn{text-align:center;justify-content:center;}
    .quality-v2-anchor-grid{grid-template-columns:1fr 1fr;}
    .quality-v2-anchor-grid a{min-height:58px;font-size:10.5px;}
    .quality-v2-section,.quality-v2-cert-section,.quality-v2-docs-section{padding:58px 0;}
    .quality-v2-process-grid,.quality-v2-cert-grid,.quality-v2-cert-grid-two,.quality-v2-focus-grid{grid-template-columns:1fr;}
    .quality-v2-cert-grid-two{max-width:none;}
    .quality-v2-cert-card img{height:300px;}
    .quality-v2-doc-list>div{grid-template-columns:1fr;gap:5px;}
    .quality-v2-cta{padding:58px 0;}
}


/* ==============================
   Made-in-China Product Showcase
================================ */


.mic-products-section{
    padding:80px 0;
    background:#f8fafc;
}


.mic-product-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:40px;
}



.mic-product-card{

    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    transition:all .3s ease;
    display:flex;
    flex-direction:column;

}



.mic-product-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);

}




.mic-product-card img{

    width:100%;
    height:260px;
    object-fit:cover;
    background:#ffffff;

}



.mic-product-content{

    padding:25px;
    display:flex;
    flex-direction:column;
    flex:1;

}



.mic-product-content span{

    display:inline-block;
    color:#0b63ce;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;

}



.mic-product-content h3{

    font-size:20px;
    line-height:1.4;
    color:#111827;
    margin:8px 0 12px;

}



.mic-product-content p{

    color:#4b5563;
    font-size:15px;
    line-height:1.7;
    flex-grow:1;

}



.mic-product-content a{

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

    margin-top:20px;

    padding:12px 22px;

    background:#0b63ce;

    color:#ffffff;

    text-decoration:none;

    border-radius:8px;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}



.mic-product-content a:hover{

    background:#084c9e;

}





/* Hero */


.mic-hero{

    padding:90px 0;

    background:
    linear-gradient(
    135deg,
    rgba(0,40,90,.92),
    rgba(0,100,180,.85)
    );

    color:white;

}



.mic-hero h1{

    font-size:42px;
    max-width:850px;
    margin:20px 0;

}



.mic-hero p{

    max-width:750px;
    font-size:18px;
    line-height:1.8;

}





/* Custom section */


.mic-note-section{

    padding:70px 0;

}



.mic-note-shell{

    background:#f1f5f9;

    padding:45px;

    border-radius:20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}




/* Tablet */


@media(max-width:1024px){

    .mic-product-grid{

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

    }


    .mic-hero h1{

        font-size:34px;

    }

}




/* Mobile */


@media(max-width:650px){


    .mic-product-grid{

        grid-template-columns:1fr;

    }


    .mic-product-card img{

        height:220px;

    }



    .mic-hero{

        padding:60px 0;

    }



    .mic-hero h1{

        font-size:28px;

    }



    .mic-note-shell{

        flex-direction:column;

        text-align:center;

    }


}