/* MUSAFIRCAB-V3.0-HOMEPAGE-SAFE */

:root{
    --mc-red:#e51b23;
    --mc-red-dark:#bd1218;
    --mc-navy:#071a2d;
    --mc-ink:#101828;
    --mc-muted:#667085;
    --mc-line:#e6ebf1;
    --mc-soft:#f7f9fc;
    --mc-white:#ffffff;
    --mc-green:#12a666;
    --mc-shadow:0 15px 42px rgba(16,24,40,.09);
    --mc-shell:1220px;
}


*{
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
}


body.mcv3-body{
    margin:0;
    background:#fff;
    color:var(--mc-ink);
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
}


body.mcv3-body img{
    display:block;
    max-width:100%;
}


body.mcv3-body a{
    color:inherit;
    text-decoration:none;
}


body.mcv3-body button,
body.mcv3-body input,
body.mcv3-body select{
    font:inherit;
}


.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}


.mcv3-shell{
    width:min(
        var(--mc-shell),
        calc(100% - 40px)
    );
    margin-inline:auto;
}


.mcv3-skip{
    position:fixed;
    left:16px;
    top:-80px;
    z-index:999999;
    padding:12px 16px;
    border-radius:10px;
    background:#fff;
}


.mcv3-skip:focus{
    top:16px;
}


/* TOP BAR */

.mcv3-utility{
    background:var(--mc-navy);
    color:#eaf2fb;
    font-size:12px;
}


.mcv3-utility-inner{
    min-height:34px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}


.mcv3-utility-actions{
    display:flex;
    align-items:center;
    gap:18px;
}


.mcv3-utility a{
    color:#fff;
}


.mcv3-link-button{
    border:0;
    padding:5px 12px;
    border-radius:999px;
    background:var(--mc-red);
    color:#fff;
    cursor:pointer;
}


/* HEADER */

.mcv3-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(16,24,40,.07);
}


.mcv3-nav{
    min-height:70px;
    display:flex;
    align-items:center;
    gap:23px;
}


.mcv3-brand{
    display:flex;
    flex-direction:column;
    min-width:max-content;
    line-height:1;
}


.mcv3-brand strong{
    color:var(--mc-red);
    font-size:26px;
    font-weight:900;
    letter-spacing:-1.3px;
}


.mcv3-brand span{
    margin-top:4px;
    color:#6b7280;
    font-size:10px;
    font-weight:700;
}


.mcv3-menu{
    display:flex;
    align-items:center;
    gap:20px;
    margin-left:auto;
}


.mcv3-menu a{
    position:relative;
    color:#263547;
    font-size:12px;
    font-weight:750;
    white-space:nowrap;
}


.mcv3-menu a:hover,
.mcv3-menu a.active{
    color:var(--mc-red);
}


.mcv3-menu a.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    height:2px;
    border-radius:4px;
    background:var(--mc-red);
}


.mcv3-plan-btn,
.mcv3-primary-btn{
    border:0;
    border-radius:10px;
    padding:12px 17px;
    background:var(--mc-red);
    color:#fff!important;
    box-shadow:
        0 8px 20px
        rgba(229,27,35,.20);
    font-weight:850;
    cursor:pointer;
}


.mcv3-plan-btn:hover,
.mcv3-primary-btn:hover{
    background:var(--mc-red-dark);
}


.mcv3-menu-toggle{
    display:none;
    margin-left:auto;
    padding:10px;
    border:0;
    background:transparent;
}


.mcv3-menu-toggle span{
    display:block;
    width:24px;
    height:2px;
    margin:5px 0;
    background:#1f2937;
}


/* HERO */

.mcv3-hero{
    position:relative;
    min-height:420px;
    overflow:hidden;
    background:#0b2b48;
    color:#fff;
}


.mcv3-hero-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}


.mcv3-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(4,18,31,.90) 0%,
            rgba(4,18,31,.67) 43%,
            rgba(4,18,31,.25) 74%,
            rgba(4,18,31,.16) 100%
        );
}


.mcv3-hero-content{
    position:relative;
    z-index:2;
    padding-top:73px;
    padding-bottom:120px;
}


.mcv3-kicker,
.mcv3-eyebrow{
    color:var(--mc-red);
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}


.mcv3-kicker{
    margin-bottom:10px;
    color:#fff;
    opacity:.88;
}


.mcv3-hero h1{
    max-width:760px;
    margin:0;
    font-size:clamp(
        40px,
        5vw,
        65px
    );
    line-height:.99;
    letter-spacing:-2.3px;
    font-weight:900;
}


.mcv3-hero h1 em{
    color:#ff2530;
    font-style:normal;
}


.mcv3-hero p{
    max-width:650px;
    margin:18px 0;
    color:rgba(255,255,255,.91);
    font-size:17px;
}


.mcv3-hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    font-size:13px;
    font-weight:750;
}


/* SEARCH */

.mcv3-search-wrap{
    position:relative;
    z-index:30;
    margin-top:-78px;
}


.mcv3-search-card{
    overflow:hidden;
    border:1px solid rgba(16,24,40,.07);
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 24px 65px
        rgba(16,24,40,.16);
}


.mcv3-search-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    overflow:auto;
    padding:11px 12px 2px;
    white-space:nowrap;
    scrollbar-width:none;
}


.mcv3-search-tabs::-webkit-scrollbar{
    display:none;
}


.mcv3-search-tabs strong{
    padding:10px 16px;
    border-radius:9px;
    background:var(--mc-red);
    color:#fff;
    font-size:12px;
}


.mcv3-search-tabs a{
    padding:9px 14px;
    border-radius:9px;
    background:#f3f5f8;
    color:#344054;
    font-size:11px;
    font-weight:800;
}


.mcv3-search-form{
    display:grid;
    grid-template-columns:
        1.05fr
        1.25fr
        1fr
        .9fr
        auto;
    gap:9px;
    padding:10px 12px;
}


.mcv3-search-form label{
    min-width:0;
    padding:8px 11px;
    border:1px solid var(--mc-line);
    border-radius:11px;
    background:#fff;
}


.mcv3-search-form label span{
    display:block;
    margin-bottom:2px;
    color:#475467;
    font-size:10px;
    font-weight:850;
}


.mcv3-search-form input,
.mcv3-search-form select{
    width:100%;
    height:28px;
    border:0;
    outline:0;
    background:transparent;
    color:#101828;
    font-size:13px;
}


.mcv3-search-submit{
    min-width:145px;
    border:0;
    border-radius:11px;
    padding:0 22px;
    background:var(--mc-red);
    color:#fff;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
}


.mcv3-route-strip{
    display:flex;
    align-items:center;
    gap:9px;
    overflow:auto;
    padding:10px 14px;
    border-top:1px solid var(--mc-line);
    white-space:nowrap;
    scrollbar-width:none;
    font-size:10.5px;
}


.mcv3-route-strip::-webkit-scrollbar{
    display:none;
}


.mcv3-route-strip b{
    color:var(--mc-red);
}


.mcv3-route-strip a{
    padding:5px 9px;
    border:1px solid #edf0f4;
    border-radius:999px;
    background:#f7f8fa;
    color:#475467;
}


.mcv3-route-strip a:hover{
    color:var(--mc-red);
}


/* TRUST */

.mcv3-trust-strip{
    margin-top:32px;
    border-block:1px solid #f1edef;
    background:
        linear-gradient(
            90deg,
            #fff9f4,
            #fff5f7,
            #f5f9ff
        );
}


.mcv3-trust-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}


.mcv3-trust-item{
    padding:23px 12px;
    border-right:1px solid rgba(16,24,40,.06);
    text-align:center;
}


.mcv3-trust-item:last-child{
    border-right:0;
}


.mcv3-trust-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    margin:0 auto 9px;
    border-radius:50%;
    background:#fff0f1;
    color:var(--mc-red);
    font-size:20px;
    font-weight:900;
}


.mcv3-trust-item:nth-child(2)
.mcv3-trust-icon{
    background:#fff5dc;
    color:#c87c00;
}


.mcv3-trust-item:nth-child(3)
.mcv3-trust-icon{
    background:#e9fbf4;
    color:#0e9f6e;
}


.mcv3-trust-item:nth-child(5)
.mcv3-trust-icon{
    background:#eef4ff;
    color:#246bfd;
}


.mcv3-trust-item h2{
    margin:0 0 4px;
    font-size:13px;
    line-height:1.25;
}


.mcv3-trust-item p{
    margin:0;
    color:var(--mc-muted);
    font-size:10.5px;
    line-height:1.45;
}


/* SECTIONS */

.mcv3-section{
    padding:58px 0;
}


.mcv3-soft-section{
    background:
        linear-gradient(
            180deg,
            #fff,
            #fff9f9
        );
}


.mcv3-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}


.mcv3-section-head.compact{
    margin-bottom:12px;
}


.mcv3-section-head h2{
    margin:4px 0;
    font-size:clamp(
        28px,
        3vw,
        38px
    );
    line-height:1.08;
    letter-spacing:-1.3px;
}


.mcv3-section-head p{
    margin:0;
    color:var(--mc-muted);
    font-size:14px;
}


.mcv3-section-head > a{
    color:var(--mc-red);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}


/* DESTINATIONS */

.mcv3-destination-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
}


.mcv3-destination-card{
    overflow:hidden;
    border:1px solid var(--mc-line);
    border-radius:14px;
    background:#fff;
    box-shadow:
        0 7px 18px
        rgba(16,24,40,.04);
    transition:.18s ease;
}


.mcv3-destination-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--mc-shadow);
}


.mcv3-media-box{
    aspect-ratio:1.42/1;
    overflow:hidden;
    background:#edf2f7;
}


.mcv3-media-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s;
}


.mcv3-destination-card:hover img{
    transform:scale(1.04);
}


.mcv3-card-copy{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px;
}


.mcv3-card-copy h3{
    margin:0 0 2px;
    font-size:14px;
}


.mcv3-card-copy p{
    margin:0;
    color:var(--mc-muted);
    font-size:9.5px;
    line-height:1.35;
}


.mcv3-arrow{
    width:28px;
    height:28px;
    display:grid;
    flex:0 0 28px;
    place-items:center;
    border:1px solid var(--mc-line);
    border-radius:50%;
    font-weight:900;
}


/* PACKAGE */

.mcv3-package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}


.mcv3-package-card{
    overflow:hidden;
    border:1px solid var(--mc-line);
    border-radius:15px;
    background:#fff;
    box-shadow:
        0 8px 22px
        rgba(16,24,40,.05);
    transition:.18s ease;
}


.mcv3-package-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--mc-shadow);
}


.mcv3-package-image{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:1.65/1;
    background:#eef2f6;
}


.mcv3-package-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.mcv3-badge{
    position:absolute;
    top:10px;
    left:10px;
    padding:5px 9px;
    border-radius:999px;
    background:var(--mc-red);
    color:#fff;
    font-size:10px;
    font-weight:900;
}


.mcv3-package-body{
    padding:14px;
}


.mcv3-package-body h3{
    min-height:42px;
    margin:0 0 9px;
    font-size:15px;
    line-height:1.35;
}


.mcv3-package-body h3 a:hover{
    color:var(--mc-red);
}


.mcv3-package-meta{
    min-height:38px;
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#667085;
    font-size:10.5px;
}


.mcv3-price-row{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:12px;
    margin-top:11px;
    padding-top:11px;
    border-top:1px solid var(--mc-line);
}


.mcv3-price-row small{
    display:block;
    color:#667085;
    font-size:9px;
}


.mcv3-price-row strong{
    color:var(--mc-red);
    font-size:22px;
    line-height:1.1;
}


.mcv3-price-row del{
    margin-left:5px;
    color:#98a2b3;
    font-size:10px;
}


.mcv3-price-row > a{
    padding:8px 10px;
    border-radius:8px;
    background:var(--mc-red);
    color:#fff;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
}


/* CAB */

.mcv3-cab-banner{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(74,139,191,.55),
            transparent 27%
        ),
        linear-gradient(
            120deg,
            #061827,
            #103957 66%,
            #123f62
        );
    color:#fff;
}


.mcv3-cab-inner{
    position:relative;
    z-index:2;
    min-height:245px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}


.mcv3-eyebrow.light{
    color:#ffb8bc;
}


.mcv3-cab-inner h2{
    max-width:620px;
    margin:5px 0 10px;
    font-size:36px;
    line-height:1.05;
}


.mcv3-cab-inner p{
    max-width:650px;
    margin:0 0 17px;
    color:#d4e1ec;
}


.mcv3-cab-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}


.mcv3-cab-tags span{
    padding:6px 11px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    font-size:11px;
}


.mcv3-cab-actions{
    min-width:180px;
    display:flex;
    flex-direction:column;
    gap:9px;
}


.mcv3-white-btn,
.mcv3-outline-light{
    padding:11px 14px;
    border-radius:10px;
    text-align:center;
    font-size:12px;
    font-weight:900;
}


.mcv3-white-btn{
    background:#fff;
    color:#10283e!important;
}


.mcv3-outline-light{
    border:1px solid rgba(255,255,255,.45);
    color:#fff!important;
}


/* STEPS */

.mcv3-steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}


.mcv3-steps article{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:17px;
    border:1px solid var(--mc-line);
    border-radius:14px;
    background:#fff;
}


.mcv3-steps b{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--mc-red);
    color:#fff;
}


.mcv3-steps h3{
    margin:1px 0 3px;
    font-size:14px;
}


.mcv3-steps p{
    margin:0;
    color:var(--mc-muted);
    font-size:11px;
}


/* BLOGS */

.mcv3-guide-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}


.mcv3-guide-card{
    overflow:hidden;
    border:1px solid var(--mc-line);
    border-radius:14px;
    background:#fff;
}


.mcv3-guide-image{
    display:block;
    overflow:hidden;
    aspect-ratio:1.65/1;
    background:#edf2f7;
}


.mcv3-guide-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.mcv3-guide-card > div{
    padding:12px;
}


.mcv3-guide-card time{
    color:#98a2b3;
    font-size:9px;
}


.mcv3-guide-card h3{
    margin:5px 0 8px;
    font-size:13px;
    line-height:1.4;
}


.mcv3-guide-card h3 a:hover{
    color:var(--mc-red);
}


.mcv3-read-link{
    color:var(--mc-red)!important;
    font-size:10px;
    font-weight:900;
}


/* REVIEWS */

.mcv3-review-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}


.mcv3-review-card{
    padding:17px;
    border:1px solid var(--mc-line);
    border-radius:16px;
    background:#fff;
    box-shadow:
        0 8px 22px
        rgba(16,24,40,.04);
}


.mcv3-review-head{
    display:flex;
    align-items:center;
    gap:10px;
}


.mcv3-avatar{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:
        linear-gradient(
            135deg,
            #ffebe8,
            #ffe2e4
        );
    color:var(--mc-red);
    font-weight:900;
}


.mcv3-review-head h3{
    margin:0;
    font-size:13px;
}


.mcv3-review-head span{
    color:var(--mc-muted);
    font-size:10px;
}


.mcv3-stars{
    margin:9px 0 7px;
    color:#d0d5dd;
    font-size:13px;
    letter-spacing:1px;
}


.mcv3-stars .on{
    color:#ff9f0a;
}


.mcv3-review-card p{
    margin:0;
    color:#475467;
    font-size:11.5px;
}


/* PWA APP */

.mcv3-app-section{
    border-block:1px solid #f3e7e9;
    background:
        linear-gradient(
            105deg,
            #fff1f2,
            #fff8f6 60%,
            #f3f7ff
        );
}


.mcv3-app-inner{
    min-height:255px;
    display:flex;
    align-items:center;
    gap:46px;
}


.mcv3-phone-art{
    position:relative;
    width:160px;
    height:220px;
    align-self:end;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-left:20px;
    padding-top:32px;
    border:8px solid #111827;
    border-bottom:0;
    border-radius:30px 30px 0 0;
    background:
        linear-gradient(
            180deg,
            #fff,
            #edf7ff
        );
    box-shadow:
        0 15px 40px
        rgba(16,24,40,.14);
}


.mcv3-phone-notch{
    position:absolute;
    top:7px;
    left:50%;
    width:58px;
    height:12px;
    transform:translateX(-50%);
    border-radius:999px;
    background:#111827;
}


.mcv3-phone-art strong{
    color:var(--mc-red);
    font-size:19px;
}


.mcv3-phone-art span{
    color:#667085;
    font-size:8px;
}


.mcv3-phone-mountain{
    margin-top:auto;
    margin-bottom:25px;
    color:#447dab;
    font-size:29px;
}


.mcv3-app-copy{
    padding:35px 0;
}


.mcv3-app-copy h2{
    margin:5px 0 8px;
    font-size:31px;
    line-height:1.08;
}


.mcv3-app-copy p{
    margin:0 0 12px;
    color:var(--mc-muted);
}


.mcv3-app-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    margin-bottom:17px;
    color:#0e8e5b;
    font-size:11px;
}


/* OLD SEO CONTENT CLEAN DISPLAY */

.mcv3-about-seo{
    padding-top:46px;
}


.mcv3-rich-content{
    max-width:930px;
    color:#475467;
    font-size:14px;
    line-height:1.75;
}


.mcv3-rich-content p,
.mcv3-rich-content span{
    color:inherit!important;
    font-family:inherit!important;
    font-size:inherit!important;
}


.mcv3-rich-content h1{
    font-size:25px;
}


.mcv3-rich-content h2{
    font-size:21px;
}


.mcv3-rich-content h3{
    font-size:18px;
}


.mcv3-rich-content a{
    color:var(--mc-red);
    font-weight:700;
}


.mcv3-rich-content img{
    max-width:100%;
    height:auto;
}


/* HELP BAR */

.mcv3-helpbar{
    border-top:1px solid #e7edf6;
    background:#f4f8ff;
}


.mcv3-helpbar-inner{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}


.mcv3-helpbar-inner > div:first-child{
    display:flex;
    flex-direction:column;
}


.mcv3-helpbar strong{
    font-size:15px;
}


.mcv3-helpbar span{
    color:var(--mc-muted);
    font-size:11px;
}


.mcv3-helpbar-inner > div:last-child{
    display:flex;
    gap:8px;
}


.mcv3-helpbar a{
    padding:9px 13px;
    border:1px solid #d7dee8;
    border-radius:9px;
    background:#fff;
    font-size:11px;
    font-weight:900;
}


.mcv3-helpbar a.whatsapp{
    border-color:var(--mc-green);
    background:var(--mc-green);
    color:#fff;
}


.mcv3-helpbar a.quote{
    border-color:var(--mc-red);
    background:var(--mc-red);
    color:#fff;
}


/* FOOTER */

.mcv3-footer{
    padding-top:48px;
    background:
        linear-gradient(
            135deg,
            #061421,
            #0a2135
        );
    color:#d7e3ee;
}


.mcv3-footer-grid{
    display:grid;
    grid-template-columns:
        1.5fr
        repeat(4,1fr);
    gap:35px;
}


.footer-brand strong{
    color:#fff;
}


.footer-brand span{
    color:#a9bed0;
}


.mcv3-footer-grid > div:first-child p{
    max-width:270px;
    color:#a9bed0;
    font-size:11.5px;
}


.mcv3-footer h2{
    margin:0 0 12px;
    color:#fff;
    font-size:12px;
}


.mcv3-footer a,
.mcv3-footer p{
    display:block;
    margin:6px 0;
    color:#a9bed0;
    font-size:10.5px;
}


.mcv3-footer a:hover{
    color:#fff;
}


.mcv3-footer-bottom{
    display:flex;
    justify-content:space-between;
    margin-top:36px;
    padding:17px 0;
    border-top:1px solid rgba(255,255,255,.08);
    color:#8299ad;
    font-size:10px;
}


.mcv3-mobile-bar{
    display:none;
}


.mcv3-empty{
    grid-column:1/-1;
    padding:24px;
    border:1px dashed #d8dee7;
    border-radius:14px;
    background:#fafbfc;
    color:#667085;
    text-align:center;
}


/* TABLET */

@media(max-width:1050px){

    .mcv3-menu{
        gap:12px;
    }

    .mcv3-menu a{
        font-size:11px;
    }

    .mcv3-plan-btn{
        padding:10px 12px;
        font-size:11px;
    }

    .mcv3-destination-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .mcv3-trust-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .mcv3-search-form{
        grid-template-columns:repeat(2,1fr);
    }

    .mcv3-search-submit{
        min-height:50px;
    }

    .mcv3-package-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .mcv3-footer-grid{
        grid-template-columns:1.5fr repeat(2,1fr);
    }
}


/* MOBILE NAV */

@media(max-width:820px){

    .mcv3-shell{
        width:min(
            calc(100% - 28px),
            var(--mc-shell)
        );
    }

    .mcv3-utility-inner > span{
        display:none;
    }

    .mcv3-utility-inner{
        justify-content:center;
    }

    .mcv3-utility-actions{
        width:100%;
        justify-content:space-between;
    }

    .mcv3-nav{
        min-height:62px;
    }

    .mcv3-brand strong{
        font-size:23px;
    }

    .mcv3-menu-toggle{
        display:block;
    }

    .mcv3-plan-btn{
        display:none;
    }

    .mcv3-menu{
        position:absolute;
        top:66px;
        left:14px;
        right:14px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:8px;
        border:1px solid var(--mc-line);
        border-radius:14px;
        background:#fff;
        box-shadow:var(--mc-shadow);
    }

    .mcv3-menu.open{
        display:flex;
    }

    .mcv3-menu a{
        padding:11px 10px;
        border-radius:8px;
        font-size:13px;
    }

    .mcv3-menu a.active:after{
        display:none;
    }

    .mcv3-hero{
        min-height:500px;
    }

    .mcv3-hero-content{
        padding-top:62px;
        padding-bottom:150px;
    }

    .mcv3-hero h1{
        font-size:44px;
    }

    .mcv3-search-wrap{
        margin-top:-115px;
    }

    .mcv3-search-form{
        grid-template-columns:1fr 1fr;
    }

    .mcv3-search-submit{
        grid-column:1/-1;
    }

    .mcv3-package-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mcv3-guide-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mcv3-review-grid{
        grid-template-columns:1fr;
    }

    .mcv3-steps{
        grid-template-columns:repeat(2,1fr);
    }

    .mcv3-cab-inner{
        min-height:auto;
        padding:42px 0;
    }

    .mcv3-footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mcv3-footer-grid > div:first-child{
        grid-column:1/-1;
    }
}


/* PHONE */

@media(max-width:600px){

    body.mcv3-body{
        padding-bottom:69px;
        font-size:15px;
    }

    .mcv3-shell{
        width:min(
            calc(100% - 22px),
            var(--mc-shell)
        );
    }

    .mcv3-utility{
        display:none;
    }

    .mcv3-nav{
        min-height:60px;
    }

    .mcv3-hero{
        min-height:455px;
    }

    .mcv3-hero-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(5,20,35,.91),
                rgba(5,20,35,.56)
            );
    }

    .mcv3-hero-content{
        padding-top:58px;
        padding-bottom:138px;
    }

    .mcv3-hero h1{
        max-width:96%;
        font-size:38px;
        letter-spacing:-1.5px;
    }

    .mcv3-hero p{
        max-width:96%;
        font-size:14px;
    }

    .mcv3-hero-points{
        gap:7px 10px;
        font-size:11px;
    }

    .mcv3-search-wrap{
        margin-top:-106px;
    }

    .mcv3-search-card{
        border-radius:15px;
    }

    .mcv3-search-form{
        grid-template-columns:1fr;
    }

    .mcv3-search-submit{
        grid-column:auto;
        min-height:50px;
    }

    .mcv3-route-strip{
        padding:8px 10px;
    }

    .mcv3-trust-strip{
        margin-top:20px;
    }

    .mcv3-trust-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mcv3-trust-item{
        padding:18px 8px;
    }

    .mcv3-section{
        padding:42px 0;
    }

    .mcv3-section-head{
        align-items:flex-start;
    }

    .mcv3-section-head h2{
        font-size:28px;
    }

    .mcv3-section-head p{
        font-size:12px;
    }

    .mcv3-section-head > a{
        padding-top:5px;
        font-size:10px;
    }

    .mcv3-destination-grid{
        display:flex;
        overflow:auto;
        gap:10px;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
    }

    .mcv3-destination-card{
        flex:0 0 72%;
        scroll-snap-align:start;
    }

    .mcv3-package-grid{
        grid-template-columns:1fr;
    }

    .mcv3-package-image{
        aspect-ratio:1.75/1;
    }

    .mcv3-package-body h3{
        min-height:0;
        font-size:16px;
    }

    .mcv3-cab-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .mcv3-cab-inner h2{
        font-size:30px;
    }

    .mcv3-cab-actions{
        width:100%;
        flex-direction:row;
    }

    .mcv3-cab-actions a{
        flex:1;
    }

    .mcv3-steps{
        grid-template-columns:1fr;
    }

    .mcv3-guide-grid{
        display:flex;
        overflow:auto;
        gap:10px;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
    }

    .mcv3-guide-card{
        flex:0 0 80%;
        scroll-snap-align:start;
    }

    .mcv3-app-inner{
        min-height:270px;
        gap:15px;
    }

    .mcv3-phone-art{
        width:110px;
        height:175px;
        flex:0 0 110px;
        margin-left:0;
        border-width:6px;
        border-radius:24px 24px 0 0;
    }

    .mcv3-phone-art strong{
        font-size:14px;
    }

    .mcv3-phone-mountain{
        font-size:21px;
    }

    .mcv3-app-copy h2{
        font-size:25px;
    }

    .mcv3-app-copy p{
        font-size:12px;
    }

    .mcv3-app-points{
        display:none;
    }

    .mcv3-helpbar-inner{
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        padding:16px 0;
    }

    .mcv3-helpbar-inner > div:last-child{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .mcv3-helpbar a.quote{
        grid-column:1/-1;
        text-align:center;
    }

    .mcv3-footer{
        padding-top:36px;
    }

    .mcv3-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:25px 18px;
    }

    .mcv3-footer-grid > div:first-child{
        grid-column:1/-1;
    }

    .mcv3-footer-bottom{
        flex-direction:column;
        gap:4px;
        padding-bottom:20px;
    }

    .mcv3-mobile-bar{
        position:fixed;
        left:8px;
        right:8px;
        bottom:8px;
        z-index:9998;
        display:grid;
        grid-template-columns:repeat(4,1fr);
        overflow:hidden;
        border:1px solid var(--mc-line);
        border-radius:15px;
        background:#fff;
        box-shadow:
            0 12px 35px
            rgba(16,24,40,.18);
    }

    .mcv3-mobile-bar a{
        height:52px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:1px;
        color:#344054;
        font-weight:900;
    }

    .mcv3-mobile-bar a.wa{
        color:#0d995c;
    }

    .mcv3-mobile-bar span{
        font-size:8px;
    }
}


@media(prefers-reduced-motion:reduce){

    html{
        scroll-behavior:auto;
    }

    *,
    *:before,
    *:after{
        animation-duration:.01ms!important;
        transition-duration:.01ms!important;
    }
}


/* MUSAFIRCAB-V3.0.1-HOMEPAGE-POLISH-SAFE */


/* tighter homepage rhythm */

.mcv3-section{
    padding:44px 0;
}


.mcv3-section-head{
    margin-bottom:18px;
}


.mcv3-section-head h2{
    font-size:
        clamp(
            28px,
            2.55vw,
            36px
        );
}


.mcv3-section-head p{
    font-size:13px;
}


/* trust strip readability */

.mcv3-trust-item{
    padding:20px 14px;
}


.mcv3-trust-icon{
    width:48px;
    height:48px;
    font-size:21px;
}


.mcv3-trust-item h2{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}


.mcv3-trust-item p{
    font-size:11.5px;
    line-height:1.5;
}


/* premium destination cards */

.mcv3-destination-grid{
    gap:12px;
}


.mcv3-destination-card{
    border-radius:16px;
}


.mcv3-media-box{
    aspect-ratio:1.5/1;
}


.mcv3-card-copy{
    padding:12px 13px;
}


.mcv3-card-copy h3{
    font-size:14.5px;
}


.mcv3-card-copy p{
    font-size:10px;
}


/* marketplace-style packages */

.mcv3-package-grid{
    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        );
    gap:12px;
}


.mcv3-package-card{
    border-radius:14px;
}


.mcv3-package-image{
    aspect-ratio:1.48/1;
}


.mcv3-package-body{
    padding:12px;
}


.mcv3-package-body h3{
    min-height:51px;
    margin-bottom:8px;
    font-size:13px;
    line-height:1.3;
}


.mcv3-package-meta{
    min-height:34px;
    font-size:9.6px;
}


.mcv3-price-row{
    gap:6px;
}


.mcv3-price-row strong{
    font-size:19px;
}


.mcv3-price-row > a{
    padding:8px;
    font-size:9.5px;
}


.mcv301-type-badge{
    position:absolute;
    top:10px;
    right:10px;
    z-index:3;
    padding:5px 8px;
    border:1px solid
        rgba(
            255,
            255,
            255,
            .25
        );
    border-radius:999px;
    background:
        rgba(
            7,
            26,
            45,
            .90
        );
    color:#fff;
    font-size:9px;
    font-weight:850;
    backdrop-filter:blur(6px);
}


.mcv3-badge{
    z-index:3;
}


/* hero polish */

.mcv3-hero{
    min-height:430px;
}


.mcv3-hero-overlay{
    background:
        linear-gradient(
            90deg,
            rgba(4,18,31,.93) 0%,
            rgba(4,18,31,.70) 42%,
            rgba(4,18,31,.28) 74%,
            rgba(4,18,31,.13) 100%
        );
}


.mcv3-hero-content{
    padding-top:68px;
}


.mcv3-hero p{
    max-width:610px;
}


/* search */

.mcv3-search-card{
    border-radius:20px;
    box-shadow:
        0 22px 55px
        rgba(16,24,40,.14);
}


.mcv3-search-form label{
    background:#fbfcfe;
}


.mcv3-search-submit{
    transition:
        transform .18s ease,
        background .18s ease;
}


.mcv3-search-submit:hover{
    background:#bd1218;
    transform:translateY(-1px);
}


/* Cab visual */

.mcv3-cab-banner{
    background:

        radial-gradient(
            circle at 78% 24%,
            rgba(95,166,220,.45),
            transparent 24%
        ),

        linear-gradient(
            115deg,
            #061827 0%,
            #0c3859 58%,
            #175a86 100%
        );
}


.mcv3-cab-banner:after{
    content:"INDIA  →  NEPAL";
    position:absolute;
    right:4%;
    top:50%;
    transform:translateY(-50%);
    color:
        rgba(
            255,
            255,
            255,
            .055
        );
    font-size:
        clamp(
            42px,
            7vw,
            108px
        );
    font-weight:950;
    letter-spacing:-.055em;
    white-space:nowrap;
    pointer-events:none;
}


.mcv3-cab-inner{
    min-height:220px;
}


.mcv3-cab-inner h2{
    font-size:34px;
}


/* How it works */

.mcv3-steps{
    position:relative;
    gap:12px;
}


.mcv3-steps article{
    min-height:96px;
    box-shadow:
        0 8px 22px
        rgba(16,24,40,.035);
}


.mcv3-steps h3{
    font-size:14.5px;
}


.mcv3-steps p{
    font-size:11.5px;
}


/* guides */

.mcv3-guide-card{
    border-radius:16px;
    box-shadow:
        0 8px 22px
        rgba(16,24,40,.035);
}


.mcv3-guide-card h3{
    min-height:38px;
    font-size:13.5px;
}


/* reviews */

.mcv3-review-card{
    padding:19px;
}


.mcv3-review-head h3{
    font-size:14px;
}


.mcv3-review-card p{
    display:-webkit-box;
    overflow:hidden;
    font-size:12.5px;
    line-height:1.6;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
}


/* app */

.mcv3-app-inner{
    min-height:235px;
}


.mcv3-app-copy h2{
    font-size:30px;
}


.mcv3-phone-art{
    height:205px;
}


/* About / SEO content */

.mcv3-about-seo{
    padding:38px 0 42px;
}


.mcv3-rich-content{
    position:relative;
    max-width:980px;
    font-size:14.5px;
}


.mcv3-rich-content.mcv301-collapsed{
    max-height:165px;
    overflow:hidden;

    mask-image:
        linear-gradient(
            #000 62%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            #000 62%,
            transparent
        );
}


.mcv301-about-toggle{
    margin-top:14px;
    padding:9px 13px;
    border:1px solid #e51b23;
    border-radius:9px;
    background:#fff;
    color:#e51b23;
    font-weight:850;
    cursor:pointer;
}


/* footer */

.mcv3-footer h2{
    font-size:13px;
}


.mcv3-footer a,
.mcv3-footer p{
    font-size:11.5px;
    line-height:1.55;
}


.mcv3-footer-bottom{
    font-size:10.5px;
}


/* smart compact sticky header */

.mcv3-header,
.mcv3-nav,
.mcv3-brand strong{
    transition:.2s ease;
}


.mcv3-header.mcv301-compact
.mcv3-nav{
    min-height:56px;
    height:56px;
}


.mcv3-header.mcv301-compact
.mcv3-brand strong{
    font-size:22px;
}


.mcv3-header.mcv301-compact
.mcv3-plan-btn{
    padding:9px 14px;
}


/* responsive package grid */

@media(max-width:1200px){

    .mcv3-package-grid{
        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );
    }
}


@media(max-width:980px){

    .mcv3-package-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }


    .mcv3-package-body h3{
        min-height:0;
        font-size:14px;
    }
}


@media(max-width:600px){

    .mcv3-section{
        padding:36px 0;
    }


    .mcv3-trust-item h2{
        min-height:0;
        font-size:13px;
    }


    .mcv3-trust-item p{
        font-size:10.5px;
    }


    .mcv3-package-grid{
        grid-template-columns:1fr;
    }


    .mcv3-package-image{
        aspect-ratio:1.7/1;
    }


    .mcv3-package-body h3{
        font-size:16px;
    }


    .mcv3-package-meta{
        font-size:10.5px;
    }


    .mcv3-price-row strong{
        font-size:22px;
    }


    .mcv3-cab-banner:after{
        display:none;
    }


    .mcv3-about-seo{
        padding:32px 0;
    }
}



/*
|--------------------------------------------------------------------------
| MUSAFIRCAB-V3.0.2-LOWER-HOME-SAFE
|--------------------------------------------------------------------------
*/


/* CAB SECTION */

.mc302-cab{
    position:relative;
    min-height:258px;
    overflow:hidden;
    background:#082136;
    color:#fff;
}


.mc302-cab-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}


.mc302-cab-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(4,20,34,.98) 0%,
            rgba(5,36,58,.89) 50%,
            rgba(8,51,79,.70) 100%
        );
}


.mc302-cab-grid{
    position:relative;
    z-index:2;
    min-height:258px;
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        minmax(440px,.95fr);
    align-items:center;
    gap:20px;
}


.mc302-label,
.mc302-red-label{
    display:block;
    margin-bottom:3px;
    font-size:10px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}


.mc302-label{
    color:#ffc4c6;
}


.mc302-red-label{
    color:#ef1d25;
}


.mc302-cab-copy h2{
    max-width:570px;
    margin:0 0 13px;
    font-size:35px;
    line-height:1.03;
    letter-spacing:-1.2px;
}


.mc302-car-types{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:10px;
}


.mc302-car-types span{
    padding:6px 11px;
    border:1px solid
        rgba(255,255,255,.32);
    border-radius:999px;
    background:
        rgba(0,0,0,.10);
    font-size:10px;
    font-weight:750;
}


.mc302-cab-points{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:14px;
    color:#edf8f2;
    font-size:10.5px;
}


.mc302-cab-points span{
    white-space:nowrap;
}


.mc302-cab-button{
    display:inline-flex;
    align-items:center;
    min-height:41px;
    padding:0 16px;
    border-radius:8px;
    background:#ef1d25;
    color:#fff!important;
    box-shadow:
        0 8px 20px
        rgba(239,29,37,.24);
    font-size:11px;
    font-weight:900;
}


.mc302-car-art{
    position:relative;
    align-self:end;
    min-height:235px;
}


.mc302-car-art svg{
    position:absolute;
    left:-25px;
    bottom:-5px;
    width:108%;
    max-width:690px;
    filter:
        drop-shadow(
            0 15px 18px
            rgba(0,0,0,.26)
        );
}


.mc302-handwritten{
    position:absolute;
    top:31px;
    right:0;
    width:130px;
    transform:rotate(-7deg);
    color:#fff;
    font-family:
        "Segoe Print",
        "Comic Sans MS",
        cursive;
    font-size:20px;
    line-height:1.05;
    text-align:center;
}


.mc302-handwritten span,
.mc302-handwritten strong{
    display:block;
}


.mc302-handwritten strong{
    color:#ff4650;
    font-size:28px;
}


/* COMMON LOWER SECTION */

.mc302-guides{
    padding:31px 0 18px;
    background:#fff;
}


.mc302-reviews{
    padding:13px 0 32px;
    background:#fff;
}


.mc302-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:12px;
}


.mc302-section-head h2{
    margin:2px 0;
    color:#101828;
    font-size:29px;
    line-height:1;
    letter-spacing:-1px;
}


.mc302-section-head p{
    margin:0;
    color:#667085;
    font-size:11px;
}


.mc302-section-head > a{
    color:#ef1d25;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
}


/* GUIDES */

.mc302-guide-grid{
    display:grid;
    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        );
    gap:10px;
}


.mc302-guide-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e2e7ed;
    border-radius:8px;
    background:#fff;
    box-shadow:
        0 5px 14px
        rgba(16,24,40,.035);
}


.mc302-guide-image{
    display:block;
    overflow:hidden;
    aspect-ratio:1.45/1;
    background:#edf2f7;
}


.mc302-guide-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.mc302-guide-copy{
    padding:8px 9px 10px;
}


.mc302-guide-copy h3{
    min-height:36px;
    margin:0 0 6px;
    color:#101828;
    font-size:10.5px;
    line-height:1.35;
}


.mc302-guide-copy time{
    color:#8b96a4;
    font-size:8px;
}


.mc302-all-guides{
    display:flex;
    flex-direction:column;
}


.mc302-guide-poster{
    min-height:117px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(
            135deg,
            #082e4c,
            #1685c7
        );
    color:#fff;
    text-align:center;
}


.mc302-guide-poster span{
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}


.mc302-guide-poster strong{
    margin:3px 0;
    font-size:20px;
    line-height:.9;
}


.mc302-guide-poster small{
    opacity:.82;
    font-size:7px;
}


.mc302-all-guides .mc302-guide-copy b{
    color:#ef1d25;
    font-size:8px;
}


/* REVIEWS */

.mc302-review-grid{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:11px;
}


.mc302-review-card{
    min-width:0;
    padding:13px 14px;
    border:1px solid #e3e8ee;
    border-radius:10px;
    background:#fff;
    box-shadow:
        0 5px 14px
        rgba(16,24,40,.035);
}


.mc302-review-person{
    display:flex;
    align-items:center;
    gap:10px;
}


.mc302-avatar-wrap{
    position:relative;
    width:54px;
    height:54px;
    flex:0 0 54px;
}


.mc302-avatar,
.mc302-avatar-wrap img{
    position:absolute;
    inset:0;
    width:54px;
    height:54px;
    border-radius:50%;
}


.mc302-avatar{
    display:grid;
    place-items:center;
    background:
        linear-gradient(
            135deg,
            #ffe8e8,
            #fff5f5
        );
    color:#e51b23;
    font-size:17px;
    font-weight:900;
}


.mc302-avatar-wrap img{
    object-fit:cover;
    border:3px solid #f0f2f5;
    background:#fff;
}


.mc302-review-person h3{
    margin:0;
    font-size:11px;
}


.mc302-review-person > div:last-child > span{
    display:block;
    margin-top:1px;
    color:#8b95a3;
    font-size:8px;
}


.mc302-stars{
    margin-top:2px;
}


.mc302-stars b{
    color:#d4d9df;
    font-size:10px;
}


.mc302-stars b.active{
    color:#ff9c00;
}


.mc302-review-card > p{
    display:-webkit-box;
    overflow:hidden;
    margin:8px 0 0;
    color:#455365;
    font-size:9.5px;
    line-height:1.52;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}


/* APP STRIP */

.mc302-app-strip{
    overflow:hidden;
    border-top:1px solid #f2e6e7;
    border-bottom:1px solid #eee5e6;
    background:
        linear-gradient(
            90deg,
            #fff0f1 0%,
            #fff8f6 55%,
            #f4f8ff 100%
        );
}


.mc302-app-grid{
    min-height:107px;
    display:grid;
    grid-template-columns:
        110px
        1.15fr
        1.25fr
        170px;
    align-items:center;
    gap:18px;
}


.mc302-phone{
    position:relative;
    width:88px;
    height:120px;
    align-self:end;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:29px;
    border:6px solid #101828;
    border-bottom:0;
    border-radius:19px 19px 0 0;
    background:#fff;
}


.mc302-phone-notch{
    position:absolute;
    top:6px;
    left:50%;
    width:38px;
    height:7px;
    transform:translateX(-50%);
    border-radius:999px;
    background:#101828;
}


.mc302-phone strong{
    color:#e51b23;
    font-size:11px;
}


.mc302-phone span{
    color:#7a8798;
    font-size:6px;
}


.mc302-phone-mountain{
    margin-top:auto;
    margin-bottom:13px;
    color:#4d83ad;
    font-size:17px;
}


.mc302-app-copy h2{
    margin:2px 0;
    color:#101828;
    font-size:20px;
}


.mc302-app-copy p{
    max-width:390px;
    margin:0;
    color:#667085;
    font-size:9px;
}


.mc302-install-options{
    display:grid;
    grid-template-columns:
        1fr
        1fr;
    gap:7px;
}


.mc302-store-button{
    min-height:48px;
    padding:7px 10px;
    border:0;
    border-radius:7px;
    background:#0d1117;
    color:#fff;
    text-align:left;
    cursor:pointer;
}


.mc302-store-button small{
    display:block;
    opacity:.65;
    font-size:6px;
}


.mc302-store-button strong{
    display:block;
    margin-top:1px;
    font-size:9px;
}


.mc302-app-action button{
    width:100%;
    min-height:45px;
    padding:0 14px;
    border:0;
    border-radius:999px;
    background:#e51b23;
    color:#fff;
    font-size:10px;
    font-weight:900;
    cursor:pointer;
}


/* SEO CONTENT */

.mc302-seo-content{
    border:0;
    border-bottom:1px solid #e8edf3;
    background:#fafbfc;
}


.mc302-seo-content summary{
    width:min(
        1220px,
        calc(100% - 40px)
    );
    margin:auto;
    padding:13px 0;
    color:#475467;
    list-style:none;
    cursor:pointer;
    font-size:11px;
    font-weight:850;
}


.mc302-seo-content summary::-webkit-details-marker{
    display:none;
}


.mc302-seo-content summary{
    display:flex;
    justify-content:space-between;
}


.mc302-seo-content[open] summary span{
    transform:rotate(45deg);
}


.mc302-seo-content .mcv3-rich-content{
    padding:12px 0 28px;
}


/* FOOTER */

.mc302-footer{
    padding-top:26px;
    background:
        linear-gradient(
            135deg,
            #061522,
            #0b2235
        );
    color:#cdd9e3;
}


.mc302-footer-grid{
    display:grid;
    grid-template-columns:
        1.45fr
        repeat(4,1fr);
    gap:32px;
}


.mc302-footer-brand > a{
    display:flex;
    flex-direction:column;
    line-height:1;
}


.mc302-footer-brand strong{
    color:#fff;
    font-size:22px;
    letter-spacing:-1px;
}


.mc302-footer-brand span{
    margin-top:3px;
    color:#c5d1db;
    font-size:8px;
}


.mc302-footer-brand p{
    max-width:240px;
    margin:10px 0;
    color:#a9bac8;
    font-size:9px;
    line-height:1.55;
}


.mc302-footer-tag{
    display:inline-block;
    padding:5px 9px;
    border:1px solid
        rgba(255,255,255,.12);
    border-radius:999px;
    color:#aabac8;
    font-size:8px;
}


.mc302-footer h2{
    margin:0 0 8px;
    color:#fff;
    font-size:10px;
}


.mc302-footer a,
.mc302-footer p{
    display:block;
    margin:4px 0;
    color:#adbdca;
    font-size:8.5px;
    line-height:1.48;
}


.mc302-footer a:hover{
    color:#fff;
}


.mc302-footer-bottom{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:21px;
    border-top:1px solid
        rgba(255,255,255,.08);
    color:#7f94a7;
    font-size:8px;
}


/* TABLET */

@media(max-width:1100px){

    .mc302-cab-grid{
        grid-template-columns:
            minmax(0,1fr)
            470px;
    }


    .mc302-guide-grid{
        grid-template-columns:
            repeat(3,1fr);
    }


    .mc302-app-grid{
        grid-template-columns:
            95px
            1fr
            1fr;
    }


    .mc302-app-action{
        display:none;
    }


    .mc302-footer-grid{
        grid-template-columns:
            1.4fr
            repeat(2,1fr);
    }
}


/* MOBILE */

@media(max-width:820px){

    .mc302-cab{
        min-height:370px;
    }


    .mc302-cab-grid{
        min-height:370px;
        grid-template-columns:1fr;
        align-items:start;
        padding-top:32px;
    }


    .mc302-car-art{
        position:absolute;
        right:-30px;
        bottom:0;
        width:60%;
        min-height:180px;
        opacity:.88;
    }


    .mc302-handwritten{
        display:none;
    }


    .mc302-guide-grid{
        grid-template-columns:
            repeat(2,1fr);
    }


    .mc302-app-grid{
        grid-template-columns:
            90px
            1fr
            auto;
    }


    .mc302-install-options{
        display:none;
    }


    .mc302-app-action{
        display:block;
    }


    .mc302-footer-grid{
        grid-template-columns:
            repeat(2,1fr);
    }


    .mc302-footer-brand{
        grid-column:1/-1;
    }
}


/* PHONE */

@media(max-width:600px){

    .mc302-cab{
        min-height:395px;
    }


    .mc302-cab-grid{
        min-height:395px;
        padding-top:27px;
    }


    .mc302-cab-copy h2{
        font-size:30px;
    }


    .mc302-car-types{
        max-width:310px;
    }


    .mc302-cab-points{
        max-width:290px;
        gap:6px 10px;
    }


    .mc302-car-art{
        right:-66px;
        width:83%;
        min-height:175px;
    }


    .mc302-guides,
    .mc302-reviews{
        padding:27px 0;
    }


    .mc302-section-head{
        align-items:flex-start;
    }


    .mc302-section-head h2{
        font-size:26px;
    }


    .mc302-section-head > a{
        padding-top:7px;
    }


    .mc302-guide-grid{
        display:flex;
        overflow-x:auto;
        gap:10px;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
    }


    .mc302-guide-grid::-webkit-scrollbar{
        display:none;
    }


    .mc302-guide-card{
        flex:0 0 76%;
        scroll-snap-align:start;
    }


    .mc302-review-grid{
        display:flex;
        overflow-x:auto;
        gap:10px;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
    }


    .mc302-review-grid::-webkit-scrollbar{
        display:none;
    }


    .mc302-review-card{
        flex:0 0 88%;
        scroll-snap-align:start;
    }


    .mc302-app-grid{
        min-height:118px;
        grid-template-columns:
            72px
            1fr
            auto;
        gap:10px;
    }


    .mc302-phone{
        width:67px;
        height:102px;
        border-width:5px;
    }


    .mc302-phone strong{
        font-size:9px;
    }


    .mc302-app-copy h2{
        font-size:17px;
    }


    .mc302-app-copy p{
        max-width:170px;
        font-size:8px;
    }


    .mc302-app-action button{
        width:auto;
        min-width:86px;
        padding:0 10px;
    }


    .mc302-footer-grid{
        grid-template-columns:
            1fr
            1fr;
        gap:21px 16px;
    }


    .mc302-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        gap:3px;
        padding:10px 0 72px;
    }
}



/*
|--------------------------------------------------------------------------
| MUSAFIRCAB-V3.0.3-FLEET-CAB-SAFE
|--------------------------------------------------------------------------
*/


.mc303-cab-banner{

    width:100%;

    margin:0;

    padding:0;

    overflow:hidden;

    background:#071a2d;

}


.mc303-cab-image{

    position:relative;

    width:100%;

    min-height:260px;

    overflow:hidden;

    background:#071a2d;

}


.mc303-cab-image > img{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    /*
    |--------------------------------------------------------------------------
    | Exact crop preference supplied for this fleet image
    |--------------------------------------------------------------------------
    */

    object-position:69.5% 74.4%;

}


.mc303-cab-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:

        linear-gradient(

            90deg,

            rgba(3,19,32,.91) 0%,

            rgba(3,19,32,.77) 23%,

            rgba(3,19,32,.43) 43%,

            rgba(3,19,32,.10) 63%,

            rgba(3,19,32,0) 77%

        );

    pointer-events:none;

}


.mc303-cab-content{

    position:relative;

    z-index:2;

    min-height:260px;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    padding-top:25px;

    padding-bottom:25px;

    color:#fff;

}


.mc303-small-title{

    margin-bottom:5px;

    color:#ff7043;

    font-size:10px;

    font-weight:900;

    letter-spacing:.12em;

    text-transform:uppercase;

}


.mc303-cab-content h2{

    max-width:520px;

    margin:0 0 13px;

    color:#fff;

    font-size:clamp(

        27px,

        2.6vw,

        40px

    );

    line-height:1.04;

    letter-spacing:-1.2px;

    font-weight:900;

    text-shadow:

        0 3px 16px

        rgba(0,0,0,.35);

}


.mc303-vehicles{

    max-width:570px;

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:10px;

}


.mc303-vehicles span{

    min-height:30px;

    display:inline-flex;

    align-items:center;

    padding:0 10px;

    border:

        1px solid

        rgba(255,255,255,.38);

    border-radius:999px;

    background:

        rgba(4,22,36,.38);

    backdrop-filter:

        blur(5px);

    color:#fff;

    font-size:10px;

    font-weight:750;

}


.mc303-benefits{

    display:flex;

    flex-wrap:wrap;

    gap:7px 14px;

    margin-bottom:14px;

    color:#fff;

    font-size:10px;

    font-weight:800;

}


.mc303-benefits span{

    text-shadow:

        0 2px 8px

        rgba(0,0,0,.35);

}


.mc303-benefits span::first-letter{

    color:#21d27c;

}


.mc303-cab-button{

    min-height:42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0 17px;

    border-radius:8px;

    background:#ef1d25;

    color:#fff!important;

    font-size:11px;

    font-weight:900;

    box-shadow:

        0 9px 24px

        rgba(239,29,37,.28);

    transition:

        background .18s ease,

        transform .18s ease;

}


.mc303-cab-button:hover{

    background:#ce1219;

    transform:

        translateY(-1px);

    color:#fff!important;

}


/*
|--------------------------------------------------------------------------
| Large Screens
|--------------------------------------------------------------------------
*/

@media(min-width:1400px){


    .mc303-cab-image{

        min-height:285px;

    }


    .mc303-cab-content{

        min-height:285px;

    }


    .mc303-cab-content h2{

        font-size:40px;

    }

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media(max-width:900px){


    .mc303-cab-image{

        min-height:300px;

    }


    .mc303-cab-content{

        min-height:300px;

    }


    .mc303-cab-overlay{

        background:

            linear-gradient(

                90deg,

                rgba(3,19,32,.93) 0%,

                rgba(3,19,32,.72) 40%,

                rgba(3,19,32,.18) 72%,

                transparent 100%

            );

    }


    .mc303-cab-content h2{

        max-width:420px;

        font-size:31px;

    }


    .mc303-vehicles{

        max-width:430px;

    }


    .mc303-benefits{

        max-width:430px;

    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
|
| Mobile me image crop nahi hogi.
| Pehle full fleet image.
| Uske niche dark booking content.
|
|--------------------------------------------------------------------------
*/

@media(max-width:600px){


    .mc303-cab-image{

        min-height:0;

        display:flex;

        flex-direction:column;

        overflow:hidden;

    }


    .mc303-cab-image > img{

        position:relative;

        inset:auto;

        width:100%;

        height:auto;

        aspect-ratio:16 / 9;

        object-fit:cover;

        object-position:69.5% 74.4%;

    }


    .mc303-cab-overlay{

        display:none;

    }


    .mc303-cab-content{

        width:100%;

        min-height:0;

        padding:

            20px
            16px
            23px;

        background:

            linear-gradient(

                135deg,

                #061827,

                #103957

            );

    }


    .mc303-small-title{

        margin-bottom:5px;

        font-size:9px;

    }


    .mc303-cab-content h2{

        max-width:none;

        margin-bottom:13px;

        font-size:27px;

        line-height:1.07;

        letter-spacing:-.8px;

    }


    .mc303-vehicles{

        width:100%;

        gap:6px;

        margin-bottom:10px;

    }


    .mc303-vehicles span{

        min-height:29px;

        padding:0 9px;

        font-size:9px;

    }


    .mc303-benefits{

        gap:6px 11px;

        margin-bottom:14px;

        font-size:9.5px;

    }


    .mc303-cab-button{

        width:100%;

        min-height:47px;

        font-size:12px;

    }

}
