:root {
    --main-color: #3498DB;
    --button-color: black;
    --title-color: black;
    --text-color: black;
    --hover-bg-color: #ffddb3;
    --book-now-txt-color: rgba(108, 117, 125, 1);
    --membership-rate-price: #f29c1f;
    --title-font: 18px;
    --text-font: 14px;
    --spacing1x: 8px;
    --spacing1x: 8px;
    --spacing2x: 16px;
    --spacing3x: 24px;
    --spacing4x: 32px;
    --spacing5x: 48px;

    /* ===== Customer Brand Colours ===== */
    --brand-primary-red: #3498DB;
    /* Pantone 485C */
    --brand-black: #000000;
    /* Black */
    --brand-neutral-gray: #DADBDC;
    /* 20% Black */
    --brand-highlight-yellow: #FFE900;
    /* Pantone 803C */
    --brand-highlight-magenta: #DF1995;
    /* Pantone 225C */
    --brand-highlight-green: #74AA50;
    /* Pantone 7489C */
    --brand-highlight-blue: #307FE2;
    /* Pantone 2727C */
}

/* font futura */
@font-face {
    font-family: "futura";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/Futura/futura_medium_bt.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* font lemon */
@font-face {
    font-family: "lemon-sans";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/Lemon-Sans/fonnts.com-Lemon_Sans_Next_Cond_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "lemon-sans";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/Lemon-Sans/fonnts.com-Lemon_Sans_Next_Cond_Medium.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "futura";
    font-weight: 400;
    font-style: normal;
}


body[data-chain-id="158"] .hotels--header--bottom {
    top: 100px;
}

.hotels--header--top.active {
    margin-top: -107px !important;
}

@media screen and (max-width: 768px) {
    body[data-chain-id='158'] .hotels--header--bottom.active {
        top: 2px;
    }

    /* body[data-chain-id="158"] .hotels--header--bottom {
        top: 78px;
    } */
}


@media screen and (max-width: 400px) {
    body[data-chain-id='158'] .hotels--header--li .logo img {
        aspect-ratio: unset;
    }
}