/* =========================================================
   MODERN TRAVEL AGENCY UI
========================================================= */
:root{
    --primary:#e86d3f;
    --primary-dark:#c9572e;
    --navy:#102a43;
    --navy-2:#071b2d;
    --cream:#f7f3ec;
    --soft:#f5f7f8;
    --white:#fff;
    --text:#647484;
    --border:#e7eaed;
    --gold:#d9ad58;
    --shadow:0 20px 60px rgba(7,27,45,.5);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--navy);background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none}
button,input,select,textarea{font:inherit}
.container{max-width:1240px}
.section-padding{padding:80px 0}
.section-kicker{font-size:15px;font-weight:800;letter-spacing:2.7px;color:var(--primary);margin-bottom:17px}
.section-kicker.light{color:#ffb48d}
.section-title{font-family:"Manrope",sans-serif;font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-2.4px;font-weight:800;margin:0}
.section-title span{color:var(--primary)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}
.section-head>p{max-width:390px;color:var(--text);line-height:1.8;margin:0}
.text-arrow{font-size:15px;font-weight:800;color:var(--navy);white-space:nowrap}
.text-arrow i{color:var(--primary);margin-left:8px}
.text-arrow:hover{color:var(--primary)}

/* TOP */
.top-strip{background:var(--navy-2);color:rgba(255,255,255,.7);font-size:15px}
.top-strip-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between}
.top-strip-left,.top-strip-right{display:flex;align-items:center;gap:24px}
.top-strip a{color:rgba(255,255,255,.72)}
.top-strip a:hover{color:#fff}
.top-strip i{color:var(--primary);margin-right:5px}

/* HEADER */
.main-header{position:relative;top:0px;left:0;width:100%;z-index:100;transition:.35s;background: #fff}
.main-header.scrolled{position:fixed;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);box-shadow:0 10px 40px rgba(7,27,45,.08)}
.navbar{padding:18px 0}
.navbar-brand img{width:350px;height:auto;object-fit:contain}
.nav-link{color:var(--navy)!important;font-size:18px;font-weight:600;margin:0px 15px;position:relative;padding:10px 0!important}
.nav-link:hover{color:var(--primary)!important;font-size:18px;font-weight:600;margin:0px 15px;position:relative;padding:10px 0!important}
.scrolled .nav-link{color:var(--navy)!important}
.nav-link:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--primary);transition:.25s}
.nav-link:hover:after,.nav-link.active:after{width:100%}
.nav-cta,.btn-primary-custom,.btn-dark-custom,.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800}
.nav-cta{background:var(--primary);color:#fff;padding:13px 20px;border-radius:6px;font-size:15px}
.nav-cta:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px)}
.navbar-toggler{color:#fff;border:0;font-size:28px}
.scrolled .navbar-toggler{color:var(--navy)}

/* HERO */
.hero-section{height:610px;position:relative}
.heroSwiper,.hero-slide{height:100%}
.hero-slide{position:relative;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 7s ease}
.swiper-slide-active .hero-image{transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,21,35,.91) 0%,rgba(8,29,46,.73) 40%,rgba(8,29,46,.16) 78%,rgba(8,29,46,.04) 100%)}
.hero-container{height:100%;display:flex;align-items:center;position:relative}
.hero-content{color:#fff;max-width:750px;padding-top:55px}
.eyebrow-light{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:2.5px;margin-bottom:23px}
.eyebrow-light span{display:block;width:34px;height:2px;background:var(--primary)}
.hero-content h1{font-family:"Manrope",sans-serif;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-4px;margin-bottom:25px;font-weight:700}
.hero-content h1 strong{color:#ffb48d;font-weight:800}
.hero-content p{max-width:620px;color:rgba(255,255,255,.86);font-size:17px;line-height:1.8;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary-custom{background:var(--primary);color:#fff;padding:15px 23px;border-radius:6px;font-size:15px}
.btn-primary-custom:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px)}
.btn-glass{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border:1px solid rgba(255,255,255,.42);color:#fff;border-radius:6px;font-size:15px;font-weight:800}
.btn-glass:hover{background:#fff;color:var(--navy)}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px;color:rgba(255,255,255,.68);font-size:15px}
.hero-trust i{color:#8de0a9;margin-right:5px}
.hero-controls{position:absolute;z-index:15;right:50px;bottom:190px;display:flex;align-items:center;gap:10px}
.hero-prev,.hero-next{width:46px;height:46px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:50%;transition:.25s}
.hero-prev:hover,.hero-next:hover{background:var(--primary);border-color:var(--primary)}
.hero-pagination{width:auto!important}
.hero-pagination .swiper-pagination-bullet{width:28px;height:3px;border-radius:0;background:rgba(255,255,255,.45);opacity:1}
.hero-pagination .swiper-pagination-bullet-active{background:var(--primary)}

/* QUICK ENQUIRY */
.quick-enquiry{position:absolute;z-index:30;left:0;bottom:-76px;width:100%}
.enquiry-card{background:#fff;border-radius:12px;box-shadow:0 25px 70px rgba(7,27,45,.18);overflow:hidden}
.enquiry-heading{padding:18px 24px 12px;display:flex;align-items:center;gap:15px}
.enquiry-heading span{font-size:15px;letter-spacing:2px;font-weight:800;color:var(--primary)}
.enquiry-heading strong{font-family:"Manrope",sans-serif;font-size:16px}
.enquiry-tabs{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:auto}
.enquiry-tab{border:0;background:#fff;color:var(--text);padding:13px 22px;font-size:15px;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap}
.enquiry-tab i{color:var(--primary)}
.enquiry-tab.active{color:var(--navy);box-shadow:inset 0 -3px var(--primary)}
.enquiry-form{display:flex;align-items:stretch}
.form-field{flex:1;padding:15px 19px;border-right:1px solid var(--border);min-width:0}
.form-field label{display:block;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#8b96a1;font-weight:800;margin-bottom:6px}
.form-field>div{display:flex;align-items:center;gap:8px}
.form-field i{color:var(--primary)}
.form-field strong{font-size:15px}
.form-field input{border:0;outline:0;width:100%;font-size:15px;color:var(--navy);background:transparent}
.form-field input::placeholder{color:var(--navy);opacity:1}
.enquiry-submit{border:0;background:var(--primary);color:#fff;padding:0 28px;font-size:15px;font-weight:800;min-width:155px}
.enquiry-submit:hover{background:var(--primary-dark)}

/* INTRO */
.intro-section{padding:80px 0 80px;background:var(--cream);}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:end}
.intro-copy{font-size:19px;line-height:1.85;color:var(--text);max-width:680px;margin:0}
.mini-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.mini-points span{background:#fff;padding:9px 13px;border-radius:30px;font-size:15px;font-weight:800}
.mini-points i{color:var(--primary);margin-right:4px}

/* SERVICES */
.services-section{background:var(--cream);}
.service-card{height:100%;min-height:290px;padding:28px;border:1px solid var(--border);position:relative;overflow:hidden;background:#fff;transition:.35s;border-radius: 10px;}
.service-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-70px;top:-70px;background:rgba(232,109,63,.06)}
.service-card:hover{transform:translateY(-8px);border-color:rgba(232,109,63,.4);box-shadow:var(--shadow)}
.service-no{position:absolute;right:24px;top:22px;font-size:15px;letter-spacing:2px;font-weight:800;color:#b4bec7}
.service-icon{width:100px;height:100px;border-radius:50%;background:rgba(232,109,63,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:54px;margin:28px 0 22px}
.service-card h3{font-family:"Manrope",sans-serif;font-size:19px;margin-bottom:12px}
.service-card p{color:var(--text);font-size:15px;line-height:1.7;margin-bottom:19px}
.service-card.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.service-card.dark p,.service-card.dark .service-no{color:rgba(255,255,255,.58)}
.service-card.dark h3,.service-card.dark>a{color:#fff}
.service-card.horizontal{min-height:auto;display:flex;gap:20px;align-items:center;padding:25px;background: var(--primary)}
.service-card.horizontal .service-icon{margin:0;flex:0 0 54px; color: #fff;font-size: 54px;}
.service-card.horizontal h3{margin-bottom:7px; color: #fff;font-weight: bold;}
.service-card.horizontal p{margin:0; color: #fff;}

/* DESTINATIONS */
.destinations-section{background:#fff}
.destination-mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:280px 280px;gap:16px}
.destination-card{position:relative;overflow:hidden;display:block}
.destination-large{grid-row:span 2}
.destination-card img{width:100%;height:100%;object-fit:cover;transition:.7s}
.destination-card:hover img{transform:scale(1.08)}
.destination-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,21,35,.88),rgba(5,21,35,.02) 68%)}
.destination-info{position:absolute;left:24px;right:24px;bottom:22px;color:#fff}
.destination-info small{font-size:15px;letter-spacing:1.8px;font-weight:800;opacity:.78}
.destination-info h3{font-family:"Manrope",sans-serif;font-size:27px;margin:5px 0}
.destination-info span{font-size:15px;font-weight:800;opacity:0;transform:translateY(6px);display:inline-block;transition:.3s}
.destination-card:hover .destination-info span{opacity:1;transform:none}
.destination-info i{color:#ffb48d}

/* ABOUT */
.about-section{background:#fff}
.about-visual{position:relative;padding:0 42px 42px 0}
.about-visual>img{width:100%;height:600px;object-fit:cover}
.about-badge{position:absolute;right:0;bottom:0;background:var(--primary);color:#fff;padding:23px 28px;display:flex;align-items:center;gap:13px}
.about-badge strong{font-family:"Manrope";font-size:42px;line-height:1}
.about-badge span{font-size:15px;line-height:1.4}
.about-float{position:absolute;left:-18px;top:30px;background:#fff;box-shadow:var(--shadow);padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:15px}
.about-float i{font-size:22px;color:var(--primary)}
.about-float strong{font-size:15px}
.about-copy{color:var(--text);line-height:1.85;font-size:15px}
.about-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 30px}
.about-checks span{font-size:15px;font-weight:800}
.about-checks i{color:var(--primary);margin-right:5px}
.btn-dark-custom{background:var(--navy);color:#fff;padding:15px 22px;border-radius:6px;font-size:15px}
.btn-dark-custom:hover{background:var(--navy-2);color:#fff;transform:translateY(-2px)}

/* PACKAGES */
/* =====================================================
   BUSINESS TRAVEL SOLUTIONS
===================================================== */

.business-travel-section{
    background:var(--navy-2);
    position:relative;
    overflow:hidden;
}

.business-travel-head{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:70px;
    align-items:end;
    margin-bottom:65px;
}

.business-travel-heading .section-title{
    margin-bottom:0;
	color: #fff;
}

.business-travel-heading .section-title span{
    color:var(--primary);
}

.business-travel-intro{
    max-width:520px;
}

.business-travel-intro p{
    color:var(--white);
    font-size:16px;
    line-height:1.8;
    margin:0 0 25px;
}

.business-travel-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--white);
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    border-bottom:1px solid var(--white);
    padding-bottom:7px;
    transition:.3s;
}

.business-travel-link i{
    font-size:17px;
    transition:.3s;
}

.business-travel-link:hover{
    color:var(--primary);
    border-color:var(--primary);
}

.business-travel-link:hover i{
    transform:translate(4px,-4px);
}


/* =====================================================
   MAIN FEATURE
===================================================== */

.business-travel-feature{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:560px;
    background:var(--navy);
    overflow:hidden;
    margin-bottom:90px;
}

.business-travel-image{
    position:relative;
    min-height:560px;
    overflow:hidden;
}

.business-travel-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s;
}

.business-travel-feature:hover
.business-travel-image img{
    transform:scale(1.04);
}

.business-image-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(0,0,0,.45)
    );
}

.business-image-badge{
    position:absolute;
    left:28px;
    bottom:28px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 20px;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(8px);
}

.business-image-badge i{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primary);
    color:#fff;
    font-size:19px;
}

.business-image-badge strong,
.business-image-badge span{
    display:block;
}

.business-image-badge strong{
    color:var(--navy);
    font-size:15px;
    margin-bottom:3px;
}

.business-image-badge span{
    color:#68717d;
    font-size:15px;
}


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

.business-travel-content{
    padding:70px 65px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.business-small-label{
    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:17px;
}

.business-travel-content h3{
    color:#fff;
    font-family:"Manrope",sans-serif;
    font-size:40px;
    line-height:1.15;
    margin:0 0 20px;
    max-width:500px;
}

.business-travel-content h3 span{
    color:#fff;
    opacity:.58;
}

.business-travel-content>p{
    color:rgba(255,255,255,.68);
    font-size:15px;
    line-height:1.8;
    max-width:540px;
    margin-bottom:35px;
}


/* =====================================================
   BENEFITS
===================================================== */

.business-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px 30px;
}

.business-benefit{
    display:flex;
    gap:14px;
}

.business-benefit-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.18);
    color:var(--primary);
    font-size:18px;
}

.business-benefit h4{
    color:#fff;
    font-size:15px;
    margin:0 0 6px;
}

.business-benefit p{
    color:rgba(255,255,255,.55);
    font-size:15px;
    line-height:1.65;
    margin:0;
}


/* =====================================================
   AUDIENCE SECTION
===================================================== */

.business-audience{
    margin-bottom:80px;
}

.business-audience-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:50px;
    margin-bottom:35px;
}

.business-audience-head h3{
    font-family:"Manrope",sans-serif;
    font-size:32px;
    margin:8px 0 0;
	color: var(--white);
}

.business-audience-head h3 span{
    color:var(--primary);
}

.business-audience-head>p{
    max-width:470px;
    color:var(--white);
    font-size:15px;
    line-height:1.7;
    margin:0;
}


/* =====================================================
   AUDIENCE CARDS
===================================================== */

.business-audience-card{
    height:100%;
    min-height:310px;
    padding:30px;
    border:1px solid var(--border);
    background:#fff;
    position:relative;
    overflow:hidden;
    transition:.35s;
}

.business-audience-card::after{
    content:"";
    position:absolute;
    width:110px;
    height:110px;
    right:-45px;
    bottom:-45px;
    border-radius:50%;
    background:rgba(0,0,0,.025);
    transition:.4s;
}

.business-audience-card:hover{
    transform:translateY(-8px);
    border-color:transparent;
    box-shadow:2px 2px 20px 2px rgba(255,255,255,.9);
}

.business-audience-card:hover::after{
    transform:scale(2.5);
}

.business-audience-card.featured{
    background:var(--cream);
    border-color:transparent;
}

.business-card-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:35px;
}

.business-card-number{
    color:#a5acb5;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.business-card-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--navy);
    color:#fff;
    font-size:21px;
}

.business-audience-card h4{
    font-family:"Manrope",sans-serif;
    font-size:22px;
    color:var(--navy);
    margin-bottom:13px;
}

.business-audience-card p{
    color:var(--text);
    font-size:15px;
    line-height:1.75;
    margin-bottom:25px;
}

.business-audience-card>a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
    position:relative;
    z-index:2;
}

.business-audience-card>a i{
    transition:.3s;
}


.business-audience-card>a:hover i{
    transform:translate(4px,-4px);
}


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

.business-travel-cta{
    display:flex;
    align-items:center;
    gap:22px;
    padding:28px 32px;
    background:var(--cream);
    border-left:4px solid var(--primary);
}

.business-cta-icon{
    width:55px;
    height:55px;
    flex:0 0 55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--navy);
    color:#fff;
    font-size:21px;
}

.business-cta-content{
    flex:1;
}

.business-cta-content span{
    display:block;
    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
    margin-bottom:5px;
}

.business-cta-content h3{
    color:var(--navy);
    font-family:"Manrope",sans-serif;
    font-size:22px;
    margin:0;
}

.business-cta-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:15px 22px;
    background:var(--navy);
    color:#fff;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
    transition:.3s;
}

.business-cta-button:hover{
    background:var(--primary);
    color:#fff;
}

.business-cta-button i{
    transition:.3s;
}

.business-cta-button:hover i{
    transform:translate(4px,-4px);
}


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

@media(max-width:1100px){

    .business-travel-head{
        grid-template-columns:1fr;
        gap:25px;
    }

    .business-travel-feature{
        grid-template-columns:1fr;
    }

    .business-travel-image{
        min-height:450px;
    }

    .business-travel-content{
        padding:55px 45px;
    }

}


@media(max-width:767px){

    .business-travel-head{
        margin-bottom:45px;
    }

    .business-travel-content h3{
        font-size:32px;
    }

    .business-benefits{
        grid-template-columns:1fr;
    }

    .business-audience-head{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .business-audience-head h3{
        font-size:27px;
    }

    .business-travel-image{
        min-height:350px;
    }

    .business-travel-content{
        padding:40px 25px;
    }

    .business-travel-cta{
        flex-wrap:wrap;
    }

    .business-cta-content{
        flex:1 1 calc(100% - 80px);
    }

    .business-cta-button{
        width:100%;
        justify-content:center;
    }

}


@media(max-width:480px){

    .business-travel-content h3{
        font-size:28px;
    }

    .business-image-badge{
        left:15px;
        right:15px;
        bottom:15px;
    }

    .business-audience-card{
        min-height:280px;
        padding:25px;
    }

}

/* CORPORATE */
.corporate-section{background:var(--navy-2);color:#fff}
.corporate-box{min-height:560px;display:grid;grid-template-columns:1fr .95fr;overflow:hidden;background:#0c273d}
.corporate-content{padding:75px 70px;display:flex;flex-direction:column;justify-content:center}
.corporate-content h2{font-family:"Manrope";font-size:clamp(38px,4vw,57px);line-height:1.08;letter-spacing:-2px;margin-bottom:20px}
.corporate-content h2 span{color:#ffb48d}
.corporate-content>p{max-width:560px;color:rgba(255,255,255,.66);line-height:1.8;font-size:15px}
.corporate-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}
.corporate-pills span{border:1px solid rgba(255,255,255,.16);padding:8px 11px;font-size:15px;color:rgba(255,255,255,.76)}
.corporate-image{min-height:560px}
.corporate-image img{width:100%;height:100%;object-fit:cover}

/* WHY */
.why-section-premium {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    padding: 80px 0;
}


.why-premium-wrapper {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 90px;
}


.why-visual {
    position: relative;
    padding: 0 30px 35px 0;
}

.why-image-wrap {
    position: relative;
    height: 650px;
    overflow: hidden;
    background: #e9ecef;
}

.why-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.why-image-wrap:hover img {
    transform: scale(1.05);
}

.why-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(7, 27, 45, 0.02) 40%,
            rgba(7, 27, 45, 0.72) 100%
        );
}


/* =========================================================
   TRUST BADGE
========================================================= */

.why-trust-badge {
    position: absolute;

    top: 35px;
    left: -25px;

    background: #ffffff;

    padding: 17px 22px;

    display: flex;
    align-items: center;

    gap: 12px;

    box-shadow:
        0 20px 50px rgba(7, 27, 45, 0.16);

    min-width: 205px;
}

.why-trust-icon {
    width: 45px;
    height: 45px;

    background: rgba(232, 109, 63, 0.1);

    color: var(--primary);

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

    border-radius: 50%;

    font-size: 20px;
}

.why-trust-badge strong {
    display: block;

    font-family: "Manrope", sans-serif;

    font-size:15px;

    color: var(--navy);
}

.why-trust-badge span {
    display: block;

    font-size:15px;

    color: var(--primary);

    font-weight: 800;

    margin-top: 2px;
}


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

.why-experience-card {
    position: absolute;

    left: 28px;
    bottom: 0;

    background: var(--navy);

    color: #ffffff;

    padding: 22px 27px;

    display: flex;
    align-items: center;

    gap: 18px;

    min-width: 245px;
}

.why-experience-number {
    font-family: "Manrope", sans-serif;

    font-size: 44px;

    line-height: 1;

    font-weight: 800;

    color: #ffb48d;
}

.why-experience-text strong {
    display: block;

    font-family: "Manrope", sans-serif;

    font-size:15px;
}

.why-experience-text span {
    display: block;

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

    font-size:15px;

    margin-top: 4px;
}


/* =========================================================
   DECORATIONS
========================================================= */

.why-circle-decoration {
    position: absolute;

    width: 95px;
    height: 95px;

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

    border-radius: 50%;

    right: -5px;
    top: -35px;

    opacity: .35;

    z-index: -1;
}

.why-dot-decoration {
    position: absolute;

    width: 80px;
    height: 80px;

    right: -5px;
    bottom: 5px;

    background-image:
        radial-gradient(
            var(--primary) 1px,
            transparent 1px
        );

    background-size: 9px 9px;

    opacity: .35;

    z-index: -1;
}


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

.why-content {
    padding-top: 5px;
}

.why-main-title {
    font-family: "Manrope", sans-serif;

    font-size: clamp(38px, 4vw, 56px);

    line-height: 1.08;

    letter-spacing: -2.5px;

    font-weight: 800;

    margin-bottom: 24px;

    max-width: 650px;
}

.why-main-title span {
    display: block;

    color: var(--primary);
}

.why-description {
    color: var(--text);

    font-size: 15px;

    line-height: 1.85;

    max-width: 600px;

    margin-bottom: 34px;
}


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

.why-benefits {
    display: grid;

    grid-template-columns: 1fr 1fr;

    border-top: 1px solid var(--border);
    border-left: 1px solid var(--border);
}


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

.why-benefit {
    position: relative;

    min-height: 205px;

    padding: 28px;

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

    background: #fff;

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

.why-benefit:hover {
    background: var(--cream);

    transform: translateY(-4px);

    box-shadow:
        0 18px 45px rgba(7, 27, 45, .08);
}


/* NUMBER */

.why-benefit-number {
    position: absolute;

    top: 22px;
    right: 23px;

    font-size:15px;

    font-weight: 900;

    letter-spacing: 1.5px;

    color: #b9c1c8;
}


/* ICON */

.why-benefit-icon {
    width: 49px;
    height: 49px;

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

    background: rgba(232,109,63,.1);

    color: var(--primary);

    border-radius: 13px;

    font-size: 20px;

    margin-bottom: 20px;

    transition: .3s;
}

.why-benefit:hover .why-benefit-icon {
    background: var(--primary);

    color: #fff;

    transform: rotate(-4deg);
}


/* TEXT */

.why-benefit-content h3 {
    font-family: "Manrope", sans-serif;

    font-size: 17px;

    font-weight: 800;

    margin-bottom: 8px;

    color: var(--navy);
}

.why-benefit-content p {
    color: var(--text);

    font-size:15px;

    line-height: 1.7;

    margin: 0;

    max-width: 250px;
}


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

.why-bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-top: 27px;
}

.why-cta {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: var(--navy);

    color: #fff;

    padding: 15px 21px;

    border-radius: 5px;

    font-size:15px;

    font-weight: 800;

    transition: .3s;
}

.why-cta i {
    color: #ffb48d;

    transition: .3s;
}

.why-cta:hover {
    color: #fff;

    background: var(--primary);

    transform: translateY(-2px);
}

.why-cta:hover i {
    color: #fff;

    transform: translate(2px,-2px);
}


.why-mini-trust {
    display: flex;

    align-items: center;

    gap: 7px;

    color: var(--text);

    font-size:15px;
}

.why-mini-trust i {
    color: #35a66f;

    font-size:15px;
}


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

@media (max-width: 1100px) {

    .why-premium-wrapper {
        gap: 55px;
    }

    .why-main-title {
        font-size: 43px;
    }

    .why-image-wrap {
        height: 580px;
    }

}


@media (max-width: 991px) {

    .why-section-premium {
        padding: 90px 0;
    }

    .why-premium-wrapper {
        grid-template-columns: 1fr;

        gap: 70px;
    }

    .why-image-wrap {
        height: 600px;
    }

    .why-content {
        max-width: 850px;
    }

}


@media (max-width: 767px) {

    .why-section-premium {
        padding: 75px 0;
    }

    .why-visual {
        padding-right: 18px;
        padding-bottom: 25px;
    }

    .why-image-wrap {
        height: 480px;
    }

    .why-trust-badge {
        left: -8px;
        top: 22px;

        min-width: 185px;

        padding: 13px 15px;
    }

    .why-trust-icon {
        width: 40px;
        height: 40px;

        font-size: 17px;
    }

    .why-experience-card {
        left: 15px;

        padding: 17px 20px;

        min-width: 210px;
    }

    .why-experience-number {
        font-size: 36px;
    }

    .why-main-title {
        font-size: 38px;

        letter-spacing: -1.8px;
    }

    .why-description {
        font-size:15px;
    }

    .why-benefits {
        grid-template-columns: 1fr;
    }

    .why-benefit {
        min-height: auto;

        padding: 25px;
    }

    .why-bottom {
        align-items: flex-start;

        flex-direction: column;
    }

}


@media (max-width: 480px) {

    .why-image-wrap {
        height: 400px;
    }

    .why-main-title {
        font-size: 34px;
    }

    .why-trust-badge {
        min-width: 170px;
    }

    .why-experience-card {
        min-width: 190px;
    }

    .why-experience-number {
        font-size: 32px;
    }

}
/* PROCESS */
.process-section{background:var(--cream);padding:80px 0}
.process-heading{text-align:center;margin-bottom:55px}
.process-heading h2{font-family:"Manrope";font-size:45px;letter-spacing:-2px}
.process-heading h2 span{color:var(--primary)}
.process-grid{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center}
.process-step{text-align:center}
.process-step>span{display:inline-flex;width:80px;height:80px;border-radius:50%;align-items:center;justify-content:center;background:var(--primary);font-weight:900;margin-bottom: 20px;}
.process-step i{display:block;color:var(--white);font-size:38px;margin:20px 0 14px}
.process-step h3{font-family:"Manrope";font-size:17px}
.process-step p{color:var(--text);font-size:15px;line-height:1.7}
.process-line{height:1px;background:#d8d2c9}

/* STATS */
.stats-section{
    background:var(--navy);
    color:#fff;
}

.stat{
    min-height:170px;

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

    text-align:center;

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

    padding:25px 15px;
}

.stat strong{
    font-family:"Manrope",sans-serif;
    font-size:48px;
    font-weight:800;
    color:#ffb48d;
    line-height:1;
}

.stat span{
    max-width:190px;

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

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

    margin-top:10px;
}


@media(max-width:767px){

    .stat{
        min-height:145px;
        padding:20px 10px;
    }

    .stat strong{
        font-size:34px;
    }

    .stat span{
        font-size:12px;
    }

}
/* CONTACT */
.contact-section{background:var(--cream)}
.contact-wrap{display:grid;grid-template-columns:1fr .95fr;overflow:visible;background:var(--navy-2)}

.contact-content{padding:70px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.contact-content h2{font-family:"Manrope";font-size:clamp(40px,4vw,60px);line-height:1.05;letter-spacing:-2.5px;margin-bottom:18px}
.contact-content h2 span{color:#ffb48d}
.contact-content p{color:rgba(255,255,255,.65);max-width:470px;line-height:1.8}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.contact-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:22px;
}

.contact-country-wrap{
    position:relative;
}


/* BUTTON */

.contact-country-toggle{
    border:0;
    display:flex;
    align-items:center;
    gap:9px;
    cursor:pointer;
}

.contact-country-toggle .small{
    font-size:10px;
    margin-left:3px;
    transition:transform .25s ease;
}

.contact-country-wrap.active .contact-country-toggle .small{
    transform:rotate(180deg);
}


/* COUNTRY MENU */

.contact-country-menu{
    position:absolute;
    left:0;
    top:calc(100% + 10px);

    width:245px;

    padding:7px;

    background:#fff;
    border-radius:7px;

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

    opacity:0;
    visibility:hidden;
    transform:translateY(8px);

    transition:all .25s ease;

    z-index:20;
}

.contact-country-wrap.active .contact-country-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


/* COUNTRY ITEM */

.contact-country-menu a{
    display:flex;
    align-items:center;
    gap:12px;

    padding:11px 12px;

    text-decoration:none;

    border-radius:5px;

    transition:all .2s ease;
}

.contact-country-menu a:hover{
    background:#f5f5f3;
}


/* FLAG */

.contact-country-menu a > span{
    width:34px;
    height:34px;

    border-radius:50%;

    background:#f2f2f2;

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

    font-size:18px;

    flex-shrink:0;
}


/* TEXT */

.contact-country-menu a div{
    display:flex;
    flex-direction:column;
}

.contact-country-menu strong{
    font-family:"Manrope",sans-serif;
    font-size:13px;
    font-weight:700;
    color:var(--navy);
}

.contact-country-menu small{
    margin-top:2px;
    font-size:10px;
    color:#888;
}


/* MOBILE */

@media(max-width:575px){

    .contact-actions{
        flex-direction:column;
        align-items:flex-start;
    }

    .contact-country-menu{
        width:230px;
    }

}
.btn-whatsapp{padding:14px 22px;background:#25d366;color:#fff;border-radius:6px;font-size:15px}
.btn-whatsapp:hover{background:#1fb957;color:#fff}
.contact-form{background:#fff;padding:48px}
.form-title{font-family:"Manrope";font-size:24px;font-weight:800;margin-bottom:23px}
.form-title span{display:block;font-family:"DM Sans";font-size:15px;color:var(--text);font-weight:400;margin-top:5px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--border);padding:13px 14px;outline:0;color:var(--navy);font-size:15px;background:#fff}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary)}
.contact-form textarea{resize:vertical}
.form-submit{width:100%;border:0;background:var(--primary);color:#fff;padding:14px;font-size:15px;font-weight:900}
.form-submit:hover{background:var(--primary-dark)}
.form-message{font-size:15px;color:var(--primary);margin-top:10px;min-height:15px}

/* FOOTER */
.footer{background:#061725;color:#fff;padding:75px 0 20px}
.footer-top{display:grid;grid-template-columns:1.6fr .8fr .8fr 1fr;gap:50px;padding-bottom:55px}
.footer-brand img{width:80%;height:auto;object-fit:contain;margin-bottom:20px}
.footer-brand p{max-width:340px;color:rgba(255,255,255,.55);font-size:15px;line-height:1.8}
.footer-social{display:flex;gap:8px;margin-top:22px}
.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px}
.footer-social a:hover{background:var(--primary);border-color:var(--primary)}
.footer h4{font-size:15px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;color:#fff}
.footer-links a{display:block;color:rgba(255,255,255,.55);font-size:15px;margin-bottom:11px}
.footer-links a:hover{color:#fff}
.footer-contact a{color:#fff;font-size:15px;line-height:1.6;margin-bottom:12px}
.footer-contact a:hover{color:var(--primary);font-size:15px;line-height:1.6;margin-bottom:12px}
.footer-contact p i{color:var(--primary);margin-right:7px}
.footer-cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#fff;font-size:15px;font-weight:800}
.footer-cta i{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:15px}
.footer-bottom a{color:rgba(255,255,255,.7);font-size:15px}


/* RESPONSIVE */
@media(max-width:1199px){
    .nav-link{margin-left:14px}
    .hero-controls{right:25px}
    .footer-top{gap:30px}
}
@media(max-width:991px){
    .top-strip-right{display:none}
    .main-header{top:38px}
    .navbar{padding:12px 0}
    .navbar-collapse{background:#fff;margin-top:12px;padding:15px 20px;border-radius:8px;box-shadow:var(--shadow)}
    .nav-link,.scrolled .nav-link{color:var(--navy)!important;margin:0;padding:9px 0!important}
    .nav-cta{margin-top:10px;display:flex}
    .hero-section{height:570px}
    .hero-content{padding-top:40px}
    .quick-enquiry{bottom:-125px}
    .enquiry-form{display:grid;grid-template-columns:1fr 1fr}
    .form-field{border-bottom:1px solid var(--border)}
    .enquiry-submit{min-height:54px}
    .intro-section{padding-top:50px}
    .intro-grid,.contact-wrap,.corporate-box{grid-template-columns:1fr}
    .corporate-image{height:360px;min-height:0}
    .corporate-content{padding:55px}
    .why-grid{grid-template-columns:1fr 1fr}
    .why-card:nth-child(2){border-right:0}
    .why-card{border-bottom:1px solid var(--border)}
    .process-grid{grid-template-columns:1fr 1fr;gap:35px}
    .process-line{display:none}
    .footer-top{grid-template-columns:1.5fr 1fr 1fr}
    .footer-contact{grid-column:2/4}
    .destination-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px 260px}
    .destination-large{grid-row:span 2}
}
@media(max-width:767px){
    .section-padding{padding:80px 0}
    .top-strip-left span:last-child{display:none}
    .navbar-brand img{width:285px}
    .hero-section{height:520px}
    .hero-overlay{background:linear-gradient(90deg,rgba(5,21,35,.9),rgba(5,21,35,.42))}
    .hero-content h1{font-size:47px;letter-spacing:-2.5px}
    .hero-content p{font-size:15px}
    .hero-trust{display:none}
    .hero-controls{right:15px;bottom:155px}
    .quick-enquiry{bottom:-205px}
    .enquiry-heading{display:block}
    .enquiry-heading strong{display:block;margin-top:4px}
    .enquiry-form{grid-template-columns:1fr}
    .enquiry-submit{height:55px}
    .intro-section{padding-top:50px}
    .section-head{display:block;margin-bottom:35px}
    .section-head>p{margin-top:20px}
    .destination-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 260px 260px}
    .destination-large{grid-row:span 1;grid-column:span 2}
    .destination-info h3{font-size:23px}
    .about-visual{padding:0 25px 25px 0}
    .about-visual>img{height:440px}
    .about-float{left:0}
    .about-checks{grid-template-columns:1fr}
    .corporate-content{padding:45px 25px}
    .corporate-image{height:290px}
    .why-grid{grid-template-columns:1fr}
    .why-card{border-right:0!important}
    .process-grid{grid-template-columns:1fr}
    .stat{border-bottom:1px solid rgba(255,255,255,.1)}
    .contact-content,.contact-form{padding:38px 25px}
    .footer-top{grid-template-columns:1fr 1fr}
    .footer-contact{grid-column:auto}
    .footer-bottom{display:block}
    .footer-bottom span{display:block;margin-top:7px}
}
@media(max-width:480px){
    .hero-content h1{font-size:42px}
    .hero-actions a{width:100%}
    .destination-mosaic{grid-template-columns:1fr;grid-template-rows:250px 250px 250px 250px 250px}
    .destination-large{grid-column:auto}
    .footer-top{grid-template-columns:1fr}
}


/* =========================================================
   PAGE BREADCRUMB
========================================================= */

.page-breadcrumb{
    height:320px;
    position:relative;
    overflow:hidden;
    background:var(--navy);
}

.page-breadcrumb-bg{
    position:absolute;
    inset:0;
}

.page-breadcrumb-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.03);
}

.page-breadcrumb-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(5,21,35,.94) 0%,
            rgba(5,21,35,.72) 50%,
            rgba(5,21,35,.25) 100%
        );
}

.page-breadcrumb .container{
    height:100%;
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
}

.page-breadcrumb-content{
    color:#fff;
    padding-top:20px;
}


/* =========================================================
   KICKER
========================================================= */

.breadcrumb-kicker{
    display:flex;
    align-items:center;
    gap:10px;

    font-size:15px;
    font-weight:900;
    letter-spacing:2.5px;

    color:#ffb48d;

    margin-bottom:15px;
}

.breadcrumb-kicker span{
    display:block;

    width:32px;
    height:2px;

    background:var(--primary);
}


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

.page-breadcrumb-content h1{
    font-family:"Manrope",sans-serif;

    font-size:clamp(40px,5vw,65px);

    line-height:1;

    letter-spacing:-2.5px;

    font-weight:800;

    margin:0 0 20px;

    color:#fff;
}

.page-breadcrumb-content h1 span{
    color:#ffb48d;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.page-breadcrumb-content .breadcrumb{
    margin:0;
    padding:0;

    display:flex;
    align-items:center;

    gap:8px;

    background:transparent;
}

.page-breadcrumb-content .breadcrumb-item{
    font-size:15px;
    font-weight:700;

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

.page-breadcrumb-content
.breadcrumb-item a{
    color:rgba(255,255,255,.75);

    transition:.25s;
}

.page-breadcrumb-content
.breadcrumb-item a:hover{
    color:#fff;
}

.page-breadcrumb-content
.breadcrumb-item.active{
    color:#ffb48d;
}


/* REMOVE BOOTSTRAP DEFAULT */
.page-breadcrumb-content
.breadcrumb-item + .breadcrumb-item::before{
    content:"/";

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

    padding-right:8px;
}


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

@media(max-width:767px){

    .page-breadcrumb{
        height:260px;
    }

    .page-breadcrumb-content{
        padding-top:15px;
    }

    .page-breadcrumb-content h1{
        font-size:42px;
        letter-spacing:-1.8px;
    }

}

@media(max-width:480px){

    .page-breadcrumb{
        height:235px;
    }

    .page-breadcrumb-content h1{
        font-size:36px;
    }

}

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

.about-page-hero{
    height:520px;
    position:relative;
    overflow:hidden;
    background:var(--navy);
}

.about-page-hero-bg{
    position:absolute;
    inset:0;
}

.about-page-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.03);
}

.about-page-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(5,21,35,.94) 0%,
            rgba(5,21,35,.76) 45%,
            rgba(5,21,35,.18) 100%
        );
}

.about-page-hero .container{
    height:100%;
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
}

.about-page-hero-content{
    max-width:720px;
    color:#fff;
    padding-top:20px;
}

.about-page-hero-content h1{
    font-family:"Manrope",sans-serif;
    font-size:clamp(45px,6vw,76px);
    line-height:1.03;
    letter-spacing:-3.5px;
    font-weight:800;
    margin-bottom:25px;
}

.about-page-hero-content h1 strong{
    color:#ffb48d;
}

.about-page-hero-content p{
    max-width:620px;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.8;
    margin:0;
}


/* =========================================================
   STORY
========================================================= */

.about-story{
    background:#fff;
}

.about-story-visual{
    position:relative;
    padding:0 35px 35px 0;
}

.about-story-visual>img{
    width:100%;
    height:590px;
    object-fit:cover;
}

.about-story-badge{
    position:absolute;
    right:0;
    bottom:0;
    background:var(--primary);
    color:#fff;
    padding:20px 24px;
    display:flex;
    align-items:center;
    gap:13px;
}

.about-story-badge i{
    font-size:25px;
}

.about-story-badge strong,
.about-story-badge span{
    display:block;
}

.about-story-badge strong{
    font-family:"Manrope";
    font-size:16px;
}

.about-story-badge span{
    font-size:15px;
    opacity:.8;
}

.about-story-text{
    max-width:700px;
    margin-top:25px;
}

.about-story-text p{
    color:var(--text);
    font-size:15px;
    line-height:1.85;
    margin-bottom:16px;
}

.about-story-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px 25px;
    margin-top:28px;
}

.about-story-points div{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--navy);
    font-size:15px;
    font-weight:800;
}

.about-story-points i{
    color:var(--primary);
}

/* =========================================
   FOUNDERS SECTION
========================================= */

.founders-section{
    background:#f7f5f1;
    position:relative;
    overflow:hidden;
}

.founders-content{
    max-width:650px;
}

.founders-content .section-kicker{
    margin-bottom:18px;
}

.founders-content .section-title{
    max-width:600px;
    margin-bottom:28px;
}

.founders-content .section-title span{
    display:block;
    font-style:italic;
}

.founders-intro{
    font-size:19px;
    line-height:1.75;
    color:var(--navy);
    margin-bottom:22px;
}

.founders-content p:not(.founders-intro){
    font-size:15px;
    line-height:1.85;
    color:#62656a;
    margin-bottom:20px;
}

.founders-content strong{
    color:var(--navy);
    font-weight:700;
}

.founders-signature{
    margin-top:30px;
    padding-top:20px;
    border-top:1px solid rgba(15,23,42,.12);
}

.founders-signature span{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-weight:700;
    color:#9b6b4f;
}


/* VISUAL */

/* =========================================
   TWO FOUNDERS
========================================= */

.founders-team{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    align-items:start;
    position:relative;
    padding:20px 10px 20px 30px;
}

.founder-card{
    position:relative;
}

.founder-card-offset{
    margin-top:70px;
}


/* PHOTO */

.founder-photo{
    width:100%;
    height:430px;
    overflow:hidden;
    background:#e8e4de;
    position:relative;
}

.founder-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
	object-position: top;
    display:block;
    transition:transform .6s ease;
}

.founder-card:hover .founder-photo img{
    transform:scale(1.04);
}


/* DARK IMAGE OVERLAY */

.founder-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(5,12,24,.35)
    );
    pointer-events:none;
}


/* FOUNDER INFORMATION */

.founder-info{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:18px 0 0;
}

.founder-number{
    font-family:"Manrope",sans-serif;
    font-size:11px;
    font-weight:800;
    color:#9b6b4f;
    letter-spacing:1px;
    padding-top:5px;
}

.founder-info h3{
    margin:0;
    font-family:"Manrope",sans-serif;
    font-size:21px;
    font-weight:700;
    color:var(--navy);
    line-height:1.25;
}

.founder-info p{
    margin:5px 0 0;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.4px;
    color:#9b6b4f;
}


/* DECORATIVE LINE */

.founders-team::before{
/*
    content:"";
    position:absolute;
    width:70px;
    height:1px;
    background:#9b6b4f;
    left:-5px;
    top:45px;
*/
}


/* RESPONSIVE */

@media(max-width:991px){

    .founders-team{
        padding:20px 15px 20px;
        gap:18px;
    }

    .founder-photo{
        height:420px;
    }

    .founder-card-offset{
        margin-top:50px;
    }
}

@media(max-width:575px){

    .founders-team{
        grid-template-columns:1fr 1fr;
        gap:12px;
        padding:25px 0 10px;
    }
.founders-team{
    display:grid;
    grid-template-columns: 1fr;
    gap:22px;
    align-items:start;
    position:relative;
    padding:20px 10px 20px 30px;
}

    .founder-photo{
        height:330px;
    }

    .founder-card-offset{
        margin-top:35px;
    }

    .founder-info{
        gap:7px;
        padding-top:12px;
    }

    .founder-number{
        font-size:15px;
    }

    .founder-info h3{
        font-size:15px;
    }

    .founder-info p{
        font-size:8px;
        letter-spacing:.8px;
    }

    .founders-team::before{
        display:none;
    }
}

/* COUNTRY BADGE */

.founders-badge{
    position:absolute;
    left:0;
    bottom:35px;
    width:145px;
    height:145px;
    border-radius:50%;
    background:var(--navy);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    border:8px solid #f7f5f1;
}

.founders-badge strong{
    font-family:"Manrope",sans-serif;
    font-size:48px;
    line-height:1;
    color:#ffb48d;
}

.founders-badge span{
    margin-top:7px;
    font-size:15px;
    line-height:1.4;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.7);
}


/* EXPERIENCE CARD */

.founders-experience{
    position:absolute;
    right:0;
    top:0;
    background:#fff;
    padding:24px 28px;
    min-width:210px;
    box-shadow:0 15px 45px rgba(0,0,0,.10);
}

.founders-experience span{
    display:block;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.5px;
    color:#9b6b4f;
    margin-bottom:8px;
}

.founders-experience strong{
    font-family:"Manrope",sans-serif;
    font-size:19px;
    line-height:1.35;
    color:var(--navy);
}


/* RESPONSIVE */

@media(max-width:991px){

    .founders-visual{
        min-height:auto;
        padding:20px 25px 45px;
        margin-top:20px;
    }

    .founders-image-main{
        height:500px;
    }

    .founders-badge{
        left:0;
        bottom:20px;
    }

    .founders-experience{
        right:0;
        top:0;
    }

}

@media(max-width:575px){

    .founders-content .section-title{
        font-size:34px;
    }

    .founders-intro{
        font-size:17px;
    }

    .founders-visual{
        padding:35px 15px 55px;
    }

    .founders-image-main{
        height:430px;
    }

    .founders-badge{
        width:115px;
        height:115px;
        border-width:5px;
    }

    .founders-badge strong{
        font-size:36px;
    }

    .founders-badge span{
        font-size:8px;
    }

    .founders-experience{
        padding:18px 20px;
        min-width:175px;
    }

    .founders-experience strong{
        font-size:16px;
    }

}


/* =========================================================
   PHILOSOPHY
========================================================= */

.about-philosophy{
    padding:75px 0;
    background:var(--navy-2);
    color:#fff;
}

.about-philosophy-inner{
    display:grid;
    grid-template-columns:1fr 150px;
    align-items:center;
    gap:40px;
}

.about-philosophy-number{
/*
    font-family:"Manrope";
    font-size:55px;
    font-weight:800;
    color:rgba(255,255,255,.16);
*/
}

.about-philosophy-content{
/*    max-width:800px;*/
}

.about-philosophy-content h2{
    font-family:"Manrope";
    font-size:clamp(35px,4vw,54px);
    line-height:1.1;
    letter-spacing:-2px;
    margin-bottom:20px;
}

.about-philosophy-content h2 span{
    color:#ffb48d;
}

.about-philosophy-content p{
    max-width:700px;
    color:rgba(255,255,255,.62);
    font-size:15px;
    line-height:1.85;
    margin:0;
}

.about-philosophy-icon{
    width:90px;
    height:90px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary);
    font-size:30px;
}

/* =========================================================
   SERVICES LISTING
========================================================= */

.services-listing-section{
    background:var(--cream);
}


/* HEADING */

.services-listing-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:60px;
    margin-bottom:55px;
}

.services-listing-head>p{
    max-width:440px;
    color:var(--text);
    font-size:15px;
    line-height:1.8;
    margin:0;
}


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

.service-list-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    overflow:hidden;
    position:relative;

    display:flex;
    flex-direction:column;

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

.service-list-card:hover{
    transform:translateY(-8px);
    border-color:transparent;
    box-shadow:0 20px 55px rgba(7,27,45,.12);
}


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

.service-list-image{
    position:relative;
    display:block;
    height:270px;
    overflow:hidden;
    background:#e9edef;
}

.service-list-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:transform .7s ease;
}

.service-list-card:hover
.service-list-image img{
    transform:scale(1.07);
}


/* IMAGE OVERLAY */

.service-list-image:after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(7,27,45,.35) 100%
        );

    z-index:1;
}


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

.service-list-number{
    position:absolute;

    top:18px;
    left:18px;

    width:45px;
    height:45px;

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

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

    color:var(--navy);

    font-family:"Manrope",sans-serif;

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

    z-index:3;
}


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

.service-list-icon{
    position:absolute;

    right:22px;
    bottom:20px;

    width:55px;
    height:55px;

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

    background:var(--primary);

    color:#fff;

    font-size:22px;

    z-index:3;

    transition:.35s;
}

.service-list-card:hover
.service-list-icon{
    background:var(--navy);
    transform:rotate(-5deg);
}


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

.service-list-content{
    padding:27px 27px 25px;

    flex:1;

    display:flex;
    flex-direction:column;
}


/* SMALL LABEL */

.service-list-label{
    display:block;

    color:var(--primary);

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

    letter-spacing:1.7px;

    margin-bottom:9px;
}


/* TITLE */

.service-list-content h3{
    font-family:"Manrope",sans-serif;

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

    margin:0 0 12px;

    line-height:1.25;
}

.service-list-content h3 a{
    color:var(--navy);

    transition:.3s;
}

.service-list-content h3 a:hover{
    color:var(--primary);
}


/* DESCRIPTION */

.service-list-content p{
    color:var(--text);

    font-size:15px;

    line-height:1.75;

    margin:0 0 23px;

    flex:1;
}


/* =========================================================
   KNOW MORE
========================================================= */

.service-list-link{
    display:flex;

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

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

    padding-top:17px;

    color:var(--navy);

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

    text-transform:uppercase;
    letter-spacing:.8px;

    transition:.3s;
}

.service-list-link i{
    width:35px;
    height:35px;

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

    border-radius:50%;

    background:var(--cream);

    color:var(--primary);

    transition:.3s;
}

.service-list-link:hover{
    color:var(--primary);
}

.service-list-link:hover i{
    background:var(--primary);
    color:#fff;

    transform:rotate(45deg);
}


/* =========================================================
   LAST / FEATURED CARD
========================================================= */

.service-list-featured
.service-list-content{
    background:var(--navy);
}

.service-list-featured
.service-list-label{
    color:#ffb48d;
}

.service-list-featured
.service-list-content h3 a{
    color:#fff;
}

.service-list-featured
.service-list-content p{
    color:rgba(255,255,255,.60);
}

.service-list-featured
.service-list-link{
    color:#fff;

    border-color:rgba(255,255,255,.15);
}

.service-list-featured
.service-list-link i{
    background:rgba(255,255,255,.1);
    color:#ffb48d;
}

.service-list-featured
.service-list-link:hover{
    color:#ffb48d;
}


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

@media(max-width:991px){

    .services-listing-head{
        display:block;
    }

    .services-listing-head>p{
        margin-top:20px;
    }

    .service-list-image{
        height:250px;
    }

}


@media(max-width:767px){

    .services-listing-head{
        margin-bottom:35px;
    }

    .service-list-image{
        height:280px;
    }

}


@media(max-width:480px){

    .service-list-image{
        height:240px;
    }

    .service-list-content{
        padding:23px;
    }

    .service-list-content h3{
        font-size:20px;
    }

}



/* =========================================================
   SERVICES
========================================================= */

.about-services{
    background:var(--cream);
}

.about-services-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:50px;
    margin-bottom:55px;
}

.about-services-head>p{
    max-width:430px;
    color:var(--text);
    font-size:15px;
    line-height:1.8;
    margin:0;
}

.about-service-grid{
    border-top:1px solid var(--border);
    border-left:1px solid var(--border);
}

.about-service-item{
    min-height:285px;
    padding:30px;
    background:#fff;
    border-right:1px solid var(--border);
    border-bottom:1px solid var(--border);
    position:relative;
    overflow:hidden;
    transition:.35s;
}

.about-service-item:after{
    content:"";
    position:absolute;
    width:130px;
    height:130px;
    border-radius:50%;
    right:-70px;
    bottom:-70px;
    background:rgba(232,109,63,.06);
    transition:.4s;
}

.about-service-item:hover{
    background:var(--navy);
    transform:translateY(-4px);
    box-shadow:var(--shadow);
}

.about-service-item:hover:after{
    transform:scale(2.2);
}

.about-service-item>span{
    position:absolute;
    top:22px;
    right:23px;
    color:#aeb7bf;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
}

.about-service-item>i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    background:rgba(232,109,63,.1);
    color:var(--primary);
    border-radius:50%;
    font-size:23px;
    margin-bottom:35px;
    transition:.3s;
}

.about-service-item:hover>i{
    background:var(--primary);
    color:#fff;
}

.about-service-item h3{
    font-family:"Manrope";
    font-size:20px;
    margin-bottom:12px;
    transition:.3s;
}

.about-service-item:hover h3{
    color:#fff;
}

.about-service-item p{
    max-width:320px;
    color:var(--text);
    font-size:15px;
    line-height:1.75;
    margin:0;
    transition:.3s;
}

.about-service-item:hover p{
    color:rgba(255,255,255,.58);
}


/* =========================================================
   ABOUT WHY
========================================================= */

.about-why{
    background:#fff;
}

.about-why-intro{
    max-width:480px;
    color:var(--text);
    font-size:15px;
    line-height:1.85;
    margin:25px 0 28px;
}

.about-why-list{
    border-top:1px solid var(--border);
}

.about-why-item{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:20px;
    padding:25px 0;
    border-bottom:1px solid var(--border);
    transition:.3s;
}

.about-why-item:hover{
    padding-left:10px;
}

.about-why-icon{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--cream);
    color:var(--primary);
    font-size:21px;
    transition:.3s;
}

.about-why-item:hover .about-why-icon{
    background:var(--primary);
    color:#fff;
}

.about-why-item span{
    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
}

.about-why-item h3{
    font-family:"Manrope";
    font-size:19px;
    margin:5px 0 7px;
}

.about-why-item p{
    color:var(--text);
    font-size:15px;
    line-height:1.7;
    margin:0;
    max-width:540px;
}


/* =========================================================
   ABOUT PROCESS
========================================================= */

.about-process{
    background:var(--white);
}

.about-process-head{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:80px;
    align-items:end;
    margin-bottom:55px;
}

.about-process-head .section-kicker{
    grid-column:1 / -1;
}

.about-process-head .section-title{
    grid-column:1;
}

.about-process-head>p{
    grid-column:2;
    color:var(--text);
    max-width:430px;
    line-height:1.8;
    font-size:15px;
    margin:0;
}

.about-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #ddd7cd;
    border-left:1px solid #ddd7cd;
}

.about-process-step{
    min-height:310px;
    padding:30px;
    border-right:1px solid #ddd7cd;
    border-bottom:1px solid #ddd7cd;
    transition:.35s;
}

.about-process-step:hover{
    background:#fff;
    transform:translateY(-5px);
    box-shadow:var(--shadow);
}

.about-process-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:55px;
}

.about-process-top span{
    font-size:15px;
    color:#9ba5ad;
    font-weight:900;
    letter-spacing:1px;
}

.about-process-top i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    font-size:19px;
}

.about-process-step h3{
    font-family:"Manrope";
    font-size:19px;
    margin-bottom:12px;
}

.about-process-step p{
    color:var(--text);
    font-size:15px;
    line-height:1.75;
    margin:0;
}


/* =========================================================
   STATEMENT
========================================================= */

.about-statement{
    background:#fff;
    padding:100px 0;
}

.about-statement-inner{
    position:relative;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.about-statement-mark{
    width:60px;
    height:60px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--cream);
    color:var(--primary);
    font-size:24px;
}

.about-statement h2{
    font-family:"Manrope";
    font-size:clamp(35px,4vw,55px);
    line-height:1.12;
    letter-spacing:-2px;
    color:var(--navy);
}

.about-statement h2 span{
    display:block;
    color:var(--primary);
}


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

.about-page-cta{
    padding:80px 0;
    background:var(--navy-2);
}

.about-page-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.about-page-cta-inner h2{
    color:#fff;
    font-family:"Manrope";
    font-size:clamp(42px,5vw,68px);
    line-height:1;
    letter-spacing:-3px;
    margin-bottom:18px;
}

.about-page-cta-inner h2 span{
    color:#ffb48d;
}

.about-page-cta-inner p{
    color:rgba(255,255,255,.58);
    max-width:520px;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

.about-page-cta-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    flex-shrink:0;
}


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

@media(max-width:991px){

    .about-page-hero{
        height:500px;
    }

    .about-story-visual>img{
        height:500px;
    }

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

    .about-philosophy-icon{
        display:none;
    }

    .about-services-head{
        display:block;
    }

    .about-services-head>p{
        margin-top:20px;
    }

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

    .about-page-cta-inner{
        display:block;
    }

    .about-page-cta-actions{
        margin-top:30px;
    }

}


@media(max-width:767px){

    .about-page-hero{
        height:520px;
    }

    .about-page-hero-content h1{
        font-size:44px;
        letter-spacing:-2px;
    }

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

    .about-story-visual{
        padding-right:20px;
        padding-bottom:25px;
    }

    .about-story-visual>img{
        height:440px;
    }

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

    .about-philosophy{
        padding:60px 0;
    }

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

    .about-philosophy-number{
        font-size:40px;
    }

    .about-philosophy-content h2{
        font-size:35px;
    }

    .about-service-item{
        min-height:250px;
    }

    .about-process-head{
        display:block;
    }

    .about-process-head>p{
        margin-top:20px;
    }

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

    .about-process-step{
        min-height:260px;
    }

    .about-statement{
        padding:75px 0;
    }

    .about-statement h2{
        font-size:35px;
        letter-spacing:-1.5px;
    }

    .about-page-cta-inner h2{
        font-size:45px;
    }

}


@media(max-width:480px){

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

    .about-story-visual>img{
        height:380px;
    }

    .about-story-badge{
        padding:15px 17px;
    }

    .about-page-cta-actions a{
        width:100%;
    }

}

/* =========================================================
   SERVICES PAGE HERO
========================================================= */

.services-page-hero{
    height:520px;
    position:relative;
    overflow:hidden;
    background:var(--navy);
}

.services-page-hero-bg{
    position:absolute;
    inset:0;
}

.services-page-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.services-page-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(5,21,35,.94) 0%,
            rgba(5,21,35,.75) 45%,
            rgba(5,21,35,.15) 100%
        );
}

.services-page-hero .container{
    height:100%;
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
}

.services-page-hero-content{
    max-width:760px;
    color:#fff;
}

.services-page-hero-content h1{
    font-family:"Manrope",sans-serif;
    font-size:clamp(46px,6vw,76px);
    line-height:1.03;
    letter-spacing:-3.5px;
    font-weight:800;
    margin-bottom:24px;
}

.services-page-hero-content h1 strong{
    color:#ffb48d;
}

.services-page-hero-content p{
    max-width:620px;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.8;
    margin:0;
}


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

.services-intro{
    background:var(--cream);
}

.services-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
    align-items:end;
}

.services-intro-grid p{
    color:var(--text);
    font-size:16px;
    line-height:1.85;
    margin:0 0 15px;
}

.services-intro-grid p:last-child{
    margin-bottom:0;
}


/* =========================================================
   SERVICE DETAIL SECTION
========================================================= */

.services-detail-section{
    background:#fff;
    padding:80px 0px;
}

.service-detail-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:610px;
    margin-bottom:90px;
    background:#fff;
    position:relative;
}

.service-detail-row:last-child{
    margin-bottom:0;
}

.service-detail-row.reverse{
    direction:rtl;
}

.service-detail-row.reverse>*{
    direction:ltr;
}


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

.service-detail-image{
    position:relative;
    overflow:hidden;
    min-height:610px;
    background:#edf0f2;
}

.service-detail-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s ease;
}

.service-detail-row:hover .service-detail-image img{
    transform:scale(1.045);
}

.service-detail-number{
    position:absolute;
    left:25px;
    top:25px;
    min-width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--navy);
    font-family:"Manrope",sans-serif;
    font-size:15px;
    font-weight:900;
    box-shadow:0 10px 30px rgba(7,27,45,.12);
}


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

.service-detail-content{
    padding:70px 75px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:var(--cream);
}

.service-detail-row:nth-child(even)
.service-detail-content{
    background:#fff;
}

.service-detail-kicker{
    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:2.3px;
    margin-bottom:16px;
}

.service-detail-content h2{
    font-family:"Manrope",sans-serif;
    color:var(--navy);
    font-size:clamp(38px,4vw,57px);
    line-height:1.05;
    letter-spacing:-2.5px;
    margin:0 0 22px;
}

.service-detail-content h2 span{
    display:block;
    color:var(--primary);

}

.service-detail-content>p{
    max-width:560px;
    color:var(--text);
    font-size:15px;
    line-height:1.85;
    margin:0 0 13px;
}


/* =========================================================
   SERVICE POINTS
========================================================= */

.service-detail-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 20px;
    margin:22px 0 30px;
    max-width:600px;
}

.service-detail-points span{
    display:flex;
    align-items:flex-start;
    gap:7px;
    color:var(--navy);
    font-size:15px;
    font-weight:800;
}

.service-detail-points i{
    color:var(--primary);
    font-size:15px;
    margin-top:2px;
}

.service-detail-content .btn-primary-custom{
    width:max-content;
}


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

.services-page-cta{
    background:var(--navy-2);
    padding:80px 0;
}

.services-page-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.services-page-cta-inner h2{
    max-width:800px;
    color:#fff;
    font-family:"Manrope",sans-serif;
    font-size:clamp(38px,4.5vw,60px);
    line-height:1.08;
    letter-spacing:-2.5px;
    margin-bottom:18px;
}

.services-page-cta-inner h2 span{
    display:block;
    color:#ffb48d;
}

.services-page-cta-inner p{
    color:rgba(255,255,255,.58);
    max-width:600px;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

.services-page-cta-inner .btn-primary-custom{
    flex-shrink:0;
}


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

@media(max-width:1100px){

    .service-detail-content{
        padding:55px 45px;
    }

    .service-detail-row,
    .service-detail-image{
        min-height:550px;
    }

}


@media(max-width:991px){

    .services-page-hero{
        height:500px;
    }

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

    .service-detail-row{
        grid-template-columns:1fr;
        min-height:0;
        margin-bottom:50px;
    }

    .service-detail-row.reverse{
        direction:ltr;
    }

    .service-detail-image{
        min-height:450px;
        height:450px;
    }

    .service-detail-content{
        min-height:500px;
    }

    .services-page-cta-inner{
        display:block;
    }

    .services-page-cta-inner .btn-primary-custom{
        margin-top:28px;
    }

}


@media(max-width:767px){

    .services-page-hero{
        height:500px;
    }

    .services-page-hero-content h1{
        font-size:44px;
        letter-spacing:-2px;
    }

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

    .service-detail-section{
        padding-bottom:60px;
    }

    .service-detail-row{
        margin-bottom:35px;
    }

    .service-detail-image{
        height:380px;
        min-height:380px;
    }

    .service-detail-content{
        padding:45px 25px;
        min-height:auto;
    }

    .service-detail-content h2{
        font-size:39px;
        letter-spacing:-1.8px;
    }

    .service-detail-content>p{
        font-size:15px;
    }

    .service-detail-points{
        grid-template-columns:1fr;
        gap:10px;
    }

    .service-detail-content .btn-primary-custom{
        width:100%;
    }

    .services-page-cta{
        padding:65px 0;
    }

}


@media(max-width:480px){

    .services-page-hero-content h1{
        font-size:39px;
    }

    .service-detail-image{
        height:330px;
        min-height:330px;
    }

    .service-detail-content h2{
        font-size:34px;
    }

    .service-detail-number{
        left:15px;
        top:15px;
    }

}

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

.contact-intro-section{
    background:var(--cream);
}

.contact-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
    align-items:end;
}

.contact-intro-text{
    color:var(--text);
    font-size:16px;
    line-height:1.85;
    margin:0 0 15px;
}


/* =========================================================
   MAIN CONTACT
========================================================= */

.contact-main-section{
    background:#fff;
    padding:80px 0 80px;
}

.contact-main-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    background:var(--navy-2);
    overflow:hidden;
}


/* =========================================================
   CONTACT INFORMATION
========================================================= */

.contact-info-panel{
    padding:65px;
    color:#fff;
}

.contact-info-label{
    color:#ffb48d;
    font-size:15px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:16px;
}

.contact-info-panel h2{
    font-family:"Manrope",sans-serif;
    font-size:48px;
    line-height:1.05;
    letter-spacing:-2px;
    margin:0 0 18px;
}

.contact-info-panel h2 span{
    color:#ffb48d;
}

.contact-info-panel>p{
    color:rgba(255,255,255,.6);
    font-size:15px;
    line-height:1.8;
    max-width:400px;
    margin-bottom:35px;
}


/* FOUNDER */

.contact-founder{
    display:flex;
    align-items:center;
    gap:15px;

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

    padding:20px 0;
}

.contact-founder-icon{
    width:48px;
    height:48px;

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

    background:rgba(232,109,63,.13);
    color:#ffb48d;

    font-size:20px;

    flex-shrink:0;
}

.contact-founder span{
    display:block;
    color:#ffb48d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
    margin-bottom:4px;
}

.contact-founder strong{
    display:block;
    color:#fff;
    font-family:"Manrope",sans-serif;
    font-size:16px;
    margin-bottom:4px;
}

.contact-founder a{
    color:rgba(255,255,255,.55);
    font-size:15px;
    word-break:break-word;
}

.contact-founder a:hover{
    color:#ffb48d;
}


/* QUICK CONTACT */

.contact-quick-links{
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.contact-quick-links a{
    display:flex;
    align-items:center;
    gap:14px;

    color:#fff;

    padding:13px;

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

    transition:.3s;
}

.contact-quick-links a:hover{
    border-color:var(--primary);
    background:rgba(232,109,63,.08);
}

.contact-quick-links i{
    width:38px;
    height:38px;

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

    background:var(--primary);

    color:#fff;
}

.contact-quick-links small{
    display:block;
    color:rgba(255,255,255,.4);
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
    margin-bottom:3px;
}


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

.contact-form-panel{
    background:var(--cream);
    padding:60px;
}

.contact-form-heading>span{
    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:2px;
}

.contact-form-heading h3{
    font-family:"Manrope",sans-serif;
    font-size:35px;
    line-height:1.1;
    letter-spacing:-1.5px;
    margin:10px 0 12px;
}

.contact-form-heading h3 strong{
    color:var(--primary);
}

.contact-form-heading p{
    color:var(--text);
    font-size:15px;
    line-height:1.7;
    max-width:600px;
    margin-bottom:30px;
}

.contact-form-panel label{
    display:block;
    color:var(--navy);
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:7px;
}

.contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea{
    width:100%;
    border:1px solid var(--border);
    background:#fff;
    padding:13px 14px;
    outline:none;
    color:var(--navy);
    font-size:15px;
    transition:.25s;
}

.contact-form-panel input:focus,
.contact-form-panel select:focus,
.contact-form-panel textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(232,109,63,.08);
}

.contact-form-panel textarea{
    resize:vertical;
}

.contact-submit-btn{
    width:100%;
    border:0;

    background:var(--primary);
    color:#fff;

    padding:15px 20px;

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

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    transition:.3s;
}

.contact-submit-btn:hover{
    background:var(--navy);
}

.contact-submit-btn i{
    transition:.3s;
}

.contact-submit-btn:hover i{
    transform:translate(3px,-3px);
}


/* =========================================================
   OFFICE LOCATIONS
========================================================= */

.office-section{
    background:var(--cream);
}

.office-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:60px;
    margin-bottom:50px;
}

.office-heading>p{
    max-width:400px;
    color:var(--text);
    font-size:15px;
    line-height:1.8;
    margin:0;
}


/* OFFICE CARD */

.office-card{
    height:100%;
    min-height:360px;

    background:#fff;

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

    padding:27px;

    position:relative;

    display:flex;
    flex-direction:column;

    transition:.35s;
}

.office-card:hover{
    transform:translateY(-7px);
    border-color:transparent;
    box-shadow:var(--shadow);
}

.office-card-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:35px;
}

.office-number{
    color:#aab2ba;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.office-card-top>i{
    width:45px;
    height:45px;

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

    background:rgba(232,109,63,.1);
    color:var(--primary);

    font-size:19px;
}

.office-label{
    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:1.6px;
    margin-bottom:7px;
}

.office-card h3{
    font-family:"Manrope",sans-serif;
    font-size:24px;
    margin-bottom:13px;
}

.office-card>p{
    color:var(--text);
    font-size:15px;
    line-height:1.7;
    margin-bottom:18px;
}

.office-phone{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-bottom:20px;
}

.office-phone a,
.office-email a{
    color:var(--navy);
    font-size:15px;
    font-weight:700;
}

.office-phone a:hover,
.office-email a:hover{
    color:var(--primary);
}

.office-email{
    margin-bottom:20px;
    word-break:break-word;
}

.office-link{
    margin-top:auto;

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

    padding-top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    color:var(--navy);

    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.office-link i{
    color:var(--primary);
    transition:.3s;
}

.office-link:hover{
    color:var(--primary);
}

.office-link:hover i{
    transform:translate(3px,-3px);
}


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

.contact-global-cta{
    background:var(--navy-2);
    padding:70px 0;
}

.contact-global-inner{
    display:flex;
    align-items:center;
    gap:25px;
}

.contact-global-icon{
    flex:0 0 65px;

    width:65px;
    height:65px;

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

    background:var(--primary);
    color:#fff;

    font-size:26px;
}

.contact-global-content{
    flex:1;
}

.contact-global-content>span{
    color:#ffb48d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.8px;
}

.contact-global-content h2{
    color:#fff;
    font-family:"Manrope",sans-serif;
    font-size:27px;
    margin:5px 0;
}

.contact-global-content p{
    color:rgba(255,255,255,.5);
    font-size:15px;
    margin:0;
}

.contact-global-actions{
    display:flex;
    gap:10px;
    flex-shrink:0;
}

/* ==========================================
   CONTACT OFFICE DIRECTORY
========================================== */

.contact-locations{
	padding: 50px 30px;
}


/* HEADER */

.contact-locations-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    margin-bottom:18px;
}

.contact-locations-head span{
    display:block;

    color:var(--primary);
    font-size:15px;
    font-weight:900;
    letter-spacing:2px;

    margin-bottom:5px;
}

.contact-locations-head h3{
    margin:0;

    color:#fff;
    font-family:"Manrope",sans-serif;
    font-size:21px;
    line-height:1.25;
}

.contact-locations-head h3 em{
    color:var(--primary);
    font-style:normal;
}

.contact-locations-head>i{
    color:rgba(255,255,255,.16);
    font-size:38px;
}


/* GRID */

.contact-location-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}


/* CARD */

.contact-location-card{
    position:relative;

    padding:17px;

    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.09);

    overflow:hidden;

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

.contact-location-card:hover{
    transform:translateY(-4px);

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

    border-color:rgba(255,255,255,.18);
}


/* subtle corner decoration */

.contact-location-card::after{
    content:"";

    position:absolute;

    width:55px;
    height:55px;

    right:-28px;
    bottom:-28px;

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

    border-radius:50%;
}


/* TOP */

.location-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:15px;
}

.location-number{
    color:rgba(255,255,255,.25);

    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

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

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

    background:var(--primary);
    color:#fff;

    font-size:15px;
}


/* COUNTRY */

.location-country{
    display:block;

    color:var(--primary);

    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;

    margin-bottom:4px;
}


/* CITY */

.contact-location-card h4{
    color:#fff;

    font-family:"Manrope",sans-serif;
    font-size:17px;

    margin:0 0 7px;
}


/* ADDRESS */

.contact-location-card p{
    min-height:38px;

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

    font-size:15px;
    line-height:1.5;

    margin:0 0 13px;
}


/* CONTACT */

.location-contact{
    position:relative;
    z-index:2;

/*    display:flex;*/
    align-items:center;
    gap:7px;

    padding-top:10px;

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

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

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

    transition:.3s;
}

.location-contact>i{
    color:var(--primary);
    font-size:15px;
}

.location-contact{
    color:var(--cream);
	padding-right: 20px;
    transition:.3s;
}

.location-contact:hover{
    color:#fff;
}

.location-contact:hover .ms-auto{
    transform:translate(3px,-3px);
}


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

@media(max-width:767px){

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

}

@media(max-width:520px){

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

    .contact-locations-head h3{
        font-size:19px;
    }

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

@media(max-width:1100px){

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

    .contact-info-panel{
        padding:55px;
    }

    .contact-form-panel{
        padding:50px;
    }

    .contact-intro-grid{
        gap:60px;
    }

}


@media(max-width:991px){

    .contact-intro-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .office-heading{
        display:block;
    }

    .office-heading>p{
        margin-top:20px;
    }

    .contact-global-inner{
        flex-wrap:wrap;
    }

    .contact-global-content{
        flex:1;
    }

    .contact-global-actions{
        width:100%;
        margin-left:90px;
    }

}


@media(max-width:767px){

    .contact-info-panel{
        padding:45px 25px;
    }

    .contact-form-panel{
        padding:40px 25px;
    }

    .contact-info-panel h2{
        font-size:40px;
    }

    .contact-form-heading h3{
        font-size:30px;
    }

    .contact-global-inner{
        align-items:flex-start;
    }

    .contact-global-actions{
        margin-left:0;
        flex-direction:column;
        width:100%;
    }

    .contact-global-actions a{
        width:100%;
    }

}


@media(max-width:480px){

    .contact-info-panel h2{
        font-size:36px;
    }

    .office-card{
        min-height:330px;
    }

}

/* =========================================
   IATA ACCREDITATION SECTION
========================================= */

.iata-section{
    background:var(--navy);
    color:#fff;
    position:relative;
    overflow:hidden;
}

.iata-intro{
    max-width:500px;
    padding-right:40px;
}

.iata-intro .section-kicker{
    color:#ffb48d;
    margin-bottom:18px;
}

.iata-intro .section-title{
    color:#fff;
    margin-bottom:25px;
}

.iata-intro .section-title span{
    display:block;
    color:#ffb48d;
    font-style:italic;
}

.iata-intro p{
    font-size:15px;
    line-height:1.85;
    color:rgba(255,255,255,.62);
    margin-bottom:18px;
}

.iata-intro strong{
    color:#fff;
}


/* BADGES */

.iata-badges{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}


/* CARD */

.iata-card{
    min-height:330px;
    padding:20px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.045);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:all .35s ease;
}

.iata-card:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.08);
    border-color:rgba(255,180,141,.45);
}


/* TOP */

.iata-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.iata-index{
    font-family:"Manrope",sans-serif;
    font-size:11px;
    font-weight:800;
    color:#ffb48d;
}

.iata-country{
    font-size:15px;
    letter-spacing:1.3px;
    font-weight:700;
    color:rgba(255,255,255,.45);
}


/* IATA LOGO */

.iata-logo{
    height:200px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.iata-logo img{
    width:175px;
    height:175px;
/*
    object-fit:contain;
    filter:brightness(0) invert(1);
    opacity:.95;
    transition:transform .35s ease;
*/
}

.iata-card:hover .iata-logo img{
    transform:scale(1.07);
}


/* BOTTOM */

.iata-card-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding-top:16px;
}

.iata-card-bottom h3{
    margin:0;
    font-family:"Manrope",sans-serif;
    font-size:20px;
    font-weight:700;
    color:#fff;
}

.iata-card-bottom span{
    display:block;
    margin-top:5px;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:rgba(255,255,255,.45);
}


/* RESPONSIVE */

@media(max-width:991px){

    .iata-intro{
        max-width:650px;
        padding-right:0;
        margin-bottom:45px;
    }

    .iata-badges{
        max-width:750px;
    }
}

@media(max-width:575px){

    .iata-badges{
        grid-template-columns:1fr;
        gap:14px;
    }

    .iata-card{
        min-height:250px;
    }

    .iata-logo{
        height:130px;
    }

    .iata-logo img{
        width:100px;
        height:100px;
    }

    .iata-intro .section-title{
        font-size:34px;
    }
}


/* =========================================
   FLOATING ACTIONS
========================================= */

.floating-actions{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:90;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}


/* =========================================
   WHATSAPP WRAPPER
========================================= */

.whatsapp-float-wrap{
    position:relative;

    width:220px;
    height:220px;

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


/* =========================================
   MAIN WHATSAPP BUTTON
========================================= */

.float-whatsapp{
    position:absolute;
    right:0;
    bottom:0;

    z-index:10;

    width:48px;
    height:48px;

    border:0;
    border-radius:50%;

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

    background:#25d366;
    color:#fff;

    font-size:22px;

    cursor:pointer;

    box-shadow:
        0 10px 30px rgba(0,0,0,.18),
        0 0 0 5px rgba(37,211,102,.10);

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

.float-whatsapp:hover{
    transform:scale(1.08);

    box-shadow:
        0 12px 35px rgba(0,0,0,.22),
        0 0 0 7px rgba(37,211,102,.10);
}


/* =========================================
   COUNTRY ORBIT
========================================= */

.whatsapp-countries{
    position:absolute;

    right:24px;
    bottom:24px;

    width:125px;
    height:125px;

    pointer-events:none;
}


/* =========================================
   COUNTRY BUTTON
========================================= */

.whatsapp-country{
    position:absolute;
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    border:2px solid rgba(255,255,255,.9);
    text-decoration:none;
    box-shadow: 0 8px 25px rgba(0,0,0,.35);
    opacity:0;
    transform:scale(.3);
    pointer-events:none;
    transition:
        opacity .35s ease,
        transform .5s cubic-bezier(.34,1.56,.64,1),
        box-shadow .25s ease;
	color: #fff;
}



/* =========================================
   POSITIONS
   Bottom-left → Top-right
========================================= */

/* INDIA - bottom left */
.whatsapp-india{
    left:0;
    bottom:-20px;
}

/* SENEGAL - left */
.whatsapp-senegal{
    right:68px;
    bottom:30px;
}

/* ABIDJAN - upper left */
.whatsapp-abidjan{
    right:30px;
    bottom:64px;
}

/* UAE - top right */
.whatsapp-uae{
    right:-20px;
    top:0px;
}


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

.whatsapp-float-wrap.active .whatsapp-country{
    opacity:1;
    pointer-events:auto;
    transform:scale(1);
}

.whatsapp-float-wrap.active .whatsapp-india{
    transition-delay:.05s;
}

.whatsapp-float-wrap.active .whatsapp-senegal{
    transition-delay:.12s;
}

.whatsapp-float-wrap.active .whatsapp-abidjan{
    transition-delay:.19s;
}

.whatsapp-float-wrap.active .whatsapp-uae{
    transition-delay:.26s;
}


/* =========================================
   FLAG
========================================= */

.country-flag{
    font-size:21px;
    line-height:1;
}


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

.whatsapp-country:hover{
    transform:scale(1.12) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.20),
        0 0 0 4px rgba(37,211,102,.12);
}


/* =========================================
   TOOLTIP
========================================= */

.country-tooltip{
    position:absolute;

    right:55px;

    top:50%;

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

    background:var(--navy);
    color:#fff;

    padding:6px 10px;

    border-radius:4px;

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

    white-space:nowrap;

    opacity:0;
    visibility:hidden;

    transition:all .25s ease;
}

.whatsapp-country:hover .country-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%) translateX(0);
}


/* =========================================
   BACK TO TOP
========================================= */

.float-top{
    width:45px;
    height:45px;

    border-radius:50%;

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

    background:var(--navy);
    color:#fff;

    text-decoration:none;

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

    transition:all .3s ease;
}

.float-top:hover{
    transform:translateY(-3px);
}


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

@media(max-width:575px){

    .floating-actions{
        right:15px;
        bottom:15px;
    }

    .whatsapp-float-wrap{
        width:185px;
        height:185px;
    }

    .whatsapp-countries{
        width:100px;
        height:100px;
    }

    .float-whatsapp{
        width:44px;
        height:44px;
        font-size:20px;
    }

    .whatsapp-country{
        width:42px;
        height:42px;
    }

    .country-flag{
        font-size:19px;
    }

    .country-tooltip{
        display:none;
    }

}