/*
|--------------------------------------------------------------------------
| MUSAFIRCAB-V3.2.1-PACKAGE-MASTER-REBUILD-SAFE
|--------------------------------------------------------------------------
*/


.mc321-page{

    --mc321-red:#e51b23;
    --mc321-red-dark:#bc1017;
    --mc321-navy:#071a2d;
    --mc321-navy2:#0d2f4d;
    --mc321-text:#101828;
    --mc321-body:#475467;
    --mc321-muted:#667085;
    --mc321-line:#e4e9f0;
    --mc321-soft:#f7f9fc;
    --mc321-soft-red:#fff4f4;
    --mc321-green:#12915a;
    --mc321-green-soft:#effbf5;
    --mc321-orange:#f79009;
    --mc321-radius:16px;
    --mc321-shadow:
        0 14px 38px
        rgba(16,24,40,.09);

    background:#fff;
    color:var(--mc321-text);

}


.mc321-page *{
    box-sizing:border-box;
}


.mc321-page img{
    max-width:100%;
}


.mc321-shell{

    width:min(
        1220px,
        calc(100% - 32px)
    );

    margin-inline:auto;

}


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

.mc321-hero{

    position:relative;
    overflow:hidden;

    padding:
        24px 0 40px;

    background:

        radial-gradient(
            circle at 82% 5%,
            rgba(229,27,35,.13),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #071a2d 0%,
            #0b2843 100%
        );

}


.mc321-breadcrumb{

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

    margin-bottom:20px;

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

    font-size:11px;

}


.mc321-breadcrumb a{

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

    text-decoration:none;

}


.mc321-hero-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.9fr);

    gap:42px;

    align-items:center;

}


.mc321-kicker,
.mc321-eyebrow{

    display:block;

    color:var(--mc321-red);

    font-size:11px;

    font-weight:900;

    letter-spacing:.11em;

    text-transform:uppercase;

}


.mc321-hero .mc321-kicker{

    color:#ff8589;

}


.mc321-hero-copy h1{

    max-width:760px;

    margin:
        8px 0 13px;

    color:#fff;

    font-size:
        clamp(
            34px,
            4.2vw,
            55px
        );

    font-weight:900;

    line-height:1.03;

    letter-spacing:-.045em;

}


.mc321-route{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:7px;

    margin-bottom:21px;

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

    font-size:12px;

    font-weight:700;

}


.mc321-route b{

    color:#ff777c;

}


.mc321-hero-facts{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-bottom:22px;

}


.mc321-fact{

    min-height:55px;

    display:flex;

    align-items:center;

    gap:8px;

    padding:
        8px 12px;

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

    border-radius:11px;

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

    backdrop-filter:
        blur(5px);

}


.mc321-fact-icon{

    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    flex:0 0 auto;

    border-radius:8px;

    background:
        rgba(229,27,35,.18);

    color:#ff8c90;

    font-weight:900;

}


.mc321-fact small,
.mc321-fact strong{

    display:block;

}


.mc321-fact small{

    margin-bottom:2px;

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

    font-size:8px;

    text-transform:uppercase;

    letter-spacing:.08em;

}


.mc321-fact strong{

    color:#fff;

    font-size:11px;

    font-weight:800;

}


.mc321-price-line{

    display:flex;
    flex-wrap:wrap;

    align-items:flex-end;

    gap:17px;

    margin-bottom:19px;

}


.mc321-price-line small{

    display:block;

    margin-bottom:1px;

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

    font-size:10px;

    font-weight:700;

}


.mc321-price-line strong{

    display:block;

    color:#fff;

    font-size:30px;

    font-weight:900;

    letter-spacing:-.04em;

}


.mc321-price-line > span{

    padding-bottom:5px;

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

    font-size:10px;

}


.mc321-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}


.mc321-btn{

    min-height:46px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    padding:
        0 17px;

    border:
        1px solid transparent;

    border-radius:9px;

    font-size:12px;

    font-weight:900;

    cursor:pointer;

    text-decoration:none!important;

}


.mc321-btn-primary{

    border-color:
        var(--mc321-red);

    background:
        var(--mc321-red);

    color:#fff!important;

}


.mc321-btn-primary:hover{

    background:
        var(--mc321-red-dark);

}


.mc321-btn-whatsapp{

    border-color:#23b26d;

    background:#23a968;

    color:#fff!important;

}


.mc321-icon-action{

    min-height:46px;

    padding:
        0 13px;

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

    border-radius:9px;

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

    color:#fff;

    font-size:11px;

    font-weight:800;

    text-decoration:none!important;

    cursor:pointer;

}


/* HERO IMAGE */

.mc321-hero-media{

    min-width:0;

}


.mc321-main-image{

    width:100%;

    padding:0;

    overflow:hidden;

    display:block;

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

    border-radius:20px;

    background:#102b44;

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

    cursor:zoom-in;

}


.mc321-main-image img{

    width:100%;

    aspect-ratio:16/10;

    display:block;

    object-fit:cover;

}


.mc321-thumbnails{

    display:grid;

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

    gap:7px;

    margin-top:9px;

}


.mc321-thumb{

    padding:0;

    overflow:hidden;

    border:
        2px solid transparent;

    border-radius:9px;

    background:transparent;

    cursor:pointer;

}


.mc321-thumb.active{

    border-color:#ff5e63;

}


.mc321-thumb img{

    width:100%;

    aspect-ratio:4/3;

    display:block;

    object-fit:cover;

}


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

.mc321-trust{

    border-bottom:
        1px solid
        var(--mc321-line);

    background:#fff;

}


.mc321-trust-grid{

    display:grid;

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

}


.mc321-trust-grid > div{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    color:#344054;

    font-size:11px;

    font-weight:800;

    border-right:
        1px solid
        var(--mc321-line);

}


.mc321-trust-grid > div:last-child{

    border-right:0;

}


.mc321-trust-grid b{

    width:22px;
    height:22px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        var(--mc321-green-soft);

    color:
        var(--mc321-green);

}


/* ================================================================
   NAV
   ================================================================ */

.mc321-nav{

    position:sticky;

    top:0;

    z-index:150;

    border-bottom:
        1px solid
        var(--mc321-line);

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

    box-shadow:
        0 5px 18px
        rgba(16,24,40,.045);

    backdrop-filter:
        blur(12px);

}


.mc321-nav-scroll{

    display:flex;

    align-items:center;

    overflow-x:auto;

    scrollbar-width:none;

}


.mc321-nav-scroll::-webkit-scrollbar{

    display:none;

}


.mc321-nav a{

    min-height:51px;

    display:flex;

    align-items:center;

    flex:0 0 auto;

    padding:
        0 14px;

    border-bottom:
        2px solid transparent;

    color:#475467;

    font-size:11px;

    font-weight:800;

    text-decoration:none;

}


.mc321-nav a:hover,
.mc321-nav a.active{

    color:
        var(--mc321-red);

    border-bottom-color:
        var(--mc321-red);

}


.mc321-nav .mc321-nav-book{

    margin-left:auto;

    min-height:35px;

    align-self:center;

    border:0;

    border-radius:8px;

    background:
        var(--mc321-red);

    color:#fff;

}


/* ================================================================
   MAIN LAYOUT
   ================================================================ */

.mc321-main{

    padding:
        34px 0 60px;

    background:
        var(--mc321-soft);

}


.mc321-layout{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        355px;

    gap:25px;

    align-items:start;

}


.mc321-content{

    min-width:0;

}


.mc321-section{

    margin-bottom:18px;

    padding:25px;

    scroll-margin-top:80px;

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

    border-radius:
        var(--mc321-radius);

    background:#fff;

    box-shadow:
        0 5px 18px
        rgba(16,24,40,.035);

}


.mc321-section h2{

    margin:
        5px 0 15px!important;

    color:
        var(--mc321-text)!important;

    font-size:
        clamp(
            24px,
            3vw,
            31px
        )!important;

    line-height:1.14!important;

    font-weight:900!important;

    letter-spacing:-.035em!important;

}


.mc321-section h3{

    color:
        var(--mc321-text);

}


.mc321-overview-short{

    margin:
        0 0 8px;

    color:
        var(--mc321-body);

    font-size:15px;

    line-height:1.72;

}


.mc321-text-link{

    display:inline-block;

    margin-top:5px;

    color:
        var(--mc321-red);

    font-size:11px;

    font-weight:850;

    text-decoration:none;

}


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

.mc321-rich{

    color:
        var(--mc321-body);

    font-size:14px;

    line-height:1.72;

}


.mc321-rich p{

    margin:
        0 0 14px;

    color:
        var(--mc321-body);

    line-height:1.72;

}


.mc321-rich ul,
.mc321-rich ol{

    padding-left:20px;

}


.mc321-rich li{

    margin-bottom:6px;

}


.mc321-rich img{

    height:auto;

    border-radius:12px;

}


.mc321-rich a{

    color:
        var(--mc321-red);

    overflow-wrap:anywhere;

}


.mc321-seo-content > h2{

    margin:
        28px 0 10px!important;

    font-size:
        23px!important;

}


.mc321-seo-content > h3{

    margin:
        23px 0 9px!important;

    font-size:
        19px!important;

    font-weight:850!important;

}


/* ================================================================
   ITINERARY
   ================================================================ */

.mc321-itinerary{

    display:grid;

    gap:10px;

}


.mc321-day{

    overflow:hidden;

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

    border-radius:13px;

    background:#fff;

}


.mc321-day summary{

    min-height:68px;

    display:grid;

    grid-template-columns:
        72px
        1fr
        28px;

    gap:12px;

    align-items:center;

    padding:
        11px 14px;

    list-style:none;

    cursor:pointer;

}


.mc321-day summary::-webkit-details-marker{

    display:none;

}


.mc321-day-number{

    min-height:42px;

    display:grid;

    place-items:center;

    border-radius:9px;

    background:
        var(--mc321-soft-red);

    color:
        var(--mc321-red);

    font-size:11px;

    font-weight:900;

    text-transform:uppercase;

}


.mc321-day summary strong{

    color:
        var(--mc321-text);

    font-size:14px;

    line-height:1.35;

}


.mc321-day-arrow{

    width:27px;
    height:27px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        var(--mc321-soft);

    color:
        var(--mc321-muted);

    font-size:19px;

    transition:
        transform .2s ease;

}


.mc321-day[open]
.mc321-day-arrow{

    transform:
        rotate(45deg);

}


.mc321-day[open]
summary{

    border-bottom:
        1px solid
        var(--mc321-line);

    background:#fffafa;

}


.mc321-day-content{

    padding:
        17px 18px 20px;

    color:
        var(--mc321-body);

    font-size:14px;

    line-height:1.72;

}


.mc321-day-content p:last-child{

    margin-bottom:0;

}


/* ================================================================
   INCLUSION / EXCLUSION
   ================================================================ */

.mc321-two-column{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:12px;

}


.mc321-list-card{

    padding:19px;

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

    border-radius:13px;

}


.mc321-list-card.included{

    background:#f5fcf8;

}


.mc321-list-card.excluded{

    background:#fff8f8;

}


.mc321-list-head{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:12px;

}


.mc321-list-head span{

    width:29px;
    height:29px;

    display:grid;
    place-items:center;

    border-radius:50%;

    font-weight:900;

}


.mc321-included
.mc321-list-head span,
.mc321-list-card.included
.mc321-list-head span{

    background:#daf6e7;

    color:#0c9257;

}


.mc321-list-card.excluded
.mc321-list-head span{

    background:#ffe4e5;

    color:#db2028;

}


.mc321-list-head h3{

    margin:0;

    font-size:16px;

    font-weight:900;

}


/* ================================================================
   POLICIES
   ================================================================ */

.mc321-policies{

    display:grid;

    gap:8px;

}


.mc321-policy{

    overflow:hidden;

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

    border-radius:11px;

}


.mc321-policy summary{

    min-height:54px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    padding:
        0 15px;

    list-style:none;

    cursor:pointer;

    background:#fafbfc;

    color:
        var(--mc321-text);

    font-size:13px;

    font-weight:850;

}


.mc321-policy summary::-webkit-details-marker{

    display:none;

}


.mc321-policy summary span{

    font-size:20px;

    transition:.2s ease;

}


.mc321-policy[open]
summary span{

    transform:
        rotate(45deg);

}


.mc321-policy-content{

    padding:
        15px;

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

    color:
        var(--mc321-body);

    font-size:13px;

    line-height:1.7;

}


/* ================================================================
   FAQ
   ================================================================ */

.mc321-faq-list{

    display:grid;

    gap:8px;

}


.mc321-faq{

    overflow:hidden;

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

    border-radius:11px;

}


.mc321-faq summary{

    min-height:57px;

    display:grid;

    grid-template-columns:
        auto
        1fr
        24px;

    gap:9px;

    align-items:center;

    padding:
        10px 14px;

    list-style:none;

    cursor:pointer;

}


.mc321-faq summary::-webkit-details-marker{

    display:none;

}


.mc321-faq summary > span{

    color:
        var(--mc321-red);

    font-size:11px;

    font-weight:900;

}


.mc321-faq summary strong{

    color:
        var(--mc321-text);

    font-size:13px;

    line-height:1.4;

}


.mc321-faq summary > b{

    width:24px;
    height:24px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        var(--mc321-soft);

    color:
        var(--mc321-muted);

    font-size:16px;

}


.mc321-faq[open]
summary{

    background:#fffafa;

}


.mc321-faq[open]
summary > b{

    transform:
        rotate(45deg);

}


.mc321-faq-answer{

    padding:
        0 47px 17px;

    color:
        var(--mc321-body);

    font-size:13px;

    line-height:1.7;

}


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

.mc321-sidebar{

    position:sticky;

    top:69px;

    scroll-margin-top:80px;

}


.mc321-booking-card{

    overflow:hidden;

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

    border-radius:18px;

    background:#fff;

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

}


.mc321-booking-top{

    padding:
        19px 20px 16px;

    border-bottom:
        1px solid
        var(--mc321-line);

    background:

        radial-gradient(
            circle at 100% 0,
            rgba(229,27,35,.12),
            transparent 42%
        ),

        #fff;

}


.mc321-booking-top span,
.mc321-booking-top strong,
.mc321-booking-top small{

    display:block;

}


.mc321-booking-top span{

    margin-bottom:2px;

    color:
        var(--mc321-muted);

    font-size:9px;

    font-weight:850;

    letter-spacing:.08em;

    text-transform:uppercase;

}


.mc321-booking-top strong{

    color:
        var(--mc321-red);

    font-size:31px;

    line-height:1.05;

    font-weight:900;

    letter-spacing:-.04em;

}


.mc321-booking-top small{

    margin-top:5px;

    color:
        var(--mc321-body);

    font-size:10px;

    font-weight:750;

}


#mc321BookingForm{

    padding:
        18px 20px 13px;

}


.mc321-field{

    margin-bottom:12px;

}


.mc321-field label{

    display:block;

    margin-bottom:5px;

    color:
        var(--mc321-text);

    font-size:10px;

    font-weight:850;

}


.mc321-field input,
.mc321-field textarea{

    width:100%;

    min-height:44px;

    padding:
        8px 11px;

    border:
        1px solid
        #d9dfe7;

    border-radius:9px;

    background:#fff;

    color:
        var(--mc321-text);

    font-size:13px;

    outline:none;

}


.mc321-field textarea{

    min-height:94px;

    resize:vertical;

}


.mc321-field input:focus,
.mc321-field textarea:focus{

    border-color:
        rgba(229,27,35,.58);

    box-shadow:
        0 0 0 3px
        rgba(229,27,35,.08);

}


.mc321-travellers{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;

}


.mc321-date-label{

    margin:
        -2px 0 7px;

    color:
        var(--mc321-muted);

    font-size:9px;

    font-weight:800;

}


.mc321-date-scroll{

    display:flex;

    gap:6px;

    overflow-x:auto;

    margin:
        0 0 14px;

    padding-bottom:3px;

    scrollbar-width:none;

}


.mc321-date-scroll::-webkit-scrollbar{

    display:none;

}


.mc321-date-chip{

    min-width:53px;

    min-height:61px;

    flex:0 0 auto;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

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

    border-radius:9px;

    background:#fff;

    color:
        var(--mc321-text);

    cursor:pointer;

}


.mc321-date-chip small{

    color:
        var(--mc321-muted);

    font-size:8px;

}


.mc321-date-chip strong{

    margin:
        1px 0;

    font-size:15px;

    font-weight:900;

}


.mc321-date-chip span{

    color:
        var(--mc321-muted);

    font-size:8px;

}


.mc321-date-chip.active{

    border-color:
        var(--mc321-red);

    background:
        var(--mc321-soft-red);

    color:
        var(--mc321-red);

}


.mc321-book-main{

    width:100%;

    min-height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:
        0 14px;

    border:0;

    border-radius:9px;

    background:
        var(--mc321-red);

    color:#fff;

    font-size:12px;

    font-weight:900;

    cursor:pointer;

}


.mc321-book-main:hover{

    background:
        var(--mc321-red-dark);

}


.mc321-enquiry-open,
.mc321-book-whatsapp{

    width:
        calc(100% - 40px);

    min-height:44px;

    margin:
        0 20px 9px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:9px;

    font-size:11px;

    font-weight:850;

    text-decoration:none!important;

    cursor:pointer;

}


.mc321-enquiry-open{

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

    background:#fff;

    color:
        var(--mc321-red);

}


.mc321-book-whatsapp{

    border:
        1px solid #b8ead1;

    background:
        var(--mc321-green-soft);

    color:
        #0c8953!important;

}


.mc321-booking-points{

    margin:
        14px 20px;

    padding:
        13px;

    border-radius:10px;

    background:
        var(--mc321-soft);

}


.mc321-booking-points div{

    margin-bottom:6px;

    color:
        var(--mc321-body);

    font-size:10px;

    font-weight:700;

}


.mc321-booking-points div:last-child{

    margin-bottom:0;

}


.mc321-help{

    padding:
        14px 20px 18px;

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

}


.mc321-help small{

    display:block;

    color:
        var(--mc321-muted);

    font-size:9px;

}


.mc321-help a{

    color:
        var(--mc321-text);

    font-size:14px;

    font-weight:900;

    text-decoration:none;

}


/* ================================================================
   RELATED
   ================================================================ */

.mc321-related{

    padding:
        55px 0 62px;

    background:#fff;

}


.mc321-related-head h2{

    margin:
        5px 0 24px;

    color:
        var(--mc321-text);

    font-size:
        clamp(
            27px,
            3vw,
            36px
        );

    font-weight:900;

    letter-spacing:-.035em;

}


.mc321-related-grid{

    display:grid;

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

    gap:15px;

}


.mc321-related-card{

    overflow:hidden;

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

    border-radius:14px;

    background:#fff;

    box-shadow:
        0 6px 20px
        rgba(16,24,40,.055);

}


.mc321-related-image{

    overflow:hidden;

    display:block;

}


.mc321-related-image img{

    width:100%;

    aspect-ratio:16/10;

    display:block;

    object-fit:cover;

    transition:
        transform .3s ease;

}


.mc321-related-card:hover
.mc321-related-image img{

    transform:
        scale(1.025);

}


.mc321-related-body{

    padding:14px;

}


.mc321-related-duration{

    display:inline-flex;

    margin-bottom:7px;

    padding:
        4px 7px;

    border-radius:999px;

    background:
        var(--mc321-soft-red);

    color:
        var(--mc321-red);

    font-size:8px;

    font-weight:900;

}


.mc321-related-body h3{

    min-height:42px;

    margin:
        0 0 7px;

    font-size:15px;

    line-height:1.35;

    font-weight:900;

}


.mc321-related-body h3 a{

    color:
        var(--mc321-text);

    text-decoration:none;

}


.mc321-related-destinations{

    min-height:30px;

    margin-bottom:10px;

    color:
        var(--mc321-muted);

    font-size:9px;

    line-height:1.5;

}


.mc321-related-bottom{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:10px;

    padding-top:10px;

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

}


.mc321-related-bottom small,
.mc321-related-bottom strong{

    display:block;

}


.mc321-related-bottom small{

    color:
        var(--mc321-muted);

    font-size:8px;

}


.mc321-related-bottom strong{

    color:
        var(--mc321-red);

    font-size:17px;

    font-weight:900;

}


.mc321-related-bottom > a{

    color:
        var(--mc321-red);

    font-size:10px;

    font-weight:850;

    text-decoration:none;

}


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

.mc321-final-cta{

    padding:
        34px 0;

    background:
        linear-gradient(
            135deg,
            #071a2d,
            #0e3454
        );

}


.mc321-final-cta
.mc321-shell{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

}


.mc321-final-cta span{

    color:#ff8589;

    font-size:10px;

    font-weight:850;

}


.mc321-final-cta h2{

    margin:
        4px 0 0;

    color:#fff;

    font-size:
        clamp(
            24px,
            3vw,
            33px
        );

    font-weight:900;

}


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

.mc321-mobile-bar{

    display:none;

}


/* ================================================================
   MODAL
   ================================================================ */

.mc321-modal{

    position:fixed;

    inset:0;

    z-index:9999;

    display:none;

    place-items:center;

    padding:16px;

}


.mc321-modal.open{

    display:grid;

}


.mc321-modal-backdrop{

    position:absolute;

    inset:0;

    background:
        rgba(4,15,27,.68);

    backdrop-filter:
        blur(4px);

}


.mc321-modal-dialog{

    position:relative;

    z-index:2;

    width:min(
        470px,
        100%
    );

    max-height:
        calc(100vh - 32px);

    overflow-y:auto;

    padding:25px;

    border-radius:17px;

    background:#fff;

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.28);

}


.mc321-modal-dialog h2{

    margin:
        5px 0 7px;

    font-size:25px;

    font-weight:900;

}


.mc321-modal-dialog > p{

    margin:
        0 0 17px;

    color:
        var(--mc321-muted);

    font-size:12px;

    line-height:1.6;

}


.mc321-modal-close{

    position:absolute;

    top:12px;
    right:12px;

    width:35px;
    height:35px;

    display:grid;
    place-items:center;

    border:0;

    border-radius:50%;

    background:
        var(--mc321-soft);

    color:
        var(--mc321-text);

    font-size:23px;

    cursor:pointer;

}


.mc321-form-message{

    display:none;

    margin-bottom:10px;

    padding:9px 10px;

    border-radius:8px;

    font-size:10px;

    font-weight:750;

}


.mc321-form-message.success{

    display:block;

    background:#ecfdf3;

    color:#067647;

}


.mc321-form-message.error{

    display:block;

    background:#fef3f2;

    color:#b42318;

}


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

@media(max-width:1050px){

    .mc321-hero-grid{

        grid-template-columns:
            1fr 400px;

        gap:25px;

    }


    .mc321-layout{

        grid-template-columns:
            minmax(0,1fr)
            320px;

        gap:18px;

    }

}


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

@media(max-width:900px){

    .mc321-hero-grid{

        grid-template-columns:1fr;

    }


    .mc321-hero-copy{

        order:2;

    }


    .mc321-hero-media{

        order:1;

    }


    .mc321-layout{

        grid-template-columns:1fr;

    }


    .mc321-sidebar{

        position:static;

        order:-1;

    }


    .mc321-related-grid{

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

    }

}


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

@media(max-width:767px){

    .mc321-page{

        padding-bottom:68px;

    }


    .mc321-shell{

        width:
            calc(100% - 22px);

    }


    .mc321-hero{

        padding:
            12px 0 25px;

    }


    .mc321-breadcrumb{

        margin-bottom:11px;

    }


    .mc321-hero-grid{

        gap:19px;

    }


    .mc321-main-image{

        border-radius:14px;

    }


    .mc321-main-image img{

        aspect-ratio:16/10;

    }


    .mc321-thumbnails{

        gap:5px;

        margin-top:6px;

    }


    .mc321-thumb{

        border-radius:6px;

    }


    .mc321-hero-copy h1{

        margin:
            6px 0 9px;

        font-size:
            clamp(
                29px,
                9vw,
                38px
            );

        line-height:1.07;

    }


    .mc321-route{

        margin-bottom:14px;

        font-size:10px;

    }


    .mc321-hero-facts{

        gap:6px;

        margin-bottom:15px;

    }


    .mc321-fact{

        min-height:48px;

        padding:
            7px 9px;

    }


    .mc321-fact-icon{

        width:25px;
        height:25px;

    }


    .mc321-fact strong{

        font-size:9px;

    }


    .mc321-price-line{

        margin-bottom:14px;

    }


    .mc321-price-line strong{

        font-size:27px;

    }


    .mc321-hero-actions
    .mc321-btn{

        min-height:44px;

    }


    .mc321-icon-action{

        display:none;

    }


    .mc321-trust-grid{

        grid-template-columns:
            1fr 1fr;

    }


    .mc321-trust-grid > div{

        min-height:50px;

        justify-content:flex-start;

        padding-left:12px;

        border-bottom:
            1px solid
            var(--mc321-line);

        font-size:9px;

    }


    .mc321-nav{

        top:0;

    }


    .mc321-nav .mc321-nav-book{

        margin-left:0;

    }


    .mc321-nav a{

        min-height:44px;

        padding:
            0 10px;

        font-size:9px;

    }


    .mc321-main{

        padding:
            18px 0 35px;

    }


    .mc321-sidebar{

        display:none;

    }


    .mc321-section{

        margin-bottom:11px;

        padding:17px;

        border-radius:13px;

    }


    .mc321-section h2{

        margin:
            4px 0 12px!important;

        font-size:
            22px!important;

    }


    .mc321-overview-short{

        font-size:13px;

        line-height:1.68;

    }


    .mc321-two-column{

        grid-template-columns:1fr;

    }


    .mc321-day summary{

        min-height:61px;

        grid-template-columns:
            59px
            1fr
            25px;

        gap:8px;

        padding:
            9px 10px;

    }


    .mc321-day-number{

        min-height:39px;

        font-size:9px;

    }


    .mc321-day summary strong{

        font-size:12px;

    }


    .mc321-day-content{

        padding:
            14px;

        font-size:13px;

    }


    .mc321-rich{

        font-size:13px;

    }


    .mc321-seo-content > h2{

        font-size:
            20px!important;

    }


    .mc321-seo-content > h3{

        font-size:
            17px!important;

    }


    .mc321-faq-answer{

        padding:
            0 14px 15px;

    }


    .mc321-related{

        padding:
            37px 0 43px;

    }


    .mc321-related-grid{

        grid-template-columns:1fr;

    }


    .mc321-related-card{

        display:grid;

        grid-template-columns:
            135px 1fr;

    }


    .mc321-related-image{

        height:100%;

    }


    .mc321-related-image img{

        height:100%;

        aspect-ratio:auto;

    }


    .mc321-related-body{

        padding:12px;

    }


    .mc321-related-body h3{

        min-height:auto;

        font-size:13px;

    }


    .mc321-related-destinations{

        min-height:auto;

    }


    .mc321-final-cta{

        padding:
            25px 0;

    }


    .mc321-final-cta
    .mc321-shell{

        display:block;

    }


    .mc321-final-cta h2{

        margin-bottom:14px;

        font-size:24px;

    }


    .mc321-mobile-bar{

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:999;

        min-height:64px;

        display:grid;

        grid-template-columns:
            65px
            82px
            1fr;

        gap:7px;

        align-items:center;

        padding:
            8px 10px;

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

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

        box-shadow:
            0 -8px 27px
            rgba(16,24,40,.12);

    }


    .mc321-mobile-bar a,
    .mc321-mobile-bar button{

        height:46px;

        display:flex;

        align-items:center;

        justify-content:center;

        border-radius:9px;

        font-size:10px;

        font-weight:900;

        text-decoration:none;

    }


    .mc321-mobile-bar a:first-child{

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

        background:#fff;

        color:
            var(--mc321-text);

    }


    .mc321-mobile-bar a:nth-child(2){

        border:
            1px solid
            #b4e9cf;

        background:
            var(--mc321-green-soft);

        color:#0c8953;

    }


    .mc321-mobile-bar button{

        border:0;

        background:
            var(--mc321-red);

        color:#fff;

    }

}


/* ================================================================
   SMALL PHONE
   ================================================================ */

@media(max-width:420px){

    .mc321-hero-actions{

        display:grid;

        grid-template-columns:
            1fr 1fr;

    }


    .mc321-hero-actions
    .mc321-btn{

        width:100%;

        padding:
            0 9px;

        font-size:10px;

    }


    .mc321-thumbnails{

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

    }


    .mc321-thumb:nth-child(n+5){

        display:none;

    }


    .mc321-related-card{

        grid-template-columns:
            115px 1fr;

    }

}


/* ================================================================
   REDUCED MOTION
   ================================================================ */

@media(
    prefers-reduced-motion:reduce
){

    .mc321-page *{

        scroll-behavior:auto!important;

        transition:none!important;

        animation:none!important;

    }

}

/*
|--------------------------------------------------------------------------
| MUSAFIRCAB-V3.2.2-PRECISION-POLISH-SAFE
|--------------------------------------------------------------------------
*/


/* ================================================================
   ONE TYPOGRAPHY SYSTEM
   ================================================================ */

.mc321-page,
.mc321-page button,
.mc321-page input,
.mc321-page select,
.mc321-page textarea{

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif!important;

}


.mc321-page
.mc321-rich p,

.mc321-page
.mc321-rich li,

.mc321-page
.mc321-rich td,

.mc321-page
.mc321-rich th,

.mc321-page
.mc321-rich a,

.mc321-page
.mc321-rich span,

.mc321-page
.mc321-rich strong,

.mc321-page
.mc321-day-content,

.mc321-page
.mc321-day-content p,

.mc321-page
.mc321-day-content li,

.mc321-page
.mc321-list-card p,

.mc321-page
.mc321-list-card li,

.mc321-page
.mc321-policy-content,

.mc321-page
.mc321-policy-content p,

.mc321-page
.mc321-policy-content li,

.mc321-page
.mc321-faq-answer,

.mc321-page
.mc321-faq-answer p{

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif!important;

}


.mc321-page
.mc321-rich h1,

.mc321-page
.mc321-rich h2,

.mc321-page
.mc321-rich h3,

.mc321-page
.mc321-rich h4,

.mc321-page
.mc321-rich h5,

.mc321-page
.mc321-rich h6{

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif!important;

    color:#101828!important;

    font-weight:800!important;

}


/* ================================================================
   HERO CONTRAST FIX
   ================================================================ */

html.mcv31
body
.mc321-page
.mc321-hero-copy h1,

body
.mc321-page
.mc321-hero-copy h1{

    color:#ffffff!important;

    opacity:1!important;

    visibility:visible!important;

    text-shadow:
        0 4px 22px
        rgba(0,0,0,.22)!important;

}


.mc321-page
.mc321-hero-copy{

    color:#fff;

}


.mc321-page
.mc321-kicker{

    color:#ff898d!important;

}


.mc321-page
.mc321-route{

    color:
        rgba(
            255,
            255,
            255,
            .90
        )!important;

}


.mc321-page
.mc321-route span{

    color:#fff!important;

}


.mc321-page
.mc321-route b{

    color:#ff7b80!important;

}


.mc321-page
.mc321-hero-grid{

    gap:36px;

}


.mc321-page
.mc321-main-image{

    border-radius:18px;

}


.mc321-page
.mc321-main-image img{

    aspect-ratio:
        16 / 9;

}


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

.mc321-page
.mc321-fact{

    min-height:58px;

    padding:
        9px 13px;

    border-color:
        rgba(
            255,
            255,
            255,
            .19
        );

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

}


.mc321-page
.mc321-fact small{

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

    font-size:9px;

}


.mc321-page
.mc321-fact strong{

    color:#fff!important;

    font-size:12px;

}


.mc321-page
.mc321-price-line small{

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

}


.mc321-page
.mc321-price-line strong{

    color:#fff!important;

}


.mc321-page
.mc321-price-line > span{

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

}


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

.mc321-page
.mc321-trust-grid > div{

    min-height:62px;

    color:#25364a;

    font-size:12px;

    font-weight:750;

}


.mc321-page
.mc321-trust-grid b{

    width:24px;

    height:24px;

}


/* ================================================================
   STICKY NAV
   ================================================================ */

.mc321-page
.mc321-nav a{

    min-height:52px;

    padding:
        0 15px;

    color:#475467!important;

    font-size:12px!important;

    font-weight:750!important;

}


.mc321-page
.mc321-nav a:hover,

.mc321-page
.mc321-nav a.active{

    color:#e51b23!important;

}


html
body
.mc321-page
.mc321-nav
.mc321-nav-book{

    min-width:98px!important;

    min-height:36px!important;

    height:36px!important;

    margin-left:auto!important;

    padding:
        0 16px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    border:0!important;

    border-radius:8px!important;

    background:#e51b23!important;

    color:#fff!important;

    opacity:1!important;

    visibility:visible!important;

    font-size:11px!important;

    line-height:1!important;

    font-weight:900!important;

    text-indent:0!important;

    -webkit-text-fill-color:#fff!important;

}


/* ================================================================
   MAIN PAGE SPACING
   ================================================================ */

.mc321-page
.mc321-main{

    padding:
        30px 0 54px;

    background:#f6f8fb;

}


.mc321-page
.mc321-layout{

    gap:24px;

}


.mc321-page
.mc321-section{

    margin-bottom:16px;

    padding:27px;

    border-radius:15px;

    box-shadow:
        0 4px 16px
        rgba(16,24,40,.035);

}


.mc321-page
.mc321-section h2{

    margin:
        4px 0 14px!important;

    color:#071a2d!important;

    font-size:
        clamp(
            25px,
            2.4vw,
            32px
        )!important;

    line-height:1.16!important;

    font-weight:850!important;

    letter-spacing:
        -.035em!important;

}


.mc321-page
.mc321-eyebrow{

    color:#e51b23!important;

    font-size:10px;

    font-weight:900;

    letter-spacing:.12em;

}


/* ================================================================
   OVERVIEW
   ================================================================ */

.mc321-page
.mc321-overview-short{

    max-width:820px;

    margin:
        0 0 12px;

    color:#344054!important;

    font-size:15px!important;

    line-height:1.75!important;

}


.mc321-page
.mc321-text-link{

    color:#e51b23!important;

    font-size:11px;

    font-weight:850;

}


/* ================================================================
   ITINERARY
   ================================================================ */

.mc321-page
.mc321-day{

    border-color:#dde4ec;

    border-radius:12px;

}


.mc321-page
.mc321-day summary{

    grid-template-columns:
        76px
        1fr
        32px;

    min-height:66px;

}


.mc321-page
.mc321-day summary strong{

    color:#101828!important;

    font-size:14px;

    font-weight:800;

}


.mc321-page
.mc321-day-number{

    background:#fff2f2;

    color:#e51b23!important;

    font-size:10px;

}


.mc321-page
.mc321-day-arrow{

    font-size:0!important;

    transform:none!important;

}


.mc321-page
.mc321-day-arrow::before{

    content:"+";

    font-size:18px;

    line-height:1;

}


.mc321-page
.mc321-day[open]
.mc321-day-arrow{

    transform:none!important;

}


.mc321-page
.mc321-day[open]
.mc321-day-arrow::before{

    content:"−";

}


.mc321-page
.mc321-day-content{

    color:#344054!important;

    font-size:14px!important;

    line-height:1.75!important;

}


.mc321-page
.mc321-day-content p{

    color:#344054!important;

    font-size:14px!important;

    line-height:1.75!important;

}


.mc321-page
.mc321-day-content h2{

    font-size:20px!important;

}


.mc321-page
.mc321-day-content h3{

    margin:
        18px 0 8px!important;

    font-size:17px!important;

    line-height:1.35!important;

}


.mc321-page
.mc321-day-content ul,

.mc321-page
.mc321-day-content ol{

    padding-left:21px!important;

}


/* ================================================================
   INCLUSIONS / EXCLUSIONS
   ================================================================ */

.mc321-page
.mc321-list-card{

    padding:20px;

    border-color:#dfe6ed;

}


.mc321-page
.mc321-list-head h3{

    color:#101828!important;

    font-size:17px!important;

    font-weight:850!important;

}


.mc321-page
.mc321-list-card
.mc321-rich{

    color:#344054!important;

    font-size:14px!important;

}


.mc321-page
.mc321-list-card
.mc321-rich li{

    margin-bottom:8px;

    color:#344054!important;

    font-size:14px!important;

    line-height:1.6!important;

}


/* ================================================================
   POLICIES / FAQ
   ================================================================ */

.mc321-page
.mc321-policy summary,

.mc321-page
.mc321-faq summary{

    color:#101828!important;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif!important;

}


.mc321-page
.mc321-policy summary{

    min-height:56px;

    font-size:13px;

}


.mc321-page
.mc321-faq summary strong{

    color:#101828!important;

    font-size:13px;

    font-weight:800;

}


.mc321-page
.mc321-policy-content,

.mc321-page
.mc321-faq-answer{

    color:#475467!important;

    font-size:13.5px!important;

    line-height:1.72!important;

}


/* ================================================================
   TRAVEL FACT WARNING
   ================================================================ */

.mc321-page
.mc322-travel-fact{

    margin:
        12px 0 20px;

    padding:15px 16px;

    border:
        1px solid #f2c86d;

    border-left:
        4px solid #f79009;

    border-radius:10px;

    background:#fffaeb;

    color:#5f4300!important;

    font-size:13px!important;

    line-height:1.65!important;

}


.mc321-page
.mc322-travel-fact strong{

    color:#7a2e0e!important;

}


.mc321-page
.mc322-travel-fact a{

    color:#b42318!important;

    font-weight:800;

}


/* ================================================================
   LONG SEO CONTENT
   ================================================================ */

.mc321-page
.mc321-seo-content{

    color:#344054!important;

    font-size:15px!important;

    line-height:1.76!important;

}


.mc321-page
.mc321-seo-content p{

    color:#344054!important;

    font-size:15px!important;

    line-height:1.76!important;

}


.mc321-page
.mc321-seo-content > h2{

    margin:
        30px 0 11px!important;

    color:#071a2d!important;

    font-size:24px!important;

    font-weight:850!important;

}


.mc321-page
.mc321-seo-content > h3{

    margin:
        23px 0 9px!important;

    color:#101828!important;

    font-size:19px!important;

    font-weight:800!important;

}


.mc321-page
.mc321-seo-content table{

    width:100%!important;

    margin:
        15px 0 22px!important;

    border-collapse:
        separate!important;

    border-spacing:0!important;

    overflow:hidden;

    border:
        1px solid #dde4ec!important;

    border-radius:11px!important;

    background:#fff;

}


.mc321-page
.mc321-seo-content th,

.mc321-page
.mc321-seo-content td{

    padding:
        11px 13px!important;

    border-bottom:
        1px solid #e8edf2!important;

    color:#344054!important;

    font-size:13px!important;

    text-align:left!important;

}


.mc321-page
.mc321-seo-content tr:last-child td{

    border-bottom:0!important;

}


.mc321-page
.mc321-seo-content th{

    background:#f8fafc!important;

    color:#101828!important;

    font-weight:800!important;

}


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

.mc321-page
.mc321-sidebar{

    top:66px;

}


.mc321-page
.mc321-booking-card{

    border-radius:16px;

    border-color:#dce3eb;

    box-shadow:
        0 14px 36px
        rgba(16,24,40,.10);

}


.mc321-page
.mc321-booking-top{

    padding:
        18px 19px 15px;

    background:
        linear-gradient(
            135deg,
            #fff,
            #fff4f4
        );

}


.mc321-page
.mc321-booking-top strong{

    color:#e51b23!important;

    font-size:31px;

}


.mc321-page
.mc322-price-note{

    margin:
        9px 0 0;

    color:#667085!important;

    font-size:9.5px!important;

    line-height:1.45!important;

}


.mc321-page
#mc321BookingForm{

    padding:
        17px 19px 12px;

}


.mc321-page
.mc321-field label{

    margin-bottom:6px;

    color:#344054!important;

    font-size:10px;

}


.mc321-page
.mc321-field input{

    min-height:47px;

    border-color:#d7dee7;

    font-size:13px;

}


.mc321-page
.mc322-date-note{

    margin:
        -4px 0 12px;

    color:#667085;

    font-size:9px;

    line-height:1.45;

}


.mc321-page
.mc321-date-chip{

    min-width:58px;

    min-height:66px;

}


.mc321-page
.mc321-date-chip small,

.mc321-page
.mc321-date-chip span{

    font-size:8px;

}


.mc321-page
.mc321-date-chip span{

    white-space:nowrap;

}


.mc321-page
.mc321-book-main{

    min-height:49px;

    background:#e51b23!important;

    color:#fff!important;

    font-size:12px;

}


.mc321-page
.mc321-enquiry-open{

    min-height:44px;

    color:#e51b23!important;

}


.mc321-page
.mc321-book-whatsapp{

    min-height:44px;

}


.mc321-page
.mc321-booking-points{

    margin:
        11px 19px;

    padding:11px 12px;

}


.mc321-page
.mc321-booking-points div{

    margin-bottom:5px;

    font-size:9.5px;

}


/* ================================================================
   RELATED PACKAGES
   ================================================================ */

.mc321-page
.mc321-related{

    padding:
        50px 0 58px;

}


.mc321-page
.mc321-related-head h2{

    color:#071a2d!important;

    font-size:
        clamp(
            28px,
            3vw,
            36px
        )!important;

}


.mc321-page
.mc321-related-grid{

    gap:17px;

}


.mc321-page
.mc321-related-card{

    border-color:#dde4ec;

    box-shadow:
        0 7px 22px
        rgba(16,24,40,.06);

}


.mc321-page
.mc321-related-body{

    padding:16px;

}


.mc321-page
.mc321-related-duration{

    font-size:9px;

}


.mc321-page
.mc321-related-body h3{

    min-height:44px;

    font-size:16px!important;

    line-height:1.34;

}


.mc321-page
.mc321-related-destinations{

    color:#667085!important;

    font-size:10px;

}


.mc321-page
.mc321-related-bottom small{

    font-size:9px;

}


.mc321-page
.mc321-related-bottom strong{

    font-size:19px;

}


.mc321-page
.mc321-related-bottom > a{

    font-size:10.5px;

}


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

html.mcv31
body
.mc321-page
.mc321-final-cta h2,

body
.mc321-page
.mc321-final-cta h2{

    color:#fff!important;

    opacity:1!important;

    visibility:visible!important;

    -webkit-text-fill-color:#fff!important;

}


.mc321-page
.mc321-final-cta span{

    color:#ff979a!important;

}


.mc321-page
.mc321-final-cta{

    background:
        linear-gradient(
            135deg,
            #071a2d,
            #103a5e
        )!important;

}


/* ================================================================
   OLD HEADER/FOOTER TYPOGRAPHY NORMALISATION
   PACKAGE PAGES ONLY
   ================================================================ */

body.mc322-package-active
header a,

body.mc322-package-active
header span,

body.mc322-package-active
header p,

body.mc322-package-active
footer a,

body.mc322-package-active
footer p,

body.mc322-package-active
footer li,

body.mc322-package-active
footer h2,

body.mc322-package-active
footer h3,

body.mc322-package-active
footer h4{

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif!important;

}


body.mc322-package-active
footer h2,

body.mc322-package-active
footer h3,

body.mc322-package-active
footer h4{

    color:#fff!important;

}


/* ================================================================
   DUPLICATE FIXED CALL / WHATSAPP WIDGET
   ================================================================ */

.mc322-hide-fixed-action{

    display:none!important;

    opacity:0!important;

    visibility:hidden!important;

    pointer-events:none!important;

}


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

@media(max-width:1050px){

    .mc321-page
    .mc321-hero-grid{

        gap:24px;

    }


    .mc321-page
    .mc321-section{

        padding:22px;

    }

}


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

@media(max-width:767px){

    .mc321-page{

        padding-bottom:74px;

    }


    .mc321-page
    .mc321-hero-copy h1{

        color:#fff!important;

        font-size:
            clamp(
                29px,
                9vw,
                37px
            )!important;

    }


    .mc321-page
    .mc321-main-image img{

        aspect-ratio:
            16 / 10;

    }


    .mc321-page
    .mc321-trust-grid > div{

        min-height:52px;

        padding:
            8px 10px;

        font-size:10px;

    }


    .mc321-page
    .mc321-nav a{

        min-height:45px;

        padding:
            0 11px;

        font-size:10px!important;

    }


    .mc321-page
    .mc321-nav
    .mc321-nav-book{

        min-width:76px!important;

        min-height:32px!important;

        height:32px!important;

        padding:
            0 10px!important;

        font-size:9px!important;

    }


    /*
    |--------------------------------------------------------------------------
    | V3.2.1 hid the mobile booking card.
    | V3.2.2 restores it so Book Now has a real destination.
    |--------------------------------------------------------------------------
    */

    .mc321-page
    .mc321-sidebar{

        display:block!important;

        position:static!important;

        order:-1!important;

        margin-bottom:13px;

    }


    .mc321-page
    .mc321-booking-card{

        border-radius:13px;

        box-shadow:
            0 8px 24px
            rgba(16,24,40,.075);

    }


    .mc321-page
    .mc321-booking-top{

        padding:
            15px 16px 13px;

    }


    .mc321-page
    .mc321-booking-top strong{

        font-size:27px;

    }


    .mc321-page
    #mc321BookingForm{

        padding:
            15px 16px 10px;

    }


    .mc321-page
    .mc321-booking-points{

        display:none;

    }


    .mc321-page
    .mc321-help{

        padding:
            11px 16px 14px;

    }


    .mc321-page
    .mc321-section{

        padding:18px;

    }


    .mc321-page
    .mc321-section h2{

        font-size:22px!important;

    }


    .mc321-page
    .mc321-overview-short,

    .mc321-page
    .mc321-seo-content,

    .mc321-page
    .mc321-seo-content p{

        font-size:14px!important;

    }


    .mc321-page
    .mc321-day summary{

        grid-template-columns:
            61px
            1fr
            27px;

    }


    .mc321-page
    .mc321-day-content,

    .mc321-page
    .mc321-day-content p{

        font-size:13.5px!important;

    }


    .mc321-page
    .mc321-related-body h3{

        font-size:14px!important;

    }


    .mc321-page
    .mc321-final-cta h2{

        color:#fff!important;

        font-size:24px!important;

    }

}


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

@media(max-width:420px){

    .mc321-page
    .mc321-fact{

        padding:
            7px 9px;

    }


    .mc321-page
    .mc321-fact strong{

        font-size:10px;

    }


    .mc321-page
    .mc321-section{

        padding:16px;

    }


    .mc321-page
    .mc321-two-column{

        gap:9px;

    }


    .mc321-page
    .mc321-related-card{

        grid-template-columns:
            112px
            1fr;

    }

}