:root {
    --text-white1: #fff;
    --text-white2: #FFFFFF;
    --color-background: #000000;
    --nav-text: #222222;
    --nav-form: #F7F7F7;
    --color-shadow: #BFC7D933;
    --color-text-title: #76767F;
    --border-tab-content: #ccc;
    --input-disable: #B3B3BC;
    --input-maxsize: #e9ecef;
    --color-checkbox: #4D4D5C;
    --multi-purpose: #D40000;
    --background-checked: #dc3545;
    --switch-btn: #EDEDED;
    --switch-svg: #BDBDC1;
    --switch-shadow: #B3B6BD33;
    --bg-tbn-heart: #FFFFFF80;
    --shadow-overlay: #9F9F9F4D;
    --line-green: #DFF6C7;
    --bg-footer: #1f1f24;
    --footer-content: #ffffffb3;
    --copyright: rgba(255, 255, 255, 0.7);
    --color-boder: #DDDCE8;
    --border-dropdown: #EDEFFA;
    --feature-bg: #F2F3F5;
    --bg-btn-red-hover: #FFA4A6;
    --bg-customer: #FAFAFB;
    --borde-card: #E7E7E7;
    --bg-agent-booking: #FFF4F4;
    --message-success: #059652;
    --bg-room-available: #f8d7da;
    --color-line-general: #DADADA;
    --bg-initial-cost: #F8F8F8;
    --bg-dialog: #000000b5;
    --bg-main-image:#ffffff87;
    --btn-filter: #2A3754;

    /* about */
    --color-nav-text: #444444;
    --boder-bottom-nemu: #B47C35;
    --text-btn: #FFFFFF;
    --metrict-color-text: #C4A386;
    --color-metrict: #D9D9D6;
    --background-metrict: #2C2C2C;
    --line-about-us: #996830;
    --text-title-about: #2C2C2C;
    --text-content-about: #444444;
    --boder-service-item: #E6D8CC;
    --bg-dot: #DEDFE0;
    --color-footer-title: #996830;
    --bg-language-active: #F2D87B;
    --bg-service-hover: #F8EDE4;
    --boder-service-hover: #E6D8CC;
    --color-placeholder: #BCBCBC;
    --menu-bar: #1C1B1F;

    --color--0: #000000;
    --bg-favorite: #D9D9D9;
    --color--F: #FFFFFF;
    --bg-radio: #999999;
    --radio-checked: #D40000;
    --color-item-content: #F7F7F7;
    --color-month-rent: #4D4D5C;
    --bg-btn-favorite-card: #ffffff80;
    --bg-btn-slide: #99999942;
    --border-agent-color: #9999991f;
    --bg-filter: #808080;
    --bg-fee-card: #EB4E4E;
    --color-blue: #41C9E1;

    /* Corlor Search V2 */
    --color-text-highlight: #28ADAC;
    --color-border: #76767F;
    --color-feature: #0C959B;
    --section-bg: #EDEFFA;
    --bg-address: #4FBEB3;
    --bg-r-info: #F0F9F8;
    --text-color-grey: #778088;
    --bg-grey: #F2F4F7;
    --bg-white: #FFFFFF;
    --dot-color: #FB6514;
    --bg-sort: #02B0AE;
    --bg-search: #F0F9F8;
    --bg-search-con: linear-gradient(90deg, #8CD8BE 0%, #17A5A9 100%);
    --cl-border: #CCCCCC;
    --cl-20A: #C4320A;
    --cl-6ED: #FFF6ED;

    /* New color */
    --primary-DAC: #28ADAC;
    --primary-176: #0B7176;
    --primary-467: #475467;
    --primary-626: #262626;
    --primary-828: #101828;
    --primary-031: #043031;
    --primary-514: #FB6514;
    --primary-AFB: #F9FAFB;
    --primary-4F7: #F2F4F7;
    --primary-9F8: #F0F9F8;
    --primary-FE6: #A1EFE6;
    --primary-72A: #0F172A;
    --primary-054: #344054;
    --primary-085: #667085;
    --primary-59B: #0C959B;
    --primary-3F3: #D9F3F3;
    --primary-560: #495560;
    --primary-500: #FF9500;
    --primary-716: #031716;
    --primary-AFD: #F9FAFD;
    --primary-EB3: #4FBEB3;
    --primary-222: #222;
    --primary-67F: #76767F;
    --primary-DED: #EDEDED;
    --primary-088: #778088;
    --primary-432: #FFA432;
    --primary-AFA: #FAFAFA;
    --primary-D5C: #4D4D5C;
    --primary-272: #717272;
    --primary-AEB: #FFFAEB;
    --primary-FC7: #FEEFC7;
    --primary-AEE: #E8EAEE;
    --primary-EB3: #4FBEB3;
    --primary-0FD: #2950FD;
    --primary-BB2: #4ABBB2;
    --primary-3BE: #6BA3BE;
    --primary-1E9: #D9F1E9;
    --primary-1B5: #57C1B5;
    --primary-0AE: #02B0AE;
    --primary-FFF: #FFF;
    --primary-5DD: #D0D5DD;
    --primary-4F5: #F4F4F5;
    --primary-8FA: #F7F8FA;
    --primary-FAA: #999FAA;
    --primary-7F7: #F7F7F7;
    --primary-000: #000;
    --primary-3BC: #B3B3BC;
    --primary-CF0: #EAECF0;
    --primary-6ED: #FFF6ED;
    --primary-20A: #C4320A;

    --banner-height: 722px;
    --thumb-size: 25px;
}