﻿ 
/* ==================== Brawn Color Code =========================*/

/*============ First Light => #fffaf6 ======*/
/*============ Middle Light => #bfa181 ======*/
/*============ Dark  Light => #664c31 ======*/

/* ==================== Brawn Color Code =========================*/

.main-navbar {
    top: 0px;
    background-color: #bfa181;
    width: 100%;
    z-index: 8;
    position: absolute;
    border-bottom: 1px solid #d3d4d9;
}

    .main-navbar ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .main-navbar a {
        color: white;
        text-align: left;
        text-decoration: none;
    }

._num .sideNum {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    color: #0b213b;
}

.fixed ._num .sideNum {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    color: #0b213b;
}

.hdcontinf ul li .text p {
    position: relative;
    top: 0px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 0px;
    color: #0b213b;
    text-align: right;
}

.sideimage:hover {
    transform: scale(1.3);
    transition: transform 0.3s;
}

.sub-navbar ul {
    list-style: none;
    padding: 0;
    justify-content: space-between;
    margin: 0;
    align-items: center;
}

.logomn {
    vertical-align: baseline;
}
 
.sub-navbar a {
    display: block;
    color: #bfa181;
    padding: 0px 15px;
    font-size: 0px !important;
    text-decoration: none;
}

.content {
    padding: 80px 20px;
}

.main-nav {
    display: flex; /* Show on desktop */
}

    .main-nav.active {
        display: block; /* Show on mobile when active */
    }

.smlogo, #lialert {
    visibility: visible;
}

.hdtopright {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: revert;
    align-items: revert-layer;
    flex-wrap: wrap;
    float: right;
}

.hdcontinf {
    position: relative;
    display: block;
}

    .hdcontinf ul {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .hdcontinf ul li {
            position: relative;
            display: block;
            float: left;
            margin-left: 0px;
            cursor: pointer;
            padding: 10px 0px;
        }

            .hdcontinf ul li .icon, .hdcontinf ul li .text {
                display: flex;
                vertical-align: middle;
                gap: 30px;
                align-items: center;
                justify-content: flex-end;
            }

            .hdcontinf ul li .icon {
                position: relative;
                width: 42px;
            }

            .hdcontinf ul li .text {
                position: relative;
                padding-left: 0px;
            }

.cntct_num ._num p {
    position: relative;
    top: 0px;
    font-size: 12px;
    line-height: normal;
    font-weight: 900;
    margin: 0 0 0px;
    color: #0b213b;
}

.hdcontinf ul li .text ._num, .cntct_num ._num {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hdcontinf ul li .text .btn_num {
    display: none;
}

.hdcontinf ul li .text ._num .fa-solid, .cntct_num ._num .fa-solid {
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #0b213b;
    padding: 8px;
    border-radius: 45px;
    background: #0b213b;
    color: #bfa181;
}

#modifytr {
    display: none;
}

    #modifytr.open {
        display: block;
    }

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}

.mobile-menu-toggle {
    display: none;
    cursor: pointer;
}

    .mobile-menu-toggle .bar {
        display: block;
        width: 25px;
        height: 3px;
        margin: 5px;
        background-color: #333;
    }

.logo {
    width: max-content;
}

.logomn {
    height: 40px;
    width: auto;
}

.cntct_num a.btn_num {
    display: none;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #lisearch {
        padding-right: 15px;
    }

    .search-barr .date-label {
        display: none !important;
    }

    .search-barr .location > .label {
        display: none !important;
    }

    .search-barr .remove-btn {
        display: none !important;
    }
}

@media screen and (min-width:992px) {
    .sub-navbar {
        background-color: #e5d9cd;
        white-space: nowrap;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #bfa181;
    }

    .cntct_num ._num {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .sub-navbar {
        background-color: #e5d9cd;
        white-space: nowrap;
        padding-top: 5px;
    }

    .cntct_num ._num {
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .language_ctr span {
        padding: 2px 8px;
        font-size: 14px;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .hdcontinf ul li .text .btn_num, .cntct_num .btn_num {
        padding: 8px 15px !important;
        background: #0b213b;
        border-radius: 50px;
        font-size: 16px !important;
        line-height: normal;
        display: flex !important;
        align-items: center;
        gap: 6px;
        font-weight: 600;
        margin-right: 5px;
    }

        .hdcontinf ul li .text .btn_num, .cntct_num .btn_num:hover {
            color: #bea080;
        }

    .hdcontinf ul li {
        padding: 8px 8px 8px 0px;
    }

        .hdcontinf ul li .text ._num, .cntct_num ._num {
            display: none;
        }

    .main-nav {
        display: none; /* Hide menu by default */
        position: absolute;
        top: 0px; /* Adjust as needed */
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 10px;
    }

        .main-nav.open {
            display: block;
        }

    .no-scroll {
        overflow: hidden;
    }

    .main-navbar.fixed .main-nav {
        background-color: #ffffff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .logo .small_logo img {
        display: none;
    }
}

@media screen and (min-width:200px) and (max-width:500px) {
    .logo .main_logo img {
        height: 50px;
        width: auto;
        margin: 0px 5px;
    }

    .flight-container {
        font-size: 13px !important;
        font-size: 12px !important;
        flex-direction: column;
        gap: 0px !important;
        margin: unset !important;
        padding: 0px 10px !important;
    }

    .hdcontinf ul li .icon, .hdcontinf ul li .text {
        gap: 10px;
    }

    .language_ctr {
        padding: 3px 5px;
        display: none;
    }

    .sub-navbar .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .logomn {
        height: 50px !important;
        width: auto;
        margin-top: 0px !important;
        visibility: visible;
    }

    .search-information-options .tab-btn {
        padding: 5px 10px;
    }

    .hdcontinf ul li .text .btn_num {
        padding: 8px 10px;
        font-size: 13px;
    }
}

@media screen and (min-width:200px) and (max-width:450px) {
 
    .cntct_num {
        gap: 12px !important;
    }
}

@media screen and (min-width:200px) and (max-width:380px) {

    .cntct_num {
        gap: 8px !important;
    }

    .hdcontinf ul li .text .btn_num {
        padding: 8px 8px !important;
        font-size: 12px !important;
    }

    .logo .main_logo img {
        height: 50px;
        margin: 0px 3px;
    }

    #lisearch {
        width: 38%;
        float: right;
    }

    .button {
        font-size: 14px !important;
    }

    .price_and_cabin span {
        font-size: 12px;
    }

    .language_ctr span {
        padding: 2px 5px;
        font-size: 13px;
    }
}

@media screen and (min-width:200px) and (max-width:340px) {
    .cntct_num {
        gap: 6px !important;
    } 
        .hdcontinf ul li .text .btn_num, .cntct_num .btn_num {
            padding: 8px 12px !important;
            font-size: 14px !important;
            gap: 8px;
            margin-right: 5px;
        }

    .sub-navbar .container {
        padding-left: 0px !important;
        padding-right: 5px !important;
    }

    .headerfilter .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* vietnamese */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}*/
/* latin-ext */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* cyrillic-ext */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* vietnamese */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}*/
/* latin-ext */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* cyrillic-ext */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* vietnamese */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}*/
/* latin-ext */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
 

/*===================================== ============================================*/

/*@font-face {
    font-family: 'fonnts.com-brandon_grotesque_black';
    src: url('../fonts/fonnts.com-brandon_grotesque_black.otf') format('opentype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'fonnts.com-brandon_grotesque_bold';
    src: url('../fonts/fonnts.com-brandon_grotesque_bold.otf') format('opentype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
@font-face {
    font-family: 'fonnts.com-brandon_grotesque_light';
    src: url('../fonts/fonnts.com-brandon_grotesque_light.otf') format('opentype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
@font-face {
    font-family: 'fonnts.com-brandon_grotesque_medium';
    src: url('../fonts/fonnts.com-brandon_grotesque_medium.otf') format('opentype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
@font-face {
    font-family: 'fonnts.com-brandon_grotesque_regular';
    src: url('../fonts/fonnts.com-brandon_grotesque_regular.otf') format('opentype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
@font-face {
    font-family: 'fonnts.com-brandon_grotesque_thin';
    src: url('../fonts/fonnts.com-brandon_grotesque_thin.otf') format('opentype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}*/
/*===================================== New Latest Font ==========================================*/

/*===================================== New Latest Font ==========================================*/