/*
MUSAFIRCAB-V3.6A.1-SMART-PACKAGE-CONTENT-EXPERIENCE-SAFE
*/

.mc361-package{

    --mc361-navy:#071c31;
    --mc361-heading:#102c45;
    --mc361-red:#ed1c24;
    --mc361-green:#15965a;
    --mc361-text:#405267;
    --mc361-muted:#7b8795;
    --mc361-line:#e0e7ee;
    --mc361-soft:#f7f9fb;

}


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

.mc361-package
.overview-content,

.mc361-package
.tour-plan
.accordion-body,

.mc361-package
.tc-content{

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

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

    font-size:
        15.5px!important;

    line-height:
        1.78!important;

}


.mc361-package
.overview-content p,

.mc361-package
.tour-plan
.accordion-body p,

.mc361-package
.tc-content p{

    margin:
        0 0 17px!important;

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

    font-family:
        inherit!important;

    font-size:
        15.5px!important;

    line-height:
        1.78!important;

}


.mc361-package
.overview-content span,

.mc361-package
.tour-plan
.accordion-body span,

.mc361-package
.tc-content span{

    font-family:
        inherit!important;

}


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

.mc361-package
.overview-content h1,

.mc361-package
.overview-content h2,

.mc361-package
.tour-plan
.accordion-body h1,

.mc361-package
.tour-plan
.accordion-body h2,

.mc361-package
.tc-content h1,

.mc361-package
.tc-content h2{

    margin:
        29px 0 12px!important;

    color:
        var(--mc361-heading)!important;

    font-family:
        inherit!important;

    font-size:
        25px!important;

    line-height:
        1.25!important;

    font-weight:
        900!important;

    letter-spacing:
        -.025em!important;

}


.mc361-package
.overview-content h3,

.mc361-package
.tour-plan
.accordion-body h3,

.mc361-package
.tc-content h3{

    margin:
        23px 0 9px!important;

    color:#1c3c55!important;

    font-size:
        19px!important;

    line-height:
        1.35!important;

    font-weight:
        850!important;

}


/* ================================================================
   FORCE BULLET SYMBOLS
   ================================================================ */

.mc361-package
.overview-content ul,

.mc361-package
.tour-plan
.accordion-body ul,

.mc361-package
.tc-content ul,

.mc361-package
.mc361-inclusion ul,

.mc361-package
.mc361-exclusion ul{

    display:
        block!important;

    margin:
        10px 0 20px!important;

    padding:
        0 0 0 27px!important;

    list-style:
        disc outside!important;

}


.mc361-package
.overview-content ol,

.mc361-package
.tour-plan
.accordion-body ol,

.mc361-package
.tc-content ol{

    display:
        block!important;

    margin:
        10px 0 20px!important;

    padding:
        0 0 0 29px!important;

    list-style:
        decimal outside!important;

}


.mc361-package
.overview-content li,

.mc361-package
.tour-plan
.accordion-body li,

.mc361-package
.tc-content li,

.mc361-package
.mc361-inclusion li,

.mc361-package
.mc361-exclusion li{

    display:
        list-item!important;

    float:
        none!important;

    width:
        auto!important;

    margin:
        7px 0!important;

    padding-left:
        3px!important;

    list-style:
        inherit!important;

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

    font-size:
        15px!important;

    line-height:
        1.7!important;

}


.mc361-package
.overview-content ul > li::marker,

.mc361-package
.tour-plan
.accordion-body ul > li::marker,

.mc361-package
.tc-content ul > li::marker{

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

}


.mc361-package
.overview-content ol > li::marker,

.mc361-package
.tour-plan
.accordion-body ol > li::marker{

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

    font-weight:
        800;

}


.mc361-package
.overview-content ul ul,

.mc361-package
.tour-plan
.accordion-body ul ul{

    list-style:
        circle outside!important;

}


.mc361-package
.overview-content ul ul ul{

    list-style:
        square outside!important;

}


/* ================================================================
   TRIP AT A GLANCE
   ================================================================ */

.mc361-glance{

    display:none;

    margin:
        0 0 16px;

    padding:15px;

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

    border-radius:
        14px;

    background:#fff;

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

}


.mc361-glance-head{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:11px;

}


.mc361-glance-head strong{

    color:
        var(--mc361-heading);

    font-size:17px;

    font-weight:900;

}


.mc361-glance-head span{

    color:
        var(--mc361-red);

    font-size:8px;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;

}


.mc361-glance-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:8px;

}


.mc361-glance-item{

    min-height:65px;

    padding:10px;

    border:
        1px solid
        #e6ecf1;

    border-radius:10px;

    background:#f8fafc;

}


.mc361-glance-item small,
.mc361-glance-item strong{

    display:block;

}


.mc361-glance-item small{

    margin-bottom:4px;

    color:
        var(--mc361-muted);

    font-size:8px;

    font-weight:850;

    text-transform:uppercase;

}


.mc361-glance-item strong{

    color:#263d53;

    font-size:11px;

    line-height:1.4;

    font-weight:850;

}


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

.mc361-mobile-nav{

    display:none;

    position:sticky;

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

    z-index:90;

    margin:
        0 -11px 16px;

    padding:
        8px 11px;

    overflow-x:auto;

    border-top:
        1px solid #edf1f4;

    border-bottom:
        1px solid #dfe6ec;

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

    backdrop-filter:
        blur(9px);

    scrollbar-width:none;

}


.mc361-mobile-nav::-webkit-scrollbar{

    display:none;

}


.mc361-mobile-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:#536273!important;

    text-decoration:none!important;

    font-size:9px;

    font-weight:850;

}


.mc361-mobile-nav a.active{

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

    background:#fff4f4;

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

}


/* ================================================================
   OVERVIEW READ MORE
   ================================================================ */

.mc361-overview{

    position:relative;

}


.mc361-overview.is-collapsible:not(.expanded)
.overview-content{

    max-height:
        520px;

    overflow:hidden;

}


.mc361-overview.is-collapsible:not(.expanded)::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:45px;

    height:100px;

    pointer-events:none;

    background:

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

}


.mc361-readmore{

    display:none;

    position:relative;

    z-index:3;

    width:100%;

    min-height:42px;

    align-items:center;

    justify-content:center;

    margin-top:4px;

    border:
        1px solid #dfe6ec;

    border-radius:9px;

    background:#fff;

    color:#233d55;

    font-size:10px;

    font-weight:900;

    cursor:pointer;

}


.mc361-overview.is-collapsible
.mc361-readmore{

    display:flex;

}


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

.mc361-package
.tour-plan{

    display:grid;

    gap:10px;

}


.mc361-package
.tour-plan
.accordion-item{

    overflow:hidden;

    margin:0!important;

    border:
        1px solid #dfe6ed!important;

    border-radius:
        12px!important;

    background:#fff!important;

    box-shadow:
        0 5px 16px
        rgba(16,24,40,.04)!important;

}


.mc361-package
.tour-plan
.accordion-button{

    min-height:
        58px!important;

    padding:
        12px 14px!important;

    background:#fff!important;

    color:#19364e!important;

    font-size:
        13px!important;

    line-height:
        1.4!important;

    font-weight:
        850!important;

    box-shadow:
        none!important;

}


.mc361-package
.tour-plan
.accordion-button span{

    margin-right:7px;

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

    font-size:
        9px!important;

    font-weight:
        900!important;

    text-transform:
        uppercase;

}


.mc361-package
.tour-plan
.accordion-button:not(.collapsed){

    background:
        #fff7f7!important;

}


.mc361-package
.tour-plan
.accordion-body{

    padding:
        16px!important;

    border-top:
        1px solid #edf1f4;

}


/* ================================================================
   INCLUDED / EXCLUDED
   ================================================================ */

.mc361-inclusion,
.mc361-exclusion{

    height:100%;

    padding:
        17px!important;

    border:
        1px solid #dfe7e3!important;

    border-radius:
        13px!important;

    box-shadow:
        none!important;

}


.mc361-inclusion{

    background:
        #effaf4!important;

}


.mc361-exclusion{

    border-color:
        #f0dddd!important;

    background:
        #fff5f5!important;

}


.mc361-inclusion h5{

    color:#087747!important;

}


.mc361-exclusion h5{

    color:#b42318!important;

}


.mc361-inclusion li::marker{

    color:
        var(--mc361-green)!important;

}


.mc361-exclusion li::marker{

    color:#d92d20!important;

}


/* ================================================================
   BOOKING INFORMATION
   ================================================================ */

.mc361-booking-info{

    padding:
        17px!important;

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

    border-radius:
        15px!important;

    background:#fff!important;

}


.mc361-booking-info
.toggle-btn,

.mc361-booking-info
.accordion-button{

    min-height:
        55px!important;

    width:100%!important;

    padding:
        0 14px!important;

    border:
        1px solid #dfe6ed!important;

    border-radius:
        10px!important;

    background:#f9fafb!important;

    color:#102b43!important;

    font-size:
        11px!important;

    font-weight:
        900!important;

    text-align:left!important;

    box-shadow:none!important;

}


/* ================================================================
   IMAGES / TABLES
   ================================================================ */

.mc361-package
.overview-content img,

.mc361-package
.tour-plan img,

.mc361-package
.tc-content img{

    max-width:
        100%!important;

    height:
        auto!important;

}


.mc361-package
.overview-content table,

.mc361-package
.tour-plan table,

.mc361-package
.tc-content table{

    width:100%!important;

    border-collapse:
        collapse!important;

}


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

.mc361-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);

}


.mc361-bottom-price{

    flex:1;

    min-width:80px;

}


.mc361-bottom-price small,
.mc361-bottom-price strong{

    display:block;

}


.mc361-bottom-price small{

    color:
        var(--mc361-muted);

    font-size:7px;

    font-weight:850;

    text-transform:uppercase;

}


.mc361-bottom-price strong{

    color:
        var(--mc361-heading);

    font-size:15px;

    font-weight:900;

}


.mc361-bottom a,
.mc361-bottom button{

    min-height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:
        0 11px;

    border-radius:
        9px;

    font-size:
        9px;

    font-weight:
        900;

    text-decoration:
        none!important;

}


.mc361-whatsapp{

    border:
        1px solid #bde9ce;

    background:#eafaf1;

    color:#087747!important;

}


.mc361-book{

    border:0;

    background:
        var(--mc361-red);

    color:#fff;

}


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

@media(
    max-width:767px
){

    body.mc361-package-body{

        padding-bottom:
            78px!important;

    }


    .mc361-glance{

        display:block;

    }


    .mc361-mobile-nav{

        display:flex;

    }


    .mc361-bottom{

        display:flex;

    }


    .mc361-package
    .highlight-tour,

    .mc361-package
    .tour-location{

        margin-bottom:
            23px!important;

    }


    .mc361-package
    .highlight-tour > h4,

    .mc361-package
    .tour-location > h4{

        margin:
            0 0 12px!important;

        color:
            var(--mc361-heading)!important;

        font-size:
            23px!important;

        line-height:
            1.2!important;

        font-weight:
            900!important;

        letter-spacing:
            -.025em!important;

    }


    .mc361-package
    .overview-content h1,

    .mc361-package
    .overview-content h2,

    .mc361-package
    .tour-plan h1,

    .mc361-package
    .tour-plan h2{

        font-size:
            23px!important;

    }


    .mc361-package
    .overview-content h3,

    .mc361-package
    .tour-plan h3{

        font-size:
            18px!important;

    }


    .mc361-package
    .overview-content ul,

    .mc361-package
    .tour-plan
    .accordion-body ul,

    .mc361-package
    .tc-content ul{

        padding-left:
            23px!important;

    }


    .mc361-package
    .overview-content ol,

    .mc361-package
    .tour-plan
    .accordion-body ol{

        padding-left:
            25px!important;

    }


    .mc361-inclusion,
    .mc361-exclusion{

        margin-bottom:
            10px!important;

    }


    .mc361-package
    table{

        display:block;

        overflow-x:auto;

        -webkit-overflow-scrolling:
            touch;

    }

}