/*
|--------------------------------------------------------------------------
| MUSAFIRCAB-V3.1.1C-GLOBAL-HEADER-FOOTER-SAFE
|--------------------------------------------------------------------------
*/


:root{

    --mc311c-red:#ed1c24;

    --mc311c-red-dark:#c9151c;

    --mc311c-navy:#071c31;

    --mc311c-navy2:#0b2c49;

    --mc311c-text:#101828;

    --mc311c-muted:#667085;

    --mc311c-line:#e7ebf0;

    --mc311c-green:#20ad69;

    --mc311c-header-height:108px;

}


/*
|--------------------------------------------------------------------------
| Isolation
|--------------------------------------------------------------------------
*/

.mcv311c-header,
.mcv311c-header *,
.mcv311c-footer,
.mcv311c-footer *{

    box-sizing:border-box;

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

}


.mcv311c-shell{

    width:min(
        1240px,
        calc(100% - 34px)
    );

    margin-left:auto;

    margin-right:auto;

}


/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.mcv311c-header{

    position:sticky!important;

    top:0!important;

    z-index:9998!important;

    width:100%!important;

    margin:0!important;

    padding:0!important;

    background:#fff!important;

    border:0!important;

    box-shadow:
        0 7px 25px
        rgba(16,24,40,.075)!important;

}


.mcv311c-topbar{

    height:32px;

    background:
        linear-gradient(
            90deg,
            #06192b,
            #0b2943
        );

    color:#fff;

}


.mcv311c-topbar-inner{

    height:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}


.mcv311c-specialist{

    display:flex;

    align-items:center;

    gap:7px;

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

    font-size:10px;

    font-weight:650;

}


.mcv311c-live-dot{

    width:6px;

    height:6px;

    border-radius:50%;

    background:#38d996;

    box-shadow:
        0 0 0 4px
        rgba(56,217,150,.12);

}


.mcv311c-toplinks{

    display:flex;

    align-items:center;

    gap:19px;

}


.mcv311c-toplinks a{

    color:#fff!important;

    text-decoration:none!important;

    font-size:10px!important;

    font-weight:700!important;

}


.mcv311c-toplinks a:last-child{

    color:#77e4ae!important;

}



/*
|--------------------------------------------------------------------------
| Main Navigation
|--------------------------------------------------------------------------
*/

.mcv311c-navbar{

    background:#fff;

}


.mcv311c-navbar-inner{

    min-height:76px;

    display:grid;

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

    align-items:center;

    gap:22px;

}


.mcv311c-logo{

    display:flex!important;

    align-items:center!important;

    text-decoration:none!important;

}


.mcv311c-logo img{

    display:block!important;

    width:auto!important;

    height:auto!important;

    max-width:176px!important;

    max-height:58px!important;

    margin:0!important;

    object-fit:contain!important;

}


.mcv311c-desktop-nav{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:2px;

}


.mcv311c-desktop-nav a{

    min-height:43px;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    padding:
        0 11px!important;

    border:0!important;

    border-radius:8px!important;

    background:transparent!important;

    color:#26384b!important;

    text-decoration:none!important;

    font-size:11px!important;

    line-height:1!important;

    font-weight:750!important;

    white-space:nowrap;

    transition:
        .18s ease;

}


.mcv311c-desktop-nav a:hover{

    background:#fff2f2!important;

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

}


/*
|--------------------------------------------------------------------------
| Right Header Actions
|--------------------------------------------------------------------------
*/

.mcv311c-nav-actions{

    display:flex;

    align-items:center;

    gap:10px;

}


.mcv311c-help{

    display:block!important;

    text-decoration:none!important;

    line-height:1.2!important;

}


.mcv311c-help span,
.mcv311c-help strong{

    display:block;

}


.mcv311c-help span{

    color:#7a8695!important;

    font-size:8px!important;

    font-weight:650!important;

}


.mcv311c-help strong{

    margin-top:2px;

    color:#15283b!important;

    font-size:11px!important;

    font-weight:800!important;

}


.mcv311c-plan{

    min-height:41px;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:8px;

    padding:
        0 15px!important;

    border:0!important;

    border-radius:9px!important;

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

    color:#fff!important;

    text-decoration:none!important;

    font-size:10px!important;

    font-weight:850!important;

    box-shadow:
        0 7px 16px
        rgba(237,28,36,.16);

    transition:
        .18s ease;

}


.mcv311c-plan:hover{

    transform:
        translateY(-1px);

    background:
        var(--mc311c-red-dark)!important;

    color:#fff!important;

}


.mcv311c-plan span{

    font-size:13px;

}



/*
|--------------------------------------------------------------------------
| Mobile button
|--------------------------------------------------------------------------
*/

.mcv311c-menu-btn{

    display:none;

    width:42px!important;

    height:42px!important;

    min-width:42px!important;

    min-height:42px!important;

    margin:0!important;

    padding:
        9px!important;

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

    border-radius:9px!important;

    background:#fff!important;

    box-shadow:none!important;

    cursor:pointer;

}


.mcv311c-menu-btn i{

    display:block;

    width:100%;

    height:2px;

    margin:
        4px 0;

    border-radius:10px;

    background:
        var(--mc311c-navy);

}



/*
|--------------------------------------------------------------------------
| Mobile Navigation
|--------------------------------------------------------------------------
*/

.mcv311c-mobile-nav{

    width:100%;

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

    background:#fff;

    box-shadow:
        0 16px 28px
        rgba(16,24,40,.08);

}


.mcv311c-mobile-nav[hidden]{

    display:none!important;

}


.mcv311c-mobile-nav
.mcv311c-shell{

    padding:
        8px 0 15px;

}


.mcv311c-mobile-nav
.mcv311c-shell > a{

    min-height:45px;

    display:flex!important;

    align-items:center!important;

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

    color:#27394c!important;

    text-decoration:none!important;

    font-size:12px!important;

    font-weight:750!important;

}


.mcv311c-mobile-nav
.mcv311c-shell > a:hover{

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

}


.mcv311c-mobile-actions{

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:8px;

    margin-top:12px;

}


.mcv311c-mobile-actions a{

    min-height:44px;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    border-radius:9px!important;

    text-decoration:none!important;

    font-size:10px!important;

    font-weight:850!important;

}


.mcv311c-mobile-call{

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

    background:#fff!important;

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

}


.mcv311c-mobile-wa{

    border:
        1px solid
        var(--mc311c-green)!important;

    background:
        var(--mc311c-green)!important;

    color:#fff!important;

}



/*
|--------------------------------------------------------------------------
| Package Page Compatibility
|--------------------------------------------------------------------------
*/

body
.mc321-page
.mc321-nav{

    top:
        var(
            --mc311c-header-height
        )!important;

}


body
.mc321-page
.mc321-sidebar{

    top:
        calc(
            var(
                --mc311c-header-height
            )
            +
            15px
        )!important;

}



/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.mcv311c-footer{

    width:100%!important;

    margin:0!important;

    padding:
        52px 0 0!important;

    border:0!important;

    background:
        linear-gradient(
            145deg,
            #06192b,
            #0a253c 58%,
            #0a2c46
        )!important;

    color:#fff!important;

}


.mcv311c-footer-top{

    display:grid;

    grid-template-columns:
        1.35fr
        .72fr
        .76fr
        1.15fr;

    gap:40px;

}


.mcv311c-footer-brand img{

    display:block!important;

    width:auto!important;

    height:auto!important;

    max-width:174px!important;

    max-height:60px!important;

    object-fit:contain!important;

}


.mcv311c-footer-brand p{

    max-width:315px;

    margin:
        17px 0!important;

    color:#a7b5c3!important;

    font-size:11.5px!important;

    line-height:1.75!important;

}


.mcv311c-contact-lines{

    display:flex;

    flex-direction:column;

    gap:7px;

}


.mcv311c-contact-lines a{

    color:#fff!important;

    text-decoration:none!important;

    font-size:11px!important;

    font-weight:700!important;

}


.mcv311c-footer-column h3{

    margin:
        3px 0 15px!important;

    padding:0!important;

    color:#fff!important;

    font-size:14px!important;

    line-height:1.3!important;

    font-weight:850!important;

}


.mcv311c-footer-column > a{

    display:block!important;

    margin:
        0 0 10px!important;

    padding:0!important;

    color:#a9b6c3!important;

    text-decoration:none!important;

    font-size:11px!important;

    line-height:1.5!important;

    font-weight:500!important;

}


.mcv311c-footer-column > a:hover{

    color:#fff!important;

}


.mcv311c-office p{

    margin:
        0 0 14px!important;

    color:#a9b6c3!important;

    font-size:11px!important;

    line-height:1.72!important;

}


.mcv311c-secure{

    display:flex;

    align-items:center;

    gap:9px;

    margin:
        14px 0;

    padding:
        10px 11px;

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

    border-radius:10px;

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

}


.mcv311c-secure > span{

    width:27px;

    height:27px;

    display:grid;

    place-items:center;

    flex:0 0 auto;

    border-radius:50%;

    background:
        rgba(32,173,105,.16);

    color:#5be0a2;

    font-size:12px;

    font-weight:900;

}


.mcv311c-secure strong,
.mcv311c-secure small{

    display:block;

}


.mcv311c-secure strong{

    color:#fff!important;

    font-size:10px!important;

}


.mcv311c-secure small{

    margin-top:2px;

    color:#93a4b5!important;

    font-size:8.5px!important;

}


.mcv311c-footer-wa{

    min-height:42px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:8px;

    margin-top:12px!important;

    padding:
        0 13px!important;

    border-radius:9px!important;

    background:
        var(--mc311c-green)!important;

    color:#fff!important;

    text-decoration:none!important;

    font-size:10px!important;

    line-height:1!important;

    font-weight:850!important;

}


.mcv311c-footer-bottom{

    min-height:67px;

    margin-top:38px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    border-top:
        1px solid
        rgba(255,255,255,.10);

    color:#7f91a2!important;

    font-size:9px!important;

}


.mcv311c-footer-bottom div{

    display:flex;

    align-items:center;

    gap:18px;

}


.mcv311c-footer-bottom a{

    color:#a8b5c2!important;

    text-decoration:none!important;

    font-size:9px!important;

}



/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media(
    max-width:1080px
){

    .mcv311c-navbar-inner{

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

        gap:11px;

    }


    .mcv311c-desktop-nav a{

        padding:
            0 7px!important;

        font-size:10px!important;

    }


    .mcv311c-help{

        display:none!important;

    }

}



/*
|--------------------------------------------------------------------------
| Mobile / Tablet
|--------------------------------------------------------------------------
*/

@media(
    max-width:900px
){

    :root{

        --mc311c-header-height:68px;

    }


    .mcv311c-topbar{

        display:none;

    }


    .mcv311c-navbar-inner{

        min-height:68px;

        grid-template-columns:
            1fr
            auto;

        gap:12px;

    }


    .mcv311c-logo img{

        max-width:158px!important;

        max-height:51px!important;

    }


    .mcv311c-desktop-nav,
    .mcv311c-plan{

        display:none!important;

    }


    .mcv311c-menu-btn{

        display:block!important;

    }


    .mcv311c-nav-actions{

        grid-column:2;

    }


    .mcv311c-footer-top{

        grid-template-columns:
            1fr
            1fr;

        gap:30px;

    }


    .mcv311c-footer-brand{

        grid-column:
            1 / -1;

    }


    .mcv311c-footer-brand p{

        max-width:560px;

    }

}



/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(
    max-width:560px
){

    .mcv311c-shell{

        width:
            calc(
                100% - 24px
            );

    }


    .mcv311c-footer{

        padding-top:
            38px!important;

    }


    .mcv311c-footer-top{

        grid-template-columns:1fr;

        gap:26px;

    }


    .mcv311c-footer-brand{

        grid-column:auto;

    }


    .mcv311c-footer-bottom{

        min-height:78px;

        margin-top:26px;

        padding:
            15px 0;

        align-items:flex-start;

        justify-content:center;

        flex-direction:column;

        gap:9px;

    }


    .mcv311c-footer-bottom div{

        flex-wrap:wrap;

        gap:13px;

    }

}