/*
MUSAFIRCAB-V3.6A.2C-TRAVELLER-EXPERIENCE-PRECISION-POLISH-SAFE
*/


body.mc362c-page{

    --mc362c-red:#ed1c24;
    --mc362c-navy:#0d2942;
    --mc362c-text:#405267;
    --mc362c-muted:#7b8795;
    --mc362c-line:#dfe6ed;

    padding-bottom:

        calc(
            88px +
            env(safe-area-inset-bottom)
        )!important;

}


/*
|--------------------------------------------------------------------------
| OLD BOTTOM BARS
|--------------------------------------------------------------------------
*/

body.mc362c-page
.mc361-bottom,

body.mc362c-page
.mc362-bottom,

body.mc362c-page
.mc362b-bottom{

    display:none!important;

}


/*
|--------------------------------------------------------------------------
| TYPOGRAPHY
|--------------------------------------------------------------------------
*/

body.mc362c-page
.mc362c-rich,

body.mc362c-page
.mc362c-rich p,

body.mc362c-page
.mc362c-rich li,

body.mc362c-page
.mc362c-rich div,

body.mc362c-page
.mc362c-rich span:not(.fa):not(.fas):not(.far):not(.fab):not([class*="icon"]),

body.mc362c-page
.mc362c-rich strong,

body.mc362c-page
.mc362c-rich b,

body.mc362c-page
.mc362c-rich em{

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

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

}


body.mc362c-page
.mc362c-rich{

    font-size:
        15.5px!important;

    line-height:
        1.72!important;

}


body.mc362c-page
.mc362c-rich p{

    margin:
        0 0 15px!important;

    font-size:
        15.5px!important;

    line-height:
        1.72!important;

}


body.mc362c-page
.mc362c-rich h1,

body.mc362c-page
.mc362c-rich h2{

    margin:
        25px 0 10px!important;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

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

    font-size:
        22px!important;

    line-height:
        1.25!important;

    font-weight:
        900!important;

}


body.mc362c-page
.mc362c-rich h3{

    margin:
        21px 0 9px!important;

    color:#183b56!important;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

    font-size:
        18px!important;

    line-height:
        1.32!important;

    font-weight:
        850!important;

}


/*
|--------------------------------------------------------------------------
| GUARANTEED BULLETS
|--------------------------------------------------------------------------
*/

body.mc362c-page
.mc362c-rich ul,

body.mc362c-page
ul.mc362c-bullet-list{

    display:block!important;

    margin:
        10px 0 18px!important;

    padding:0!important;

    list-style:none!important;

}


body.mc362c-page
.mc362c-rich ul > li,

body.mc362c-page
ul.mc362c-bullet-list > li{

    display:block!important;

    position:relative!important;

    float:none!important;

    width:auto!important;

    margin:
        8px 0!important;

    padding:
        0 0 0 22px!important;

    list-style:none!important;

    font-size:
        15px!important;

    line-height:
        1.66!important;

}


body.mc362c-page
.mc362c-rich ul > li::before,

body.mc362c-page
ul.mc362c-bullet-list > li::before{

    content:""!important;

    position:absolute!important;

    left:2px!important;

    top:.70em!important;

    width:7px!important;

    height:7px!important;

    border-radius:
        50%!important;

    background:
        var(--mc362c-red)!important;

    transform:
        translateY(-50%)!important;

}


body.mc362c-page
.mc362c-rich ol{

    margin:
        10px 0 18px!important;

    padding-left:
        25px!important;

    list-style:
        decimal outside!important;

}


body.mc362c-page
.mc362c-rich ol > li{

    display:list-item!important;

    margin:
        8px 0!important;

    padding-left:
        3px!important;

}


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

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

    font-weight:
        900!important;

}


/*
|--------------------------------------------------------------------------
| COMPACT TABS
|--------------------------------------------------------------------------
*/

body.mc362c-page
.mc362c-tabs{

    display:flex!important;

    align-items:center!important;

    gap:4px!important;

    max-width:
        100%!important;

    overflow-x:
        auto!important;

    scrollbar-width:
        none!important;

    -webkit-overflow-scrolling:
        touch!important;

    scroll-behavior:
        smooth!important;

    padding:
        7px 8px!important;

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

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

}


body.mc362c-page
.mc362c-tabs::-webkit-scrollbar{

    display:none!important;

}


body.mc362c-page
.mc362c-tabs a,

body.mc362c-page
.mc362c-tabs button{

    flex:
        0 0 auto!important;

    min-width:
        auto!important;

    min-height:
        34px!important;

    display:
        inline-flex!important;

    align-items:
        center!important;

    justify-content:
        center!important;

    margin:0!important;

    padding:
        0 10px!important;

    border:0!important;

    border-radius:
        999px!important;

    background:
        transparent!important;

    color:#46586a!important;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

    font-size:
        10px!important;

    line-height:
        1!important;

    font-weight:
        800!important;

    white-space:
        nowrap!important;

    text-decoration:
        none!important;

}


body.mc362c-page
.mc362c-tabs a.active,

body.mc362c-page
.mc362c-tabs a[aria-current="true"],

body.mc362c-page
.mc362c-tabs button.active{

    background:
        #fff1f1!important;

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

}


/*
|--------------------------------------------------------------------------
| FORM LABEL
|--------------------------------------------------------------------------
*/

.mc362c-field-label{

    display:block;

    margin:
        0 0 7px!important;

    color:#2d4155!important;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

    font-size:
        11px!important;

    font-weight:
        850!important;

}


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

.mc362c-price-note,

body.mc362c-page
.mc362b-price-note{

    margin:
        0 0 13px!important;

    padding:
        9px 11px!important;

    border:
        1px solid #ead9a9!important;

    border-radius:
        9px!important;

    background:
        #fffaf0!important;

    color:#6d571b!important;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

    font-size:
        9px!important;

    line-height:
        1.5!important;

    font-weight:
        750!important;

}


/*
|--------------------------------------------------------------------------
| TOUR INFO READ MORE
|--------------------------------------------------------------------------
*/

.mc362c-collapse-shell{

    position:
        relative!important;

}


.mc362c-collapse-shell.mc362c-collapsed
.mc362c-collapse-content{

    max-height:
        620px!important;

    overflow:
        hidden!important;

}


.mc362c-collapse-shell.mc362c-collapsed::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:47px;

    height:100px;

    pointer-events:none;

    background:

        linear-gradient(
            to bottom,
            rgba(255,255,255,0),
            #fff 82%
        );

}


.mc362c-more{

    position:relative;

    z-index:3;

    width:100%;

    min-height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:6px;

    padding:
        0 12px;

    border:
        1px solid #dce4eb;

    border-radius:
        9px;

    background:#fff;

    color:#244159;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        900;

}


/*
|--------------------------------------------------------------------------
| ACCORDIONS
|--------------------------------------------------------------------------
*/

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

body.mc362c-page
.mc362c-policies
.accordion-item,

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

    overflow:
        hidden!important;

    border:
        1px solid
        var(--mc362c-line)!important;

    border-radius:
        11px!important;

    background:
        #fff!important;

}


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

body.mc362c-page
.mc362c-policies
.accordion-button,

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

    min-height:
        54px!important;

    padding:
        12px 14px!important;

    background:
        #fff!important;

    color:
        #19374f!important;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif!important;

    font-size:
        12px!important;

    line-height:
        1.45!important;

    font-weight:
        850!important;

    box-shadow:
        none!important;

}


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

body.mc362c-page
.mc362c-policies
.accordion-button:not(.collapsed),

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

    background:
        #fff7f7!important;

}


/*
|--------------------------------------------------------------------------
| DUPLICATE WHATSAPP
|--------------------------------------------------------------------------
*/

@media(
    max-width:767px
){

    body.mc362c-page
    .mc362c-duplicate-whatsapp{

        display:none!important;

    }

}


/*
|--------------------------------------------------------------------------
| FINAL MOBILE BAR
|--------------------------------------------------------------------------
*/

.mc362c-bottom{

    display:none;

    position:fixed;

    left:0;

    right:0;

    bottom:0;

    z-index:1200;

    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,.985);

    box-shadow:

        0 -8px 25px
        rgba(16,24,40,.10);

    backdrop-filter:
        blur(10px);

}


.mc362c-bottom-price{

    flex:
        1 1 auto;

    min-width:
        88px;

    max-width:
        145px;

}


.mc362c-bottom-price small,

.mc362c-bottom-price strong{

    display:block;

}


.mc362c-bottom-price small{

    margin-bottom:
        2px;

    color:#7a8794;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        850;

    text-transform:
        uppercase;

}


.mc362c-bottom-price strong{

    color:#0d2a43;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size:
        17px;

    line-height:
        1.1;

    font-weight:
        950;

    white-space:
        nowrap;

}


.mc362c-bottom a,

.mc362c-bottom button{

    min-height:
        44px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 12px;

    border-radius:
        9px;

    font-family:

        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        900;

    white-space:
        nowrap;

    text-decoration:
        none!important;

}


.mc362c-wa{

    border:
        1px solid #bde9cf;

    background:
        #ecfaf2;

    color:
        #087747!important;

}


.mc362c-book{

    border:0;

    background:
        var(--mc362c-red);

    color:#fff;

}


@media(
    max-width:767px
){

    .mc362c-bottom{

        display:flex;

    }

}


@media(
    min-width:768px
){

    body.mc362c-page{

        padding-bottom:
            0!important;

    }


    .mc362c-bottom,

    .mc362c-more{

        display:none!important;

    }

}