/*
MUSAFIRCAB-V3.6A.2B-ARCHITECTURE-INDEPENDENT-PACKAGE-FIX-SAFE
*/


body.mc362b-page{

    --mc-red:#ed1c24;
    --mc-navy:#102d47;
    --mc-text:#405267;
    --mc-muted:#788596;
    --mc-line:#dfe7ee;

    padding-bottom:
        76px;

}


/*
|--------------------------------------------------------------------------
| Disable previous V3.6A.1 generated controls
|--------------------------------------------------------------------------
*/

body.mc362b-page
.mc361-glance,

body.mc362b-page
.mc361-mobile-nav,

body.mc362b-page
.mc361-bottom,

body.mc362b-page
.mc361-readmore,

body.mc362b-page
.mc362-glance,

body.mc362b-page
.mc362-nav,

body.mc362b-page
.mc362-bottom{

    display:none!important;

}


/*
|--------------------------------------------------------------------------
| RICH CONTENT
|--------------------------------------------------------------------------
*/

body.mc362b-page
.mc362b-rich{

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

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

    font-size:
        15.5px!important;

    line-height:
        1.75!important;

}


body.mc362b-page
.mc362b-rich p{

    margin:
        0 0 17px!important;

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

    font-size:
        15.5px!important;

    line-height:
        1.75!important;

}


body.mc362b-page
.mc362b-rich span:not(.badge){

    font-family:
        inherit!important;

}


body.mc362b-page
.mc362b-rich h1,

body.mc362b-page
.mc362b-rich h2{

    margin:
        28px 0 11px!important;

    color:
        var(--mc-navy)!important;

    font-family:
        inherit!important;

    font-size:
        23px!important;

    line-height:
        1.25!important;

    font-weight:
        900!important;

}


body.mc362b-page
.mc362b-rich h3{

    margin:
        22px 0 9px!important;

    color:#1b3c56!important;

    font-size:
        18px!important;

    line-height:
        1.35!important;

    font-weight:
        850!important;

}


/*
|--------------------------------------------------------------------------
| LISTS
|--------------------------------------------------------------------------
*/

body.mc362b-page
.mc362b-rich ul,

body.mc362b-page
ul.mc362b-list{

    display:block!important;

    margin:
        10px 0 20px!important;

    padding:
        0 0 0 24px!important;

    list-style:
        disc outside!important;

}


body.mc362b-page
.mc362b-rich ol{

    display:block!important;

    margin:
        10px 0 20px!important;

    padding:
        0 0 0 26px!important;

    list-style:
        decimal outside!important;

}


body.mc362b-page
.mc362b-rich li,

body.mc362b-page
ul.mc362b-list > li{

    display:list-item!important;

    float:none!important;

    position:static!important;

    width:auto!important;

    margin:
        7px 0!important;

    padding-left:
        3px!important;

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

    font-size:
        15px!important;

    line-height:
        1.7!important;

}


body.mc362b-page
.mc362b-rich ul > li::marker,

body.mc362b-page
ul.mc362b-list > li::marker{

    color:
        var(--mc-red)!important;

}


body.mc362b-page
.mc362b-rich ol > li::marker{

    color:
        var(--mc-red)!important;

    font-weight:900;

}


/*
|--------------------------------------------------------------------------
| TRAVEL DOCUMENT NOTICE
|--------------------------------------------------------------------------
*/

.mc362b-doc{

    margin:
        0 0 18px;

    padding:
        14px;

    border:
        1px solid #cfe0f0;

    border-left:
        4px solid #1677d2;

    border-radius:
        11px;

    background:#f4f9ff;

}


.mc362b-doc strong{

    display:block;

    margin-bottom:5px;

    color:#123b60;

    font-size:12px;

    font-weight:900;

}


.mc362b-doc p{

    margin:0!important;

    color:#40566b!important;

    font-size:11px!important;

    line-height:1.6!important;

}


.mc362b-doc a{

    display:inline-block;

    margin-top:7px;

    color:#0b67b2!important;

    font-size:9px;

    font-weight:850;

}


/*
|--------------------------------------------------------------------------
| GLANCE
|--------------------------------------------------------------------------
*/

.mc362b-glance{

    display:none;

    margin:
        0 0 15px;

    padding:
        14px;

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

    border-radius:
        14px;

    background:#fff;

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

}


.mc362b-glance h3{

    margin:
        0 0 10px!important;

    color:
        var(--mc-navy)!important;

    font-size:17px!important;

    font-weight:900!important;

}


.mc362b-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:8px;

}


.mc362b-item{

    min-height:62px;

    padding:10px;

    border:
        1px solid #e6edf3;

    border-radius:10px;

    background:#f8fafc;

}


.mc362b-item small,
.mc362b-item strong{

    display:block;

}


.mc362b-item small{

    margin-bottom:4px;

    color:
        var(--mc-muted);

    font-size:8px;

    font-weight:850;

    text-transform:uppercase;

}


.mc362b-item strong{

    color:#263d53;

    font-size:11px;

    line-height:1.4;

    font-weight:850;

}


/*
|--------------------------------------------------------------------------
| MOBILE NAV
|--------------------------------------------------------------------------
*/

.mc362b-nav{

    display:none;

    position:sticky;

    top:
        var(
            --mc311c-header-height,
            88px
        );

    z-index:90;

    margin:
        0 -10px 15px;

    padding:
        8px 10px;

    overflow-x:auto;

    border-top:
        1px solid #edf1f4;

    border-bottom:
        1px solid #dfe6ec;

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

    scrollbar-width:none;

}


.mc362b-nav::-webkit-scrollbar{

    display:none;

}


.mc362b-nav a{

    flex:
        0 0 auto;

    min-height:34px;

    display:inline-flex;

    align-items:center;

    margin-right:6px;

    padding:
        0 11px;

    border:
        1px solid #dfe6ec;

    border-radius:999px;

    background:#fff;

    color:#526273!important;

    font-size:9px;

    font-weight:850;

    text-decoration:none!important;

    white-space:nowrap;

}


/*
|--------------------------------------------------------------------------
| OVERVIEW
|--------------------------------------------------------------------------
*/

.mc362b-overview{

    position:relative;

}


.mc362b-overview.mc362b-short:not(.expanded)
.mc362b-overview-content{

    max-height:
        510px;

    overflow:hidden;

}


.mc362b-overview.mc362b-short:not(.expanded)::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:44px;

    height:100px;

    pointer-events:none;

    background:

        linear-gradient(
            to bottom,
            transparent,
            #fff 80%
        );

}


.mc362b-readmore{

    display:none;

    position:relative;

    z-index:3;

    width:100%;

    min-height:42px;

    align-items:center;

    justify-content:center;

    border:
        1px solid #dfe6ec;

    border-radius:9px;

    background:#fff;

    color:#233d55;

    font-size:10px;

    font-weight:900;

}


.mc362b-short
.mc362b-readmore{

    display:flex;

}


/*
|--------------------------------------------------------------------------
| ITINERARY / FAQ
|--------------------------------------------------------------------------
*/

body.mc362b-page
.mc362b-itinerary
.accordion-item,

body.mc362b-page
.mc362b-faq
.accordion-item{

    overflow:hidden;

    margin-bottom:
        9px!important;

    border:
        1px solid #dfe7ee!important;

    border-radius:
        11px!important;

    background:#fff!important;

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

}


body.mc362b-page
.mc362b-itinerary
.accordion-button,

body.mc362b-page
.mc362b-faq
.accordion-button{

    min-height:
        55px!important;

    padding:
        12px 14px!important;

    background:#fff!important;

    color:#18364f!important;

    font-size:
        12px!important;

    line-height:
        1.45!important;

    font-weight:
        850!important;

    box-shadow:none!important;

}


body.mc362b-page
.mc362b-itinerary
.accordion-button:not(.collapsed),

body.mc362b-page
.mc362b-faq
.accordion-button:not(.collapsed){

    background:#fff7f7!important;

}


/*
|--------------------------------------------------------------------------
| PRICE NOTE
|--------------------------------------------------------------------------
*/

.mc362b-price-note{

    margin:
        0 0 12px;

    padding:
        8px 10px;

    border:
        1px solid #f0dfb5;

    border-radius:8px;

    background:#fffaf0;

    color:#735917;

    font-size:8px;

    line-height:1.5;

    font-weight:750;

}


/*
|--------------------------------------------------------------------------
| BOTTOM BAR
|--------------------------------------------------------------------------
*/

.mc362b-bottom{

    display:none;

    position:fixed;

    left:0;

    right:0;

    bottom:0;

    z-index:1050;

    min-height:68px;

    align-items:center;

    gap:7px;

    padding:

        8px 10px
        calc(
            8px +
            env(safe-area-inset-bottom)
        );

    border-top:
        1px solid #dfe6ed;

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

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

}


.mc362b-price{

    flex:1;

}


.mc362b-price small,
.mc362b-price strong{

    display:block;

}


.mc362b-price small{

    color:#788596;

    font-size:7px;

    font-weight:850;

    text-transform:uppercase;

}


.mc362b-price strong{

    color:#102d47;

    font-size:15px;

    font-weight:900;

}


.mc362b-bottom a,
.mc362b-bottom button{

    min-height:44px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0 11px;

    border-radius:9px;

    font-size:9px;

    font-weight:900;

    text-decoration:none!important;

    white-space:nowrap;

}


.mc362b-wa{

    border:
        1px solid #bce9cf;

    background:#eafaf1;

    color:#087747!important;

}


.mc362b-book{

    border:0;

    background:#ed1c24;

    color:#fff;

}


/*
|--------------------------------------------------------------------------
| MOBILE ONLY ENHANCEMENTS
|--------------------------------------------------------------------------
*/

@media(
    max-width:767px
){

    .mc362b-glance{

        display:block;

    }


    .mc362b-nav{

        display:flex;

    }


    .mc362b-bottom{

        display:flex;

    }


    body.mc362b-page
    .mc362b-rich h1,

    body.mc362b-page
    .mc362b-rich h2{

        font-size:
            22px!important;

    }


    body.mc362b-page
    .mc362b-rich h3{

        font-size:
            18px!important;

    }

}

</style>