/*
Theme Name: Aasutosh
Theme URI: http://
Description: 
Version: 1.0
Author: Mayur Web Technology
Author URI: http://mayurwebtech.com
Design by: Mayur Technology
URl : http://mayurwebtech.com

*/

/* Position the WhatsApp icon at the bottom right */

/* Full Screen Hero Design */
.full-screen-hero {
    position: relative;
    min-height: 71.1vh; /* આનાથી આખી સ્ક્રીન પર ઈમેજ આવશે */
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

/* ઈમેજ ઉપર ડાર્ક લેયર જેથી અક્ષરો સ્પષ્ટ દેખાય */
.hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(11, 22, 42, 0.7); /*  */
    z-index: 1;
}

.full-screen-hero .auto-container {
    position: relative;
    z-index: 2;
}

.full-screen-hero h1 {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.1em;
    margin-bottom: 25px;
}

.highlight-gold { color: #0570B7; } /*  */

.loc-tag {
    background: rgba(5, 112, 183, 0.2);
    border: 1px solid #0570B7;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #fff;
}

/* Buttons UI */
.btn-quote { background: #0570B7; color: #000; padding: 15px 30px; font-weight: 700; border-radius: 5px; }
.btn-wa { background: #25D366; color: #fff; padding: 15px 30px; font-weight: 700; border-radius: 5px; }
.btn-emergency { border: 2px solid #fff; color: #fff; padding: 15px 30px; font-weight: 700; border-radius: 5px; }

/* Form UI */
.image-floating-form {
    background: #ffffff;
    padding: 40px;
    border-radius: 15px;
}

.btn-submit-hero {
    background: #0b162a; /*  */
    color: #fff;
    padding: 15px;
    font-weight: 700;
    border-radius: 5px;
    transition: 0.3s;
}
/* ===============================
   HERO BUTTON PREMIUM HOVER
================================= */

.hero-btns-wrapper a{
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    transform: translateY(0);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* SHINE EFFECT */
.hero-btns-wrapper a::before{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: rgba(255,255,255,0.35);
    transform: skewX(-25deg);
    transition: all 0.7s ease;
}

.hero-btns-wrapper a:hover::before{
    left: 130%;
}

/* COMMON HOVER */
.hero-btns-wrapper a:hover{
    transform: translateY(-6px) scale(1.03);
}

/* REQUEST QUOTE */
.btn-quote:hover{
    background: #ffffff !important;
    color: #0570B7 !important;
    box-shadow: 0 15px 35px rgba(5,112,183,0.35);
}

/* WHATSAPP */
.btn-wa:hover{
    background: #25D366 !important;
    color: #ffffff !important;
    box-shadow: 0 15px 35px rgba(37,211,102,0.35);
}

/* EMERGENCY */
.btn-emergency:hover{
    background: #ff3b30 !important;
    color: #ffffff !important;
    box-shadow: 0 15px 35px rgba(255,59,48,0.4);
}

/* ICON ANIMATION */
.hero-btns-wrapper a i{
    transition: transform 0.4s ease;
}

.hero-btns-wrapper a:hover i{
    transform: rotate(-10deg) scale(1.2);
}

.hero-labels-new li { color:white; font-weight: 600; }

/* Mobile Responsive */
@media (max-width: 991px) {
    .full-screen-hero { text-align: center; padding-top: 150px; }
    .full-screen-hero h1 { font-size: 40px; }
    .hero-btns-wrapper { justify-content: center; }
    .hero-labels-new { justify-content: center; }
    .image-floating-form { margin-top: 50px; }
}

/* STATS BAR */
.stats-bar{background:#0570B7;padding:20px 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;position:relative}
.stats-bar::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.12);pointer-events:none}
.stat-item{text-align:center;padding:14px 10px;position:relative;z-index:1}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;color:white;line-height:1}
.stat-label{font-size:12px;color:rgba(255,255,255,.8);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}


/* SECTIONS */
.section{padding:72px 5%}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.1rem;text-transform:uppercase;color:#0d5faa;margin-bottom:10px}
.eyebrow-light{color:rgba(255,255,255,.7)}
.section-title{font-size:38px !important;font-weight:bolder !important;margin-bottom:14px;font-family: 'Archivo', sans-serif !important;letter-spacing:-1px !important;}
.section-title-light{color:white}
.section-lead{font-size:16px;color:var(--muted);max-width:640px;line-height:1.7;margin-bottom:40px}
.section-lead-light{color:rgba(255,255,255,.7)}
.title-line{width:48px;height:3px;background:#d4930a;margin-bottom:20px;border-radius:2px}

/* =========================================
   ULTRA PREMIUM ABOUT SECTION
========================================= */

.section{
    overflow:hidden;
}

/* MAIN GRID */
.about-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:30px;
    align-items:center;
    position:relative;
}

/* LEFT CONTENT */
.about-text{
    position:relative;
    z-index:5;
}

.about-text .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(13,95,170,.08);
    border:1px solid rgba(13,95,170,.12);
    padding:10px 20px;
    border-radius:100px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#0d5faa;
    margin-bottom:26px;
    backdrop-filter:blur(12px);
}

.about-text .section-title{
    font-size:64px;
    line-height:1;
    font-weight:800;
    color:#0f1724;
    margin-bottom:30px;
    letter-spacing:-2px;
}

.about-text .section-title span{
    background:linear-gradient(135deg,#0d5faa,#0b8c72);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.about-text p{
    font-size:15px;
    /* line-height:1.95; */
	line-height: 1.3;
    color:#5b6c80;
    margin-bottom:20px;
    max-width:95%;
}

/* FEATURE BOXES */
.about-features{
    display:grid;
    grid-template-columns:1fr 1fr;
	gap: 5px;
    margin-top: 10px;
}

.feat-item{
	display: flex;
    gap: 10px;
    align-items: flex-start;
    position:relative;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.5);
    border-radius:24px;
    padding:10px 5px;
    overflow:hidden;
    transition:all .45s ease;
    box-shadow:
        0 10px 30px rgba(0,0,0,.04),
        inset 0 1px 0 rgba(255,255,255,.6);
}

.feat-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(13,95,170,.08),rgba(11,140,114,.05));
    opacity:0;
    transition:.45s;
}

.feat-item:hover{
    transform:translateY(-3px);
    box-shadow:
        0 25px 50px rgba(0,0,0,.08),
        inset 0 1px 0 rgba(255,255,255,.8);
}

.feat-item:hover::before{
    opacity:1;
}

.feat-icon{
    /* width:60px;
    height:60px; */
    border-radius:20px;
    background:#0570B7;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
    /* margin-bottom:18px; */
    box-shadow:0 12px 24px rgba(13,95,170,.25);
	padding: 5px 0px;
}

.feat-item h5{
    font-size:18px;
    font-weight:700;
    color:#101826;
    margin-bottom:8px;
}

.feat-item p{
    font-size:13px;
    line-height:1.7;
    color:#66788b;
    margin:0;
    max-width:100%;
}

/* IMAGE AREA */
.about-visual{
	left: 80px;
    position:relative;
    z-index:3;
}

/* GLOW BACKGROUND */
.about-visual::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(13,95,170,.18),transparent 70%);
    top:-60px;
    right:-80px;
    z-index:0;
}

.about-visual::after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(11,140,114,.15),transparent 70%);
    bottom:-70px;
    left:-70px;
    z-index:0;
}

/* IMAGE */
.about-img{
    position:relative;
    z-index:3;
    width:80%;
    border-radius:36px;
    overflow:hidden;
    box-shadow:
        0 35px 70px rgba(0,0,0,.18),
        0 10px 25px rgba(0,0,0,.08);
    transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.about-visual:hover .about-img{
    transform:scale(1.04) rotate(-1deg);
}

/* FLOATING CARD */
.about-badge{
    position:absolute;
    bottom:-35px;
    left:-35px;
    z-index:10;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.6);
    border-radius:28px;
    padding:24px 28px;
    min-width:200px;
    box-shadow:
        0 25px 50px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.7);
    animation:premiumFloat 5s ease-in-out infinite;
}

.about-badge .big{
    font-size:56px;
    line-height:1;
    font-weight:800;
    background:#5c5ff2;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.about-badge .small{
    font-size:12px;
    font-weight:700;
    color:#25364a;
    line-height:1.6;
    margin-top:8px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

/* FLOAT */
@keyframes premiumFloat{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-14px);
    }
    100%{
        transform:translateY(0px);
    }
}

/* MOBILE */
@media(max-width:991px){

    .about-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .about-text .section-title{
        font-size:48px;
    }

    .about-text p{
        max-width:100%;
    }
}

@media(max-width:768px){

    .about-text .section-title{
        font-size:36px;
        line-height:1.1;
    }

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

    .feat-item{
        border-radius:20px;
    }

    .about-img{
        border-radius:26px;
		right: 30px;
    }
	.about-visual::after{
		width:320px;
		height:320px;
		top:-40px;
		right:-50px;
	}

    .about-badge{
        left:-80px !important;
        bottom:10px;
        border-radius:20px;
        padding:18px 20px;
        min-width:160px;
    }

    .about-badge .big{
        font-size:40px;
    }
}
/* =========================================
   ULTRA PREMIUM SERVICES SECTION
========================================= */

.section-alt{
    background:
        radial-gradient(circle at top right,rgba(13,95,170,.08),transparent 30%),
        radial-gradient(circle at bottom left,rgba(11,140,114,.06),transparent 30%),
        #f5f8fc;
    position:relative;
    overflow:hidden;
}

/* INTRO */
.services-intro{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:end;
    margin-bottom:80px;
}

.services-intro .eyebrow{
    display:inline-block;
    padding:12px 22px;
    border-radius:100px;
    background:rgba(13,95,170,.08);
    border:1px solid rgba(13,95,170,.12);
    color:#0d5faa;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:24px;
    backdrop-filter:blur(10px);
}

.services-intro .section-title{
    font-size:72px;
    line-height:.95;
    font-weight:900;
    color:#101826;
    letter-spacing:-3px;
    margin-bottom:0;
}

.services-intro .section-lead{
    font-size:16px;
    line-height:2;
    color:#66788c;
    max-width:95%;
}

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

/* CARD */
.svc-card{
    position:relative;
    padding:38px;
    border-radius:36px;
    overflow:hidden;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.6);

    box-shadow:
        0 10px 30px rgba(0,0,0,.04),
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:all .55s cubic-bezier(.2,.8,.2,1);
}

/* GLOW EFFECT */
.svc-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.08),
            rgba(11,140,114,.04)
        );
    opacity:0;
    transition:.5s;
}

.svc-card::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(13,95,170,.15),transparent 70%);
    top:-120px;
    right:-120px;
    opacity:0;
    transition:.5s;
}

/* HOVER */
.svc-card:hover{
    transform:translateY(-18px);
    box-shadow:
        0 35px 70px rgba(0,0,0,.08),
        0 10px 20px rgba(0,0,0,.04);

    border-color:rgba(13,95,170,.14);
}

.svc-card:hover::before{
    opacity:1;
}

.svc-card:hover::after{
    opacity:1;
}

/* NUMBER */
.svc-num{
    position:relative;
    z-index:2;
    font-size:12px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:24px;
    color:#0570B7;
}

/* TITLE */
.svc-card h3{
    position:relative;
    z-index:2;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
    color:#111827;
    margin-bottom:20px;
    letter-spacing:-1px;
	font-family: 'Archivo', sans-serif !important;
}

/* TEXT */
.svc-card p{
    position:relative;
    z-index:2;
    font-size:14px;
    line-height:2;
    color:#64748b;
    margin-bottom:26px;
}

/* LIST */
.svc-points{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.svc-points li{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:13px;
    font-weight:600;
    color:#1e293b;
    line-height:1.7;
}

/* ICON DOT */
.svc-points li::before{
    content:'';
    width:12px;
    height:12px;
    border-radius:50%;
    background:#0570B7;
    flex-shrink:0;

    box-shadow:
        0 0 0 5px rgba(13,95,170,.08);
}

/* FLOATING ICON */
.svc-card .svc-icon{
    position:absolute;
    top:34px;
    right:34px;
    font-size:64px;
    color:rgba(13,95,170,.05);
    transition:.5s;
}

.svc-card:hover .svc-icon{
    transform:scale(1.15) rotate(-8deg);
    color:rgba(13,95,170,.08);
}

/* RESPONSIVE */
@media(max-width:1200px){

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

    .services-intro .section-title{
        font-size:58px;
    }
}

@media(max-width:991px){

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

    .services-intro .section-title{
        font-size:48px;
    }
}

@media(max-width:768px){

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

    .services-intro{
        margin-bottom:50px;
    }

    .services-intro .section-title{
        font-size:38px;
        line-height:1.05;
    }

    .svc-card{
        padding:30px 24px;
        border-radius:28px;
    }

    .svc-card h3{
        font-size:26px;
    }

    .svc-card .svc-icon{
        font-size:48px;
        top:25px;
        right:24px;
    }
}


/* =========================================
   ULTRA PREMIUM INDUSTRIES SECTION
========================================= */

.section-dark{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at top right,rgba(13,95,170,.18),transparent 30%),
        radial-gradient(circle at bottom left,rgba(11,140,114,.14),transparent 30%),
        linear-gradient(135deg,#07111f,#0a1628 60%,#07111f);
}

/* TOP */
.section-dark .eyebrow{
    display:inline-block;
    padding:12px 22px;
    border-radius:100px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#7ec8f8;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    backdrop-filter:blur(10px);
}

.section-dark .section-title{
    font-size:72px;
    line-height:.95;
    font-weight:900;
    color:#fff;
    letter-spacing:-3px;
    margin-top:20px !important;
}

.section-dark .section-lead{
    font-size:16px;
    line-height:2;
    color:rgba(255,255,255,.62);
    max-width:760px;
}

/* GRID */
.industries-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    position:relative;
    z-index:2;
}

/* CARD */
.ind-card{
    position:relative;
    overflow:hidden;
    padding:40px 28px;
    border-radius:34px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.02)
        );

    backdrop-filter:blur(18px);

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

    box-shadow:
        0 15px 40px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.06);

    transition:all .55s cubic-bezier(.2,.8,.2,1);

    text-align:left;
}

/* GLOW */
.ind-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.12),
            rgba(11,140,114,.05)
        );

    opacity:0;
    transition:.5s;
}

.ind-card::after{
    content:'';
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(13,95,170,.22),
            transparent 70%
        );

    top:-120px;
    right:-120px;
    opacity:0;
    transition:.5s;
}

/* HOVER */
.ind-card:hover{
    transform:
        translateY(-16px)
        scale(1.02);

    border-color:rgba(126,200,248,.22);

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

.ind-card:hover::before{
    opacity:1;
}

.ind-card:hover::after{
    opacity:1;
}

/* ICON */
.ind-icon{
    position:relative;
    z-index:2;

    width:82px;
    height:82px;
    border-radius:26px;

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

    font-size:38px;

    /* background:#0570B7; */
	background: #82b0cf;
    color:#fff;

    margin-bottom:28px;

    box-shadow:
        0 20px 40px rgba(13,95,170,.28);

    transition:.55s cubic-bezier(.2,.8,.2,1);
}

/* ICON HOVER */
.ind-card:hover .ind-icon{
    transform:
        rotate(-8deg)
        scale(1.1);
}

/* TITLE */
.ind-card h4{
    position:relative;
    z-index:2;

    font-size:28px;
    line-height:1.1;
    font-weight:900;
    color:#fff;

    margin-bottom:18px;

    letter-spacing:-1px;
}

/* TEXT */
.ind-card p{
    position:relative;
    z-index:2;

    font-size:14px;
    line-height:1.9;
    color:rgba(255,255,255,.62);
}

/* FLOAT ANIMATION */
/* .ind-card:nth-child(2),
.ind-card:nth-child(6){
    transform:translateY(20px);
} */
/* 
.ind-card:nth-child(4),
.ind-card:nth-child(8){
    transform:translateY(40px);
}

.ind-card:hover:nth-child(2),
.ind-card:hover:nth-child(6){
    transform:
        translateY(0px)
        scale(1.02);
}

.ind-card:hover:nth-child(4),
.ind-card:hover:nth-child(8){
    transform:
        translateY(0px)
        scale(1.02);
} */
.vessel_icon{
	height:40px;
	width: 40px;
}
.vessel_icon img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
/* RESPONSIVE */
@media(max-width:1200px){

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

    .section-dark .section-title{
        font-size:56px;
    }

    .ind-card:nth-child(2),
    .ind-card:nth-child(6),
    .ind-card:nth-child(4),
    .ind-card:nth-child(8){
        transform:none;
    }
}

@media(max-width:768px){

    .industries-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .section-dark .section-title{
        font-size:38px;
        line-height:1.05;
    }

    .ind-card{
        padding:32px 24px;
        border-radius:28px;
    }

    .ind-card h4{
        font-size:24px;
    }

    .ind-icon{
        width:68px;
        height:68px;
        border-radius:22px;
        font-size:30px;
    }
}

/* =========================================
   ULTRA PREMIUM WHY CHOOSE SECTION
========================================= */

.section{
    position:relative;
    overflow:hidden;
}

/* TOP AREA */
.section .eyebrow{
    display:inline-block;
    padding:12px 22px;
    border-radius:100px;
    background:rgba(13,95,170,.08);
    border:1px solid rgba(13,95,170,.12);
    color:#0d5faa;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    backdrop-filter:blur(10px);
}

.section .section-title{
    font-size:72px;
    line-height:.95;
    font-weight:900;
    color:#101826;
    letter-spacing:-3px;
}

.section .section-lead{
    font-size:16px;
    line-height:2;
    color:#64748b;
    max-width:760px;
}

/* GRID */
.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:70px;
}

/* CARD */
.why-card{
    position:relative;
    overflow:hidden;

    padding:42px 32px;

    border-radius:36px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.95),
            rgba(255,255,255,.82)
        );

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

    backdrop-filter:blur(20px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.05),
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:all .55s cubic-bezier(.2,.8,.2,1);

    text-align:left;
}

/* GLOW */
.why-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.08),
            rgba(11,140,114,.04)
        );

    opacity:0;
    transition:.5s;
}

.why-card::after{
    content:'';
    position:absolute;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(13,95,170,.14),
            transparent 70%
        );

    top:-120px;
    right:-120px;

    opacity:0;
    transition:.5s;
}

/* HOVER */
.why-card:hover{
    transform:
        translateY(-18px)
        scale(1.02);

    box-shadow:
        0 35px 70px rgba(0,0,0,.08),
        0 15px 25px rgba(0,0,0,.04);

    border-color:rgba(13,95,170,.12);
}

.why-card:hover::before{
    opacity:1;
}

.why-card:hover::after{
    opacity:1;
}

/* ICON BOX */
.why-icon-wrap{
    position:relative;
    z-index:2;

    width:84px;
    height:84px;

    border-radius:28px;

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

    font-size:34px;

    background:#0570B7;

    color:#fff;

    margin-bottom:28px;

    box-shadow:
        0 25px 45px rgba(13,95,170,.22);

    transition:.55s cubic-bezier(.2,.8,.2,1);
}

/* ICON HOVER */
.why-card:hover .why-icon-wrap{
    transform:
        rotate(-8deg)
        scale(1.08);
}

/* TITLE */
.why-card h4{
    position:relative;
    z-index:2;

    font-size:28px;
    line-height:1.15;
    font-weight:900;

    color:#111827;

    margin-bottom:16px;

    letter-spacing:-1px;
}

/* TEXT */
.why-card p{
    position:relative;
    z-index:2;

    font-size:14px;
    line-height:1.9;

    color:#64748b;
}

/* FLOATING LAYOUT */
.why-card:nth-child(2),
.why-card:nth-child(6){
    transform:translateY(20px);
}

.why-card:nth-child(4),
.why-card:nth-child(8){
    transform:translateY(40px);
}

.why-card:hover:nth-child(2),
.why-card:hover:nth-child(6),
.why-card:hover:nth-child(4),
.why-card:hover:nth-child(8){
    transform:
        translateY(-18px)
        scale(1.02);
}

/* RESPONSIVE */
@media(max-width:1200px){

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

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

    .why-card:nth-child(2),
    .why-card:nth-child(6),
    .why-card:nth-child(4),
    .why-card:nth-child(8){
        transform:none;
    }
}

@media(max-width:768px){

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

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

    .why-card{
        padding:34px 26px;
        border-radius:28px;
    }

    .why-card h4{
        font-size:24px;
    }

    .why-icon-wrap{
        width:68px;
        height:68px;
        border-radius:22px;
        font-size:28px;
    }
}
/* =========================================
   ULTRA PREMIUM PRODUCTS SECTION
========================================= */

.products-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    margin-top:70px;
}

/* CARD */
.prod-card{
    position:relative;
    overflow:hidden;

    padding:34px 30px;

    border-radius:34px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.96),
            rgba(255,255,255,.88)
        );

    border:1px solid rgba(15,23,36,.06);

    backdrop-filter:blur(18px);

    box-shadow:
        0 15px 40px rgba(15,23,36,.05);

    transition:all .55s cubic-bezier(.2,.8,.2,1);

    cursor:pointer;
}

/* TOP GLOW */
.prod-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.06),
            rgba(11,140,114,.03)
        );

    opacity:0;
    transition:.5s;
}

/* BACK GLOW */
.prod-card::after{
    content:'';
    position:absolute;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(13,95,170,.12),
            transparent 70%
        );

    top:-130px;
    right:-130px;

    opacity:0;
    transition:.5s;
}

/* HOVER */
.prod-card:hover{
    transform:
        translateY(-16px)
        scale(1.02);

    border-color:rgba(13,95,170,.08);

    box-shadow:
        0 35px 70px rgba(15,23,36,.08);
}

.prod-card:hover::before{
    opacity:1;
}

.prod-card:hover::after{
    opacity:1;
}

/* ICON */
.prod-icon{
    position:relative;
    z-index:2;

    width:82px;
    height:82px;

    border-radius:26px;

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

    background:#5c5ff2;

    color:#fff;

    font-size:34px;

    margin-bottom:28px;

    box-shadow:
        0 22px 45px rgba(13,95,170,.22);

    transition:.5s cubic-bezier(.2,.8,.2,1);
}

/* ICON HOVER */
.prod-card:hover .prod-icon{
    transform:
        rotate(-8deg)
        scale(1.08);
}

/* TITLE */
.prod-card h4{
    position:relative;
    z-index:2;

    font-size:30px;
    line-height:1.1;
    font-weight:900;

    color:#101826;

    margin-bottom:24px;

    letter-spacing:-1px;
}

/* LIST */
.prod-items{
    position:relative;
    z-index:2;

    list-style:none;

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

/* ITEM */
.prod-items li{
    position:relative;

    padding-left:26px;

    font-size:14px;
    line-height:1.8;

    color:#64748b;

    font-weight:500;
}

/* CUSTOM BULLET */
.prod-items li::before{
    content:'';

    position:absolute;
    left:0;
    top:10px;

    width:10px;
    height:10px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #0d5faa,
            #0b8c72
        );

    box-shadow:
        0 0 0 5px rgba(13,95,170,.08);
}

/* FLOAT LAYOUT */
.prod-card:nth-child(2),
.prod-card:nth-child(6){
    transform:translateY(20px);
}

.prod-card:nth-child(4),
.prod-card:nth-child(8){
    transform:translateY(40px);
}

.prod-card:hover:nth-child(2),
.prod-card:hover:nth-child(6),
.prod-card:hover:nth-child(4),
.prod-card:hover:nth-child(8){
    transform:
        translateY(-16px)
        scale(1.02);
}

/* RESPONSIVE */
@media(max-width:1200px){

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

    .prod-card:nth-child(2),
    .prod-card:nth-child(6),
    .prod-card:nth-child(4),
    .prod-card:nth-child(8){
        transform:none;
    }
}

@media(max-width:768px){

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

    .prod-card{
        padding:30px 24px;
        border-radius:28px;
    }

    .prod-icon{
        width:68px;
        height:68px;
        border-radius:22px;
        font-size:28px;
    }

    .prod-card h4{
        font-size:24px;
    }

    .prod-items li{
        font-size:13px;
    }
}

/* =========================================
   ULTRA PREMIUM PORT INFO SECTION
========================================= */

.port-info-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:start;
    position:relative;
}

/* LEFT TEXT */
.port-info-text{
    margin-top:28px;
}

.port-info-text p{
    font-size:15px;
    line-height:2;

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

    margin-bottom:24px;

    max-width:95%;
}

/* FACT GRID */
.port-facts{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;

    margin-top:40px;
}

/* FACT CARD */
.port-fact{
    position:relative;
    overflow:hidden;

    padding:26px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.03)
        );

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

    backdrop-filter:blur(18px);

    transition:.5s cubic-bezier(.2,.8,.2,1);

    box-shadow:
        0 15px 40px rgba(0,0,0,.16);
}

/* GLOW */
.port-fact::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.12),
            rgba(11,140,114,.05)
        );

    opacity:0;
    transition:.5s;
}

/* HOVER */
.port-fact:hover{
    transform:
        translateY(-10px)
        scale(1.02);

    border-color:rgba(126,200,248,.18);
}

.port-fact:hover::before{
    opacity:1;
}

/* NUMBER */
.port-fact-num{
    position:relative;
    z-index:2;

    font-size:42px;
    line-height:1;

    font-weight:900;

    background:
        linear-gradient(
            135deg,
            #7ec8f8,
            #0b8c72
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    margin-bottom:12px;
}

/* LABEL */
.port-fact-label{
    position:relative;
    z-index:2;

    font-size:12px;
    line-height:1.8;

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

    text-transform:uppercase;
    letter-spacing:.14em;

    font-weight:700;
}

/* RIGHT SIDE */
.port-map-wrap{
    position:relative;
    overflow:hidden;

    padding:40px;

    border-radius:38px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.03)
        );

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

    backdrop-filter:blur(20px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.2);
}

/* TOP GLOW */
.port-map-wrap::before{
    content:'';
    position:absolute;

    width:320px;
    height:320px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(13,95,170,.22),
            transparent 70%
        );

    top:-160px;
    right:-160px;
}

/* ROUTE ITEM */
.route-item{
    position:relative;

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

    padding:20px 0;

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

    transition:.4s;
}

.route-item:last-child{
    border-bottom:none;
}

/* HOVER */
.route-item:hover{
    transform:translateX(10px);
}

/* FLAG */
.route-flag{
    width:60px;
    height:60px;

    min-width:60px;

    border-radius:20px;

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

    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.18),
            rgba(11,140,114,.18)
        );

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

    font-size:26px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.15);
}

/* CONTENT */
.route-info{
    flex:1;
}

.route-info h5{
    font-size:22px;
    line-height:1.1;

    font-weight:800;

    color:#fff;

    margin-bottom:6px;

    letter-spacing:-.5px;
}

.route-info p{
    font-size:13px;
    line-height:1.8;

    color:rgba(255,255,255,.58);
}

/* TAG */
.route-tag{
    padding:10px 16px;

    border-radius:100px;

    background:
        linear-gradient(
            135deg,
            rgba(13,95,170,.2),
            rgba(11,140,114,.18)
        );

    border:1px solid rgba(126,200,248,.12);

    color:#7ec8f8;

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

    text-transform:uppercase;
    letter-spacing:.12em;

    white-space:nowrap;
}

/* RESPONSIVE */
@media(max-width:1200px){

    .port-info-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .port-map-wrap{
        padding:28px 22px;
        border-radius:30px;
    }

    .port-facts{
        grid-template-columns:1fr;
    }

    .route-item{
        gap:14px;
        align-items:flex-start;
    }

    .route-flag{
        width:52px;
        height:52px;
        min-width:52px;

        border-radius:18px;

        font-size:22px;
    }

    .route-info h5{
        font-size:18px;
    }

    .route-tag{
        display:none;
    }

    .port-fact{
        border-radius:22px;
    }

    .port-fact-num{
        font-size:34px;
    }
}

/* =========================================
   ULTRA PREMIUM EMERGENCY SECTION
========================================= */

.emergency-band{
    position:relative;
    overflow:hidden;

    padding:90px 5%;

    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;

    background:#0570B7;

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

/* RED GLOW */
.emergency-band::before{
    content:'';
    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,0,0,.25),
            transparent 70%
        );

    top:-220px;
    right:-180px;

    animation:pulseGlow 5s infinite ease-in-out;
}

/* ANIMATION */
@keyframes pulseGlow{
    0%{
        transform:scale(1);
        opacity:.7;
    }

    50%{
        transform:scale(1.08);
        opacity:1;
    }

    100%{
        transform:scale(1);
        opacity:.7;
    }
}

/* CONTENT */
.emergency-band > div{
    position:relative;
    z-index:2;
}

/* TITLE */
.emergency-band h2{
    font-size:68px;
    line-height:.95;

    font-weight:900;

    color:#fff;

    margin-bottom:24px;

    letter-spacing:-3px;

    max-width:760px;
}

/* TEXT */
.emergency-band p{
    font-size:16px;
    line-height:2;

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

    max-width:700px;
}

/* KEYWORDS */
.emergency-kws{
    display:flex;
    flex-wrap:wrap;
    gap:14px;

    margin-top:34px;
}

/* TAG */
.em-kw{
    padding:12px 18px;

    border-radius:100px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.05)
        );

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

    backdrop-filter:blur(10px);

    color:#fff;

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

    text-transform:uppercase;
    letter-spacing:.12em;

    transition:.4s;
}

/* TAG HOVER */
.em-kw:hover{
    transform:translateY(-4px);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.08)
        );
}

/* CTA AREA */
.emergency-ctas{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    gap:18px;

    min-width:320px;
}

/* BUTTON COMMON */
.btn-em-wa,
.btn-em-call{
    position:relative;
    overflow:hidden;

    padding:22px 28px;

    border-radius:24px;

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

    letter-spacing:.14em;
    text-transform:uppercase;

    text-decoration:none;
    text-align:center;

    transition:all .45s cubic-bezier(.2,.8,.2,1);

    backdrop-filter:blur(14px);
}

/* WHATSAPP */
.btn-em-wa{
    background:
        linear-gradient(
            135deg,
            #25D366,
            #18b955
        );

    color:#fff;

    box-shadow:
        0 20px 40px rgba(37,211,102,.28);
}

/* CALL BTN */
.btn-em-call{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.06)
        );

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

    color:#fff;
}

/* SHINE EFFECT */
.btn-em-wa::before,
.btn-em-call::before{
    content:'';

    position:absolute;
    top:0;
    left:-120px;

    width:80px;
    height:100%;

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

    transform:skewX(-20deg);

    transition:.7s;
}

/* HOVER */
.btn-em-wa:hover,
.btn-em-call:hover{
    transform:
        translateY(-8px)
        scale(1.02);
}

.btn-em-wa:hover::before,
.btn-em-call:hover::before{
    left:130%;
}

/* RESPONSIVE */
@media(max-width:1200px){

    .emergency-band{
        grid-template-columns:1fr;
    }

    .emergency-ctas{
        width:100%;
    }
}

@media(max-width:768px){

    .emergency-band{
        padding:70px 20px;
        gap:40px;
    }

    .emergency-band h2{
        font-size:42px;
        line-height:1.05;
    }

    .emergency-band p{
        font-size:14px;
    }

    .emergency-ctas{
        min-width:100%;
    }

    .btn-em-wa,
    .btn-em-call{
        width:100%;

        padding:18px 20px;

        border-radius:20px;

        font-size:13px;
    }
}

/* =========================================
   CLEAN PREMIUM FAQ
========================================= */
/* FAQ TOP CENTER */
.faq-top{
    max-width:900px;
    margin:0 auto 50px;
    text-align:center;
}

.faq-top .title-line{
    margin:10px auto 0;
}
.faq-grid{
    display:flex;
    flex-direction:column;
    gap:18px;

    max-width:950px;

    margin:0 auto; /* ADD THIS */
    width:100%;    /* ADD THIS */
}
/* CARD */
.faq-item{
    position:relative;

    background:#fff;

    border:1px solid #e7edf5;

    border-radius:26px;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:
        0 10px 30px rgba(15,23,36,.04);
}

/* HOVER */
.faq-item:hover{
    border-color:#d5e2f2;

    transform:translateY(-3px);

    box-shadow:
        0 18px 40px rgba(15,23,36,.06);
}

/* ACTIVE */
.faq-item.active{
    border-color:rgba(13,95,170,.14);

    box-shadow:
        0 25px 50px rgba(15,23,36,.08);
}

/* QUESTION */
.faq-q{
    position:relative;

    padding:28px 34px;

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

    cursor:pointer;

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

    font-weight:800;

    color:#101826;

    letter-spacing:-.5px;

    transition:.3s;
}

/* PLUS ICON */
.faq-q::after{
    content:'+';

    min-width:46px;
    width:46px;
    height:46px;

    border-radius:16px;

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

    background:#f3f7fc;

    border:1px solid #d9e4f2;

    color:#0d5faa;

    font-size:24px;
    font-weight:500;

    transition:.35s ease;
}

/* OPEN */
.faq-q.open::after{
    content:'−';

    background:#0570B7;

    border-color:transparent;

    color:#fff;

    transform:rotate(180deg);
}

/* ANSWER */
.faq-a{
    max-height:0;

    overflow:hidden;

    transition:
        max-height .45s ease,
        padding .35s ease;
}

/* OPEN ANSWER */
.faq-a.open{
    max-height:400px;

    padding:0 34px 30px;
}

/* TEXT */
.faq-a p{
    font-size:15px;
    line-height:2;

    color:#64748b;

    max-width:92%;
}

/* RESPONSIVE */
@media(max-width:768px){

    .faq-grid{
        gap:16px;
    }

    .faq-item{
        border-radius:22px;
    }

    .faq-q{
        padding:22px 22px;

        font-size:17px;

        gap:14px;
    }

    .faq-q::after{
        width:40px;
        height:40px;

        min-width:40px;

        border-radius:14px;

        font-size:22px;
    }

    .faq-a.open{
        padding:0 22px 24px;
    }

    .faq-a p{
        font-size:14px;

        max-width:100%;
    }
}
/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px){

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

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

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

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

  .about-grid,
  .port-info-grid,
  .services-intro,
  .emergency-band{
    grid-template-columns:1fr;
  }

  .emergency-ctas{
    width:100%;
  }
}

@media (max-width: 768px){

  .section{
    padding:55px 20px;
  }

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

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

  .services-grid,
  .products-grid,
  .industries-grid,
  .why-grid,
  .faq-grid,
  .about-features{
    grid-template-columns:1fr;
  }

  .about-grid,
  .port-info-grid,
  .services-intro,
  .emergency-band{
    gap:30px;
  }

  .emergency-band h2{
    font-size:28px;
  }

  .section-lead,
  .port-info-text p,
  .about-text p,
  .emergency-band p{
    font-size:14px;
    line-height:1.7;
  }

  .about-badge{
    left:10px;
    bottom:10px;
    padding:14px 16px;
  }

  .about-badge .big{
    font-size:28px;
  }

  .port-facts{
    grid-template-columns:1fr 1fr;
  }

  .emergency-ctas{
    min-width:100%;
  }

  .btn-em-wa,
  .btn-em-call{
    width:100%;
  }
}

@media (max-width: 480px){

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

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

  .stat-num{
    font-size:26px;
  }

  .svc-card,
  .prod-card,
  .why-card,
  .ind-card{
    padding:18px;
  }

  .port-facts{
    grid-template-columns:1fr;
  }

  .faq-q{
    font-size:13px;
    padding:14px 16px;
  }

  .faq-a p{
    font-size:12px;
  }

  .emergency-band{
    padding:40px 20px;
  }

  .emergency-band h2{
    font-size:22px;
  }
}

.gap-3 {
    gap: 1rem!important;
}
.gap-4 {
    gap: 1.5rem!important;
}
.mt-4 {
    margin-top: 1.5rem!important;
}