:root {
        --bs-blue: #0d6efd;
        --bs-indigo: #6610f2;
        --bs-purple: #6f42c1;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: rgb(255, 153, 0);
        --bs-green: #198754;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-white: #fff;
        --bs-gray: #6c757d;
        --bs-gray-dark: #343a40;
        --bs-gray-100: #f8f9fa;
        --bs-gray-200: #e9ecef;
        --bs-gray-300: #dee2e6;
        --bs-gray-400: #ced4da;
        --bs-gray-500: #adb5bd;
        --bs-gray-600: #6c757d;
        --bs-gray-700: #495057;
        --bs-gray-800: #343a40;
        --bs-gray-900: #212529;
        --bs-primary: #0d6efd;
        --bs-secondary: #6c757d;
        --bs-success: #198754;
        --bs-info: #0dcaf0;
        --bs-warning: #ffc107;
        --bs-danger: #dc3545;
        --bs-light: #f8f9fa;
        --bs-dark: #212529;
        --bs-primary-rgb: 0,116,232;
        --bs-secondary-rgb: 192,168,132;
        --bs-success-rgb: 25,135,84;
        --bs-info-rgb: 34,188,238;
        --bs-warning-rgb: 255,193,7;
        --bs-danger-rgb: 255,0,0;
        --bs-light-rgb: 248,249,250;
        --bs-dark-rgb: 0,0,0;
        --bs-white-rgb: 255,255,255;
        --bs-black-rgb: 0,0,0;
        --bs-body-color-rgb: 33,37,41;
        --bs-body-bg-rgb: 255,255,255;
        --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #212529;
        --bs-body-bg: #fff;
        --a-color-hover-1: rgb(34, 188, 238);
        --a-color-hover-2: rgb(255,102,0);
        --a-color-hover-3: rgb(192, 168, 132);
        --a-color-1: white;
        --a-color-2: rgba(0,0,0,0);
        --a-color-3: rgba(0,0,0,0);
        --color-combination-9: #00141e;
        --color-support-1: #001e28;
        --color-support-2: #999;
        --color-secondary-3: #0f2d37;
        --color-secondary-1: #00141e;
        --color-combination-9: #001e28;
        --color-combination-8: #0f2d37;
        --bg-green: #96D036;
        --input-bg: #8AB73C;
        --bg-grey: #f5f5f5;
        --bg-grey-1: #e3e3e3;
        --bg-grey-2: #c4c5c5;
        --bg-sv: #121321;
        --bg-sv-1: #181a2a;
        --color-contact: #F4574C;
        --btn-yellow: #ffc000;
        --bg-footer: #181a2a;
        --bg-cool-1: #59cca6;
        --bg-cool-2: #91ad41;
        --bg-cool-3: #e3b375;
        --bg-cool-4: #ef7f94;
        --bg-cool-5: #f5f6fb;
        --bg-cool-btn: #27272f;
        --cool-text: #8b8b99;
        --cool-text-bg: #91ad41;
        --text: #707070;
        --lg-bg: #f2f7f8;
        --lg-bg-2: #19B7F9;
        --lg-footer: #1c2f3c;
        --input: #f2f7f8;
        --bg-res: #f7f4ef;
        --res-text: #fec200;
        --res-footer: #181818;
        --poco-footer: #24272e;
        --poco-text: #8b8e96;
        --poco-btn: #eb3e32;
        --pc-lh: #f7f7f7;
        --pc-btn-1: #FFB416;
        --pc-tab: #ED4E2E;
        --pc-tab-1: #EAEDF1;
        --pc-text: #98A5C6;
        --pc-text-1: #F07532;
        --us-bg-1: #00c3ba;
        --us-bg-2: #4582ff;
        --us-bg-3: #f90;
        --nt-text: #252525;
        --nt-text-1: #888888;
}

/*--------------font-family and font siza ------------------*/
    /*----400,500,600,700----*/
    @font-face {
        font-family: UTMFacebookKTBoldItalic;
        src:  url(../font/SVN-Segoe-UI.ttf);
    }
    *{
        font-family: UTMFacebookKTBoldItalic !important;
        font-size: 0.9375rem !important;
    }
    .font_menu{
       font-family: NotoSans_500 !important;
       font-size: 0.9375rem !important;
       font-weight: 900 !important;
    }

    @font-face {
        font-family: NotoSans_500;
        src: url(../font/NunitoSans-BlackItalic.ttf);
    }
    .font_scenepro_500{
        font-family: NotoSans_500;
    }

    @font-face {
        font-family: NotoSans_700;
        src: url(../font/NotoSans-Medium.ttf);
    }
    .font_scenepro_700{
        font-family: NotoSans_700;
    }

    @font-face {
        font-family: NotoSans;
        src: url(../font/NotoSans-ExtraBold.ttf);
    }
    .font_scenepro_mdt{
        font-family: NotoSans;
    }
    @font-face {
        font-family: NotoSans_900;
        src: url(../font/NotoSans-Medium.ttf);
    }
    .font_scenepro_900{
        font-family: UTMFacebookKTBoldItalic !important;
        font-weight: 700 !important;
        font-size: 1.25rem !important;
    }

    .fs-135{
        font-size: 135px !important;
    }
    .fs-69{
        font-size: 69px !important;
    }
    .fs-75{
        font-size: 75px !important;
    }
    .fs-49{
        font-size: 49px !important;
    }
    .fs-39{
        font-size: 39px !important;
    }
    .fs-26{
        font-size: 26px !important;
    }
    .fs-20{
        font-size: 1.25rem !important;
    }

  

/*--------------padding anh margin ------------------*/
    .p-6{
        padding-left: 1vw !important;
        padding-right: 1vw !important;
    }
@media(min-width: 768px{
    .p-6{
        padding-left: 5vw !important;
        padding-right: 5vw !important;
    }
}
@media(min-width: 1400px{
    .p-6{
        padding-left: 10vw !important;
        padding-right: 10vw !important;
    }
}
/*-------------- thẻ menu ----------------------------*/
    .cursor{
        cursor: pointer;
    }