/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Babylonica&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/

/* vietnamese */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('/assets/fonts/google/6xKtdSZaM9iE8KbpRA_hJFQNcOM.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: 'Quicksand';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url(/assets/fonts/google/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Quicksand';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url(/assets/fonts/google/6xKtdSZaM9iE8KbpRA_hK1QN.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+2074, 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: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.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: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.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: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUQjIg1_i6t8kCHKm459WxRyS7m.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+2074, 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: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/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: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/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: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 100 900;
    font-display: swap;
    src: url(/assets/fonts/google/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */
@font-face {
    font-family: 'Babylonica';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/5aUw9_i2qxWVCAE2aHjTmDp--GVM.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: 'Babylonica';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/5aUw9_i2qxWVCAE2aHjTmDt--GVM.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Babylonica';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/5aUw9_i2qxWVCAE2aHjTmDV--A.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.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: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOiCnqEu92Fr1Mu51QrEzAdLw.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.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: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TjASc6CsQ.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xHIzIFKw.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: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1Mu51xIIzI.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.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: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.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: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TzBic6CsQ.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.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: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxHIzIFKw.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: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/assets/fonts/google/KFOkCnqEu92Fr1MmgVxIIzI.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fCxc4EsA.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: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmSU5fBBc4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu7WxKOzY.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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/google/KFOmCnqEu92Fr1Mu4mxK.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fCxc4EsA.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: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmEU9fBBc4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmWUlfBBc4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfCxc4EsA.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: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/assets/fonts/google/KFOlCnqEu92Fr1MmYUtfBBc4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




@font-face {
    font-family: 'SheliaVNF';
    src: url('../fonts/Shelia\ VNF\ Regular.ttf');
}

@font-face {
    font-family: 'UVFFuturaLT';
    src: url('../fonts/UVF\ FuturaLT.ttf');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: 'Copperplate';
    src: url('../fonts/COPRGTB.TTF');
}

@font-face {
    font-family: 'SVN-Helvetica';
    src: url('../fonts/SVN-Helvetica\ Neue\ Heavy.ttf');
}

@font-face {
    font-family: 'ARIAL';
    src: url('../fonts/arial.ttf');
}

@font-face {
    font-family: 'lucida';
    src: url('../fonts/lucida-calligraphy-italic.ttf');
}

@font-face {
    font-family: 'SFUFuturaBook';
    src: url('../fonts/SFUFuturaBook.TTF');
}

@font-face {
    font-family: 'BonheurRoyale';
    src: url('../fonts/BonheurRoyale-Regular.ttf');
}

:root {
    --color-primary: #0f6282;
    --color-secondary: #b4ffff;
    --color-third: #29adb9;
    --color-fourth: #03222f;
    --color-fifth: #042c3c;
    --color-gray: #F6F8FA;
    --color-red: #ff0000;
    --offset: 0;
    --var-form-serch: 320px;
    --min-height-body: 0;
}

* {
    font-family: 'ARIAL';
    /*font-family: 'Quicksand', sans-serif;*/
    font-size: 14px;
}

.header-top *,
.header-bottom * {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
}

.footer * {
    font-family: 'Quicksand', sans-serif;
}
/*
body {
    visibility: hidden;
}*/

.btn {
}

.btn-lg {
    /*padding: 10px .75rem;*/
    padding: 8px !important;
    font-size: unset;
}

a {
    color: inherit;
    text-decoration: inherit;
}

    a:hover {
        color: inherit;
        text-decoration: inherit;
    }

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*Scroll To Top*/
.myBtnScroll {
    position: fixed;
    bottom: 100px;
    right: 24px;
    z-index: 99;
    background: linear-gradient(to top, #8248F9 0%, #4694DE 100%);
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .myBtnScroll span {
        font-size: 20px;
        /*font-weight: 700;*/
    }

    .myBtnScroll:hover {
        opacity: 0.8;
    }
/*Scroll To Top*/

.center {
    text-align: center
}

.container-fluid {
    width: 100%;
    padding: 0;
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.header-top-right {
    padding: 15px 0 15px 30px;
}

.header-social-bg {
    background-color: var(--color-third);
}

.header-social {
    background-color: var(--color-primary);
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding-right: 20px;
}

.header-top {
    position: relative;
}

    .header-top::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        /*width: var(--offset);*/
        width: calc((100vw - 1200px) / 2);
        background-color: var(--color-third);
        z-index: -1;
    }

    .header-top::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        /*width: var(--offset);*/
        width: calc((100vw - 1200px) / 2);
        background-color: var(--color-primary);
        z-index: -1;
    }

.fix-header .navbar-brand img {
    height: 80px;
    transition: height 0.3s ease;
}

.fix-header .navbar:after {
    background-color: var(--color-primary);
}

.fix-header.header-bottom::before {
    background-color: var(--color-primary);
}

.fix-header .search-form input {
    background-color: var(--color-primary) !important;
}

.fix-header #slide_menu {
    /*top: 76px;*/
    transition: 0.3s ease-in-out;
}

.fix-header .content_menu_t .wrap_items:first-child {
    border-top: 1px solid var(--color-primary);
    transition: 0.3s ease-in-out;
}

.header-bottom {
    position: sticky !important;
    top: 0; /* hoặc bất kỳ giá trị nào khác */
    left: 0;
    z-index: 999;
    background-color: #fff;
}

    .header-bottom::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5px;
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    }

    .header-bottom::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        /*width: var(--offset);*/
        width: calc((100vw - 1200px) / 2);
        background-color: var(--color-third);
        z-index: -1;
        will-change: background-color;
        transition: background-color 0.3s ease-in-out;
    }

.header-top {
    height: 55px;
}

.header-social {
    height: 55px;
    width: 100%;
}

.header-social-title span:first-child {
    padding: 0 30px 0 0;
    font-size: 20px;
    font-weight: 500;
}

.header-social-title span:last-child {
    font-size: 16px;
    font-family: 'RobotoLight', 'Roboto', sans-serif;
}

    .header-social-title span:last-child i {
        font-size: 16px;
    }

.navbar {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.nav-logo {
    width: 82px;
    height: 82px;
}

.navbar-brand {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .navbar-brand img {
        height: 80px;
        transition: height 0.3s ease;
        will-change: height;
    }

.navbar-nav .nav-link,
.navbar-nav .nav-link i {
    font-weight: 650;
    font-size: 18px;
    color: var(--color-primary) !important;
    text-transform: uppercase;
    line-height: 1;
}

.nav-link-mobile {
    display: none;
}

.hero {
    min-height: 815px;
    position: relative;
}

.hero-title {
    width: 50%;
}

.hero-discover .hero-discover-item:last-child a {
    margin-right: 0;
}

.hero-title div {
    font-family: 'Montserrat', sans-serif;
    font-size: 88px;
    color: #fff200;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.53);
    font-weight: 900;
}

.hero-title > div:nth-child(2) {
    text-transform: uppercase;
    text-align: center;
}

.hero-title > div:nth-child(3) {
    text-transform: uppercase;
    text-align: right;
}

.hero-title div:first-child {
    font-family: 'Babylonica', cursive;
    font-size: 133px;
    color: #fff;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    padding-top: 250px;
    text-shadow: -5px 5px 0 #ff0000, -7px 7px 0 #ff0000;
    line-height: 1;
    text-align: center;
}

.hero-discover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
}

    .hero-discover img {
        width: 400px;
    }

.hero-discover-item a {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #ef2323;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.hero-discover .hero-discover-item:last-child a {
    background-color: var(--color-third);
}

.intro-01 {
    background-image: url('../images/bg-intro.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-top: 65px;
}

.intro-02 {
    background-color: var(--color-third);
    padding: 50px 0 45px 0;
}

.intro-title div:last-child {
    font-family: 'lucida';
    line-height: 1;
    font-size: 68px;
    color: #ff0000;
    display: inline-block;
    text-align: right;
}

    .intro-title div:last-child span {
        font-family: 'lucida';
        line-height: 1;
        font-size: 68px;
        color: #ff0000;
        display: inline-block;
        text-align: right;
    }

.intro-title div:first-child {
    font-family: 'Copperplate', sans-serif;
    font-size: 68px;
    color: var(--color-primary);
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}

.intro-content {
    font-family: 'UVFFuturaLT', sans-serif;
    font-size: 30px;
    margin-top: 25px;
    font-weight: 550;
}

.intro-video-item {
    border-radius: 8px;
    height: 160px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .intro-video-item img:first-child {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        -o-object-fit: cover;
        object-fit: cover;
    }

.intro-video-item-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

    .intro-video-item-play img {
        max-height: 40px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.intro-img-01 {
    width: 515px;
    height: 515px;
    border-radius: 530px;
    border: 10px solid #fff;
    overflow: hidden;
    position: absolute;
    bottom: 60px;
    right: 0;
}

    .intro-img-01 img,
    .intro-img-02 img,
    .intro-img-03 img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.intro-img-02 {
    width: 250px;
    height: 250px;
    border-radius: 270px;
    border: 10px solid #fff;
    overflow: hidden;
}

.intro-wrapper-01 {
    padding-bottom: 200px;
}

.intro-left {
    padding: 0 115px 0 115px;
}

.intro-left-desc {
    padding: 0 80px 0 115px;
}

.intro-img-03 {
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
}

.intro-img-02 {
    position: absolute;
    bottom: 0;
    left: 10%;
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}

.intro-link {
}

.intro-link-item {
    display: block;
}

.intro-link-item-img {
    aspect-ratio: 1;
    width: 140px;
    margin: 0 auto;
}

    .intro-link-item-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.intro-link-item-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 550;
    text-align: center;
    margin-top: 30px;
    font-size: 25px;
}

.guide-sm {
    position: absolute;
    top: 70px;
    left: 0;
    width: 140px;
}

.guide-sm-title {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    text-shadow: -1px 1px 0 var(--color-secondary), 1px 1px 0 var(--color-secondary), 1px -1px 0 var(--color-secondary), -1px -1px 0 var(--color-secondary);
    margin-bottom: 15px;
}

.guide-sm-item {
}

.guide-sm-item-img {
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 8px;
    background-color: var(--color-secondary);
}

.guide-sm-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.guide {
    background-image: url('../images/guide-bg-00.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 -250px;
    padding: 40px 0 30px;
}

.guide {
    position: relative;
}

    .guide::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)) );
        background-image: -o-linear-gradient( bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
        background-image: linear-gradient( to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
    }

.guide-items {
    padding: 0 90px;
}

.guide-title {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #ff0000;
}

.guide-item {
    width: 100%;
    /* width: 180px; */
    height: 180px;
    aspect-ratio: 1 / 1;
    color: var(--color-primary);
    padding: 0 10px;
    border-radius: 24px;
    /* height: 110px; */
    background-color: #fff;
    position: relative;
}

    .guide-item.active::after {
        content: '';
        position: absolute;
        top: 50%;
        right: -20px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 20px solid #fff;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }

.guide-title-bg {
    background-color: #ff0000;
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    border-radius: 8px;
    margin-bottom: 35px;
    padding: 8px 30px;
}

.guide-item-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
    min-height: 50pxf;
}

.guide-item-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.guide-item-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .guide-item-icon img {
        -o-object-fit: contain;
        object-fit: contain;
    }

.guide-map {
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}

.guide-map-title {
    font-size: 18px;
    font-weight: bold;
    background-color: var(--color-secondary);
    color: #fff;
    padding: 15px 20px;
}

    .guide-map-title img {
        margin-right: 20px;
        max-height: 40px;
    }

.mySwiperHero {
    z-index: -1;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}

.mySwiperDiscovery .swiper-slide {
    height: 310px !important;
    -webkit-transform: translateY(105px) !important;
    -ms-transform: translateY(105px) !important;
    transform: translateY(105px) !important;
}

    .mySwiperDiscovery .swiper-slide img {
        width: 100%;
    }

.mySwiperDiscovery .swiper-slide-prev,
.mySwiperDiscovery .swiper-slide-next {
    -webkit-transform: translateY(60px) !important;
    -ms-transform: translateY(60px) !important;
    transform: translateY(60px) !important;
    height: 375px !important;
}

.mySwiperDiscovery .swiper-slide-active {
    -webkit-transform: translateY(30px) !important;
    -ms-transform: translateY(30px) !important;
    transform: translateY(30px) !important;
    height: 375px !important;
}

.mySwiperPotential.swiper {
    width: 100%;
    height: 100%;
}

.mySwiperPotential.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .mySwiperPotential .swiper-slide img {
        display: block;
        /*       width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;*/
    }

.nae {
    padding-bottom: 20px;
}

.news-title,
.event-title {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.news-item {
    border-bottom: 1px solid #cfcfcf;
    padding: 24px 0 24px;
}

.news-item-wrapper:nth-last-child(2) .news-item {
    border-bottom: 1px solid transparent;
}

.news-item-wrapper:last-child .news-item {
    border-bottom: 1px solid transparent;
}

.news-item.news-item-noborder {
    border-bottom: 1px solid transparent;
}

.news-item-wrapper {
}

.news-item-title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    color: var(--color-primary);
}

.news-item-content {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.news-item-img {
    height: 130px;
    width: 200px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .news-item-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.event-item {
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #cfcfcf;
}

    .event-item:last-child {
        border-bottom: unset;
        border-bottom: none;
    }

.event-item-title {
    color: var(--color-primary);
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
}

.event-item-content {
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.event-item-content-title {
    font-size: 14px;
}

.event-item-order {
    font-family: 'ARIAL';
    font-size: 40px;
    font-weight: bold;
    color: #999;
    padding-right: 30px;
}

.event-item-content > div {
    margin-bottom: 5px;
}

.event-item-icon {
    margin-right: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

    .event-item-icon img {
        /*        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;*/
    }

.potential {
    background-color: #fff;
    padding: 40px 0;
}

.potential-item {
    max-width: 210px;
    height: 150px;
    border: 1px solid blue;
}

.potential-img {
    border-radius: 8px;
    height: 160px;
    overflow: hidden;
}

    .potential-img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        object-position: center center;
    }

.potential-label {
    font-weight: bold;
    margin-top: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: auto;
}

.captcha-img {
}

.captcha-img {
    background-color: #e1e6e8;
    border-radius: 8px;
    height: 50px;
    padding: 10px;
}

.contact-captcha input {
    width: min-content;
    flex-shrink: 0;
}

.captcha-img img {
    height: 100%;
}

.captcha-reload {
    background-color: #f10404;
    color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    cursor: pointer;
}

    .captcha-reload i {
        font-size: 28px;
    }

.feedback {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 60px;
    padding-bottom: 35px;
}

    .feedback .btn {
        padding: 10px 20px;
        border-radius: 8px !important;
    }

        .feedback .btn:hover {
            background-color: var(--color-primary);
        }

    .feedback input,
    .feedback textarea {
        background-color: #e5e5e5 !important;
        padding: 15px 15px !important;
        border-radius: 8px !important;
        font-weight: bold;
    }

.btn-contact span {
    font-weight: bold;
}

.feedback .btn-primary {
    background-color: #0f6282 !important;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.btn-primary {
    background-color: var(--color-primary) !important;
    border: 1px solid transparent;
}

    .btn-primary:hover {
        border: 1px solid transparent;
        opacity: 0.8;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.accordion-item {
    border-radius: 8px;
    border: unset;
}

.accordion-button.collapsed {
    background-color: var(--color-primary);
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    border-radius: 8px !important;
}

.accordion-item:last-child .accordion-button.collapsed {
    margin-bottom: 20px;
}

.accordion-item {
    background-color: transparent;
}

.accordion-body {
    color: #fff;
}

.accordion-button {
    border-radius: 10px 10px 0 0 !important;
    background-color: var(--color-fifth) !important;
    color: #fff !important;
    font-weight: bold;
}

    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #fff !important;
    }

    .accordion-button:not(.collapsed)::after {
        color: #fff !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    }

.accordion-collapse.collapse.show {
    background-color: var(--color-fifth);
    margin-bottom: 30px;
    border-radius: 0 0 8px 8px;
}

.accordion-button:focus {
    -webkit-box-shadow: 0 0 0 0.25rem transparent;
    box-shadow: 0 0 0 0.25rem transparent;
}

.accordion-simple .accordion-item * {
    font-size: 14px;
}

.accordion-simple .accordion-item {
    border: unset;
}

.accordion-simple .accordion-button.collapsed {
    background-color: var(--color-gray);
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

.accordion-simple .accordion-item:last-child .accordion-button.collapsed {
    margin-bottom: 10px;
}

.accordion-simple .accordion-item {
    background-color: transparent;
}

.accordion-simple .accordion-body {
    color: #000;
}

.accordion-simple .accordion-button {
    border-radius: 10px 10px 0 0 !important;
    background-color: var(--color-gray) !important;
    color: #000 !important;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .accordion-simple .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #000 !important;
    }

    .accordion-simple .accordion-button:not(.collapsed)::after {
        color: #000 !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

.accordion-simple .accordion-collapse.collapse.show {
    background-color: var(--color-gray);
    border-radius: 0 0 8px 8px;
}

.accordion-simple .accordion-button:focus {
    -webkit-box-shadow: 0 0 0 0.25rem transparent;
    box-shadow: 0 0 0 0.25rem transparent;
}

.accordion-simple .accordion-button {
    padding: 12px 0 0 0 !important;
}

.accordion-simple .accordion-body {
    padding: 12px 0 0 0 !important;
}

    .accordion-simple .accordion-body label {
        color: #222;
    }

.app-download-img {
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

    .app-download-img img {
        /*        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;*/
    }

.footer {
    padding: 35px 0;
    background-color: var(--color-fifth);
}

.footer-title {
    margin-bottom: 10px;
}

.footer-line:not(:last-child) {
    margin-bottom: 15px;
}

.contact-and-qa {
    background-color: var(--color-fourth);
    background-repeat: no-repeat;
    background-size: cover;
}

.qa-right {
    padding-left: 95px;
}

.qa-title {
    margin-bottom: 25px;
}

.discovery {
    padding: 25px 0 0 0;
    position: relative;
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(rgba(53, 193, 207, 0.5)), to(rgb(255, 255, 255)) );
    background-image: -o-linear-gradient( rgb(255, 255, 255), rgba(53, 193, 207, 0.5), rgb(255, 255, 255) );
    background-image: linear-gradient( rgb(255, 255, 255), rgba(53, 193, 207, 0.5), rgb(255, 255, 255) );
}

.discovery-back-drop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
}

    .discovery-back-drop img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.search-form input {
    background-color: var(--color-third) !important;
    color: #fff !important;
    border-radius: 8px;
    will-change: background-color;
    transition: background-color 0.3s ease-in-out;
}

.search-form i {
    color: #fff !important;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
    display: none;
}

.search-form input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 0.8; /* Firefox */
}

.search-form input::-moz-placeholder {
    color: #fff !important;
    opacity: 0.8; /* Firefox */
}

.search-form input:-ms-input-placeholder {
    color: #fff !important;
    opacity: 0.8; /* Firefox */
}

.search-form input::-ms-input-placeholder {
    color: #fff !important;
    opacity: 0.8; /* Firefox */
}

.search-form input::placeholder {
    color: #fff !important;
    opacity: 0.8; /* Firefox */
}

.search-form input::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #fff !important;
}

.navbar {
    position: relative;
}

    .navbar:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: var(--var-form-serch);
        background-color: var(--color-third);
        z-index: -1;
        will-change: background-color;
        transition: background-color 0.3s ease-in-out;
    }

    .navbar input {
        border: 1px solid #fff;
    }

.search-form {
    width: 300px;
}

.header-top-right {
    height: 60px;
    width: 400px;
    background-color: var(--color-third);
}

.navbar-top-user {
    width: 30px;
    height: 30px;
    border-radius: 40px;
    overflow: hidden;
    cursor: pointer;
}

    .navbar-top-user img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.header-social-link ul li a {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 35px;
}

    .header-social-link ul li a img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.header-social-link li {
    margin-left: 20px;
}

.header-top-left > div:last-child {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.header-top-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-social {
    border-radius: 0 0 10px 0;
}

.dropdown-menu-language {
    margin-left: 20px;
}

.dropdown-menu-user {
    margin-left: 10px;
    padding-top: 5px;
}

.dropdown-menu-language {
    padding-top: 5px;
}

    .dropdown-menu-language ul li img {
        width: 20px;
        height: 20px;
        border-radius: 30px;
        -o-object-fit: cover;
        object-fit: cover;
    }

video {
    width: 100%;
    /*height: auto;*/
}

.nav-item .nav-link:first-child {
}

.nav-item .nav-link {
    margin-right: 10px;
}

.chatbox-icon {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    display: inline-block;
}

    .chatbox-icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        cursor: pointer;
    }

.accordion-button {
    padding: 20px !important;
}

.accordion-item * {
    font-size: 14px;
}

.nav-item-mobile-show {
    display: none;
}

.navbar-brand-slogan {
    font-weight: bold;
    font-size: 16px;
    color: var(--color-primary) !important;
    text-transform: uppercase;
    line-height: 1;
    max-width: 250px;
    text-align: center;
    line-height: 1.2;
}

.map-frame {
    width: 100%;
    height: 100%;
    position: relative;
}

.map-slide .intro-video .intro-video-item {
    display: block;
    height: 380px;
    border-radius: 0px;
}

    .map-slide .intro-video .intro-video-item .intro-video-item-play img {
        -o-object-fit: contain;
        object-fit: contain;
    }

.map-slide .intro-video .intro-video-item-vr img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.intro-video-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.checkin {
    background-color: #edfeff;
    margin-top: 20px;
}

.checkin-item {
    /* flex-grow: 0; */
}

.checkin-item-2 {
    height: 290px;
}

.checkin-item-3 {
    height: 280px;
}

    .checkin-item img,
    .checkin-item-2 img,
    .checkin-item-3 img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.intro-video-item-play div:first-child {
    font-family: 'BonheurRoyale';
    line-height: 1;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    text-shadow: -1px -1px 0 var(--color-red), 1px -1px 0 var(--color-red), -1px 1px 0 var(--color-red), 1px 1px 0 var(--color-red);
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}

.big-event {
    background-image: url(../images/guide-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 40px 0 55px;
    position: relative;
}

    .big-event::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 55px;
        background-image: -webkit-gradient( linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(255, 255, 255, 0)) );
        background-image: -o-linear-gradient( bottom, rgb(255, 255, 255), rgb(255, 255, 255, 0) );
        background-image: linear-gradient( to top, rgb(255, 255, 255), rgb(255, 255, 255, 0) );
    }

.big-event-img {
    text-align: center;
}

    .big-event-img img {
        max-width: 100%;
        width: 100%;
        /*        -o-object-fit: contain;
        object-fit: contain;*/
    }

.guide-title-checkin {
    font-family: 'BonheurRoyale';
    line-height: 1;
    font-size: 80px;
    color: #ff0000;
    font-weight: normal;
    text-transform: unset;
    margin-bottom: 40px;
}

.hero-mark img {
    width: 100%;
    height: 100%;
}

.adv-item {
    height: 140px;
}

    .adv-item img {
        width: 100%;
        /*        height: 100%;
*/ -o-object-fit: cover;
        object-fit: cover;
    }

.checkin-item {
    height: 600px;
}

.checkin-item-icon {
    width: 35px;
    height: 35px;
    right: 20px;
    bottom: 10px;
    z-index: 12;
}

    .checkin-item-icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.adv {
    margin-top: auto;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.toggle-icon {
    opacity: 0.8;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/* Confix g */
.g-3,
.gy-3 {
    --bs-gutter-y: 30px;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 30px;
}

.g-0,
.gy-0,
.gx-0 {
    --bs-gutter-y: 0;
}
/* Confix g */

.breadcrumb {
    margin-top: 20px;
}

.room-information {
    margin: auto;
}

.accordion-item * {
    font-size: 16px;
}

.nav-item-mobile-show {
    display: none
}

.breadcrumb {
    margin-top: 12px;
}

    .breadcrumb li a {
        font-size: 16px;
        color: #222;
        font-size: 14px;
    }

.footer {
    width: 100%;
    float: left;
}

/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current "tab button" class */
        .tab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}

.red {
    color: red;
}

.navbar-brand-slogan {
    font-weight: bold;
    font-size: 16px;
    color: var(--color-primary) !important;
    text-transform: uppercase;
    line-height: 1;
    max-width: 250px;
    text-align: center;
    line-height: 1.2;
}

.dropdown-menu-user img {
    width: 30px;
    height: 30px;
}

.news-item-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card {
    background: #fff;
    -webkit-box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.5);
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-bottom: 50px;
}

    .card h2 {
        margin: 0;
        padding: 0 1rem;
    }

    .card .title {
        padding: 1rem;
        text-align: right;
        color: green;
        font-weight: bold;
        font-size: 12px;
    }

    .card .desc {
        padding: 0.5rem 1rem;
        font-size: 12px;
    }

    .card .actions {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.5rem 1rem;
    }

    .card svg {
        width: 85px;
        height: 85px;
        margin: 0 auto;
    }

.img-avatar {
    width: 80px;
    height: 80px;
    position: absolute;
    border: 6px solid white;
    background-image: -o-linear-gradient(150deg, #16a085 0%, #f4d03f 100%);
    background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);
    top: 15px;
    left: 85px;
}

.card-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.title-total {
    padding: 2.5em 1.5em 1.5em 1.5em;
}

path {
    fill: white;
}

.img-portada {
    width: 100%;
}

.pd10 {
    padding: 10px 0;
}
/*button {
    border: none;
    background: none;
    font-size: 24px;
    color: #8bc34a;
    cursor: pointer;
    transition: 0.5s;
}

    button:hover {
        color: #4caf50;
        transform: rotate(22deg);
    }*/

.edit-information:hover {
    color: #00b2c4;
}

#filters {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
}

    #filters h4 {
        color: #0f6382;
        font-size: 16px;
        margin: 0;
    }

.product-grid {
    text-align: center;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    margin-bottom: 20px;
    cursor: pointer;
}

    /*    .product-grid:hover {
        box-shadow: 0 0 10px rgba(0,0,0,0.15),10px 10px rgba(0,0,0,0.05);
    }*/

    .product-grid .product-image {
        overflow: hidden;
        position: relative;
        border-radius: 0;
    }

        .product-grid .product-image a.image {
            display: block;
        }

        .product-grid .product-image img {
            width: 100%;
            height: 195px;
        }

        .product-grid .product-image .pic-1 {
            -webkit-transition: all 200ms ease 0s;
            -o-transition: all 200ms ease 0s;
            transition: all 200ms ease 0s;
        }

        .product-grid .product-image:hover .pic-1 {
            /*opacity: 0;*/
        }

        .product-grid .product-image .pic-2 {
            width: 100%;
            height: 100%;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transition: -webkit-transform 3s;
            transition: -webkit-transform 3s;
            -o-transition: transform 3s;
            transition: transform 3s;
            transition: transform 3s, -webkit-transform 3s;
        }

        .product-grid .product-image:hover .pic-2 {
            opacity: 1;
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transform: scale(1.5);
        }

    .product-grid .product-hot-label {
        color: #fff;
        background: #222;
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize;
        padding: 7px 12px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /*.product-grid .product-links {*/
    /*background: #f1f1f1;*/
    /*width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        opacity: 0;*/
    /* transform: scaleX(2); */
    /*position: absolute;
        bottom: -15px;
        left: 0;
        transition: all 0.5s ease-in-out 0s;
    }*/
    /*
    .product-grid:hover .product-links {
        opacity: 1;
        transform: scaleX(1);
        bottom: 0;
    }

    .product-grid .product-links li {
        margin: 0 -2px;
        display: inline-block;
        width: 100%;
    }

        .product-grid .product-links li > div {
            color: white;
            font-size: 16px;
            width: 100%;
            height: 195px;
            display: block;
            position: relative;
            transition: all .2s ease-out;
            background: #042c3cb0;
        }

            .product-grid .product-links li > div p {
                width: 100%;
                float: left;
            }*/

    /*    .product-grid .product-links li a:hover {
                color: #fff;
                background-color: #000000a1;
            }*/

    .product-grid .product-links li a:before,
    .product-grid .product-links li a:after {
        content: attr(data-tip);
        color: #fff;
        background-color: #222;
        font-size: 12px;
        line-height: 18px;
        padding: 5px 10px;
        white-space: nowrap;
        display: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
        top: -40px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .product-grid .product-links li a:after {
        content: '';
        height: 15px;
        width: 15px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        top: -25px;
        z-index: -1;
    }

    .product-grid .product-links li a:hover:before,
    .product-grid .product-links li a:hover:after {
        display: block;
    }

    .product-grid .product-content {
        background: #fff;
        padding: 10px;
        position: relative;
        height: 90px;
        background-color: #FFF;
        -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
        border-radius: 0px;
    }

    .product-grid .add-to-cart {
        color: #00b7c9;
        font-size: 15px;
        font-weight: 600;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        -webkit-transition: all 1s ease 0s;
        -o-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }

    .product-grid:hover .add-to-cart {
        opacity: 1;
    }

    .product-grid .add-to-cart i.fas {
        font-size: 14px;
        margin: 0 5px 0 0;
    }

    .product-grid .title {
        position: absolute;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        margin: 0 0 10px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        text-align: left;
    }

        .product-grid .title a {
            font-size: 17px;
            font-weight: bold;
            color: #0f6382;
            text-transform: capitalize;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .product-grid .title p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-right: 10px;
        }
    /*    .product-grid:hover .title {
        opacity: 0;
    }*/
    .product-grid .rating {
        color: #1c1a19;
        font-size: 12px;
        padding: 0;
        margin: 0 0 11px;
        list-style: none;
    }

    .product-grid .price {
        color: #042c3c;
        font-size: 16px;
        font-weight: 700;
    }

@media screen and (max-width: 990px) {
    .product-grid {
        margin: 0 0 30px;
    }
}

.ratings i {
    font-size: 16px;
    color: red
}

.strike-text {
    color: red;
    text-decoration: line-through
}

.product-image {
    width: 100%
}

.dot {
    height: 7px;
    width: 7px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    background-color: blue;
    border-radius: 50%;
    display: inline-block
}

.spec-1 {
    color: #333;
    font-size: 15px
}

.para {
    font-size: 16px
}

.grid {
    padding: 60px;
    margin: 0 auto;
    max-width: 1200px;
}

.grid--item {
    position: relative;
    margin-top: -90px;
    margin-right: 5px;
    margin-left: 5px;
    width: calc(33.33% - 10px);
    float: left;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    -webkit-shape-outside: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

    .grid--item:before {
        display: block;
        padding-top: 112.5%;
        content: "";
    }

    .grid--item:nth-child(1), .grid--item:nth-child(2) {
        margin-top: 0;
    }

    .grid--item:nth-child(7n-1), .grid--item:nth-child(1) {
        margin-left: 185px;
    }

.img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

    .img:before, .img:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

    .img:before {
        background: rgba(128, 0, 128, 0.25);
    }

    .img:after {
        background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));
        background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.5), transparent);
        background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5), transparent);
    }

.desc {
    margin: 5px 0 0;
    /*letter-spacing: 0.1em;*/
    font-weight: bold;
}

    .desc span {
        color: var(--color-primary);
        font-weight: bold
    }

.grid--item:hover .img:before,
.grid--item:hover .img:after,
.grid--item:hover .container {
    opacity: 1;
}

.grid--item:hover .container {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.time_chatbox:hover {
    cursor: pointer;
}

.BDC_CaptchaDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 230px !important;
}

#RegistrationCaptcha_CaptchaImageDiv {
    margin-right: 10px;
}

.BDC_CaptchaImage {
    width: 250px !important;
    height: 50px;
}

.BDC_CaptchaImageDiv {
    width: 240px !important;
    height: 50px !important;
    border-radius: 10px !important;
    overflow: hidden;
}

    .BDC_CaptchaImageDiv img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

.open .dropdown-menu {
    display: block;
    top: 35px;
    right: 0px;
}

.btn-custom {
    background: #9f224e;
    margin: 0;
    padding-right: 6px;
    color: white;
}

    .btn-custom::after {
        border: 0;
    }

.text-truncate-3 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    color: var(--color-primary);
}

.guide-title a {
    font-size: 40px;
}

.ptop-bottom10 {
    padding: 10px 0;
}

.btn-custom::after {
    border: 0;
}

.box_radius_border {
    -webkit-box-shadow: 0 1px 1px rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.05);
    box-shadow: 0 1px 1px rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.05);
}

.infomation_dalat {
    width: 100%;
}

.box-map, .box-rate {
    width: 100%;
    float: left;
    margin: 10px 0;
}

    .box-map iframe {
        max-width: 100%;
        width: 100%;
    }

.tien-ich ul {
    width: 100%;
    height: 65vh;
    overflow: hidden;
    overflow-y: auto;
}

    .tien-ich ul li {
        width: 100%;
        float: left;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }

        .tien-ich ul li p {
            margin-bottom: 3px;
        }

.breadcrumb-item.active {
    color: #b2293c;
    font-size: 15px;
    font-weight: bold;
}

    .breadcrumb-item.active a {
        color: #b2293c;
    }

.box-format {
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    padding: 5px 10px;
}

.container img {
    max-width: 100%;
}

.article-content img {
    padding: 5px;
    border: 1px solid #dee2e6;
    max-width: 100%;
    height: auto !important;
}

.event-item-icon img

.article p, .article div, .article span, .article strong, .article section {
    font-size: 17px;
}

.search-result-item {
    display: block;
    border-radius: 10px !important;
}

    .search-result-item img {
        width: 100%;
        height: 150px;
        /*        border-radius: 10px;*/
        -o-object-fit: cover;
        object-fit: cover;
    }

.search-result-item-title {
    margin-bottom: 0;
    padding: 0 1rem;
    font-size: 16px;
    font-weight: bold;
}

    .search-result-item-title:hover {
        color: var(--color-third);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.search-result-item-desc {
    text-align: start;
}

.link-read_more {
    text-decoration: underline;
}

    .link-read_more:hover {
        text-decoration: underline;
        color: var(--color-third);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.widget-connectivity h2 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
}

.Icon_answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1em;
    width: 10em;
    height: 10em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .Icon_answer > img {
        width: 7em;
    }

    .Icon_answer > span {
        font-weight: 600;
    }

.YN_answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 15em;
    height: 5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 1em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .YN_answer > span {
        font-weight: 600;
        margin-left: 1em;
    }

    .YN_answer > img {
        width: 5em;
        margin-left: 1em;
    }

.Img_answer {
    position: relative;
    border-radius: 1em;
    width: 10em;
    height: 10em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 1em;
}

    .Img_answer > span {
        position: absolute;
        font-weight: 600;
        bottom: 15%;
        left: 30%;
        z-index: 100;
        color: white;
    }

    .Img_answer > img {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }

.active_answer {
    border-bottom: 5px solid var(--color-primary);
}

    .active_answer > img {
        opacity: 1;
    }

.box_question {
    margin: 2em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    width: 53em;
    border-radius: 4px;
}

.head_question {
    padding: 2em;
}

    .head_question > strong {
        font-size: 2em;
    }

.body_Answer {
    padding-bottom: 1em;
}

.yes_no_question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 1em 0;
}

.box_answer {
    margin: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item_answer:hover {
    cursor: pointer;
}

.yes_no_question > div > input {
    margin: 0 1em;
}

.yes_no_question > div > label {
    font-size: 14px;
}

.content_question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hide {
    display: none;
}

.main_banner {
}

.container_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*align-items: center;*/
    max-width: 1280px;
    padding: 0 70px 0 10.5px;
    width: 100%;
}

.banner-detail {
    padding-right: 11.22807%;
}

    .banner-detail h1.banner-title {
    }

.banner-decription h2 {
    font-size: 15px;
    line-height: 21px;
}

.banner-decription p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 36px;
}

.steps li.step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 97px;
    margin-bottom: 40px;
    position: relative;
}

    .steps li.step-item:before {
        content: '';
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
        position: static;
        vertical-align: middle;
        width: 0;
        height: 68px;
    }

    .steps li.step-item strong {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        text-align: center;
        border-radius: 6px;
        font-size: 24px;
        line-height: 24px;
        padding: 22px 0;
        width: 68px;
        -webkit-box-shadow: 0 8px 8px 0 rgba(102, 102, 102, .2);
        box-shadow: 0 8px 8px 0 rgba(102, 102, 102, .2);
        color: var(--color-primary);
    }

    .steps li.step-item span {
        font-size: 16px;
        line-height: 31px;
        display: inline-block;
        vertical-align: middle;
        font-weight: 400;
    }

.steps a.btn_link {
    display: inline-block;
    padding: 20px 20px 18px;
    color: #fff;
    border: 1px solid #eee;
    background-color: var(--color-primary);
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: center;
    min-width: 161px;
    cursor: pointer;
    -webkit-transition: background .3s ease, border-color .3s ease, color .3s ease;
    -o-transition: background .3s ease, border-color .3s ease, color .3s ease;
    transition: background .3s ease, border-color .3s ease, color .3s ease;
}

    .steps a.btn_link i {
        font-size: 14px;
        margin-left: 5px;
    }

    .steps a.btn_link:hover {
        opacity: 0.8;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

.main_content {
    padding: 70px 0 50px 0;
}

.sidebar-widget {
    margin: 0 0 70px 0;
}

    .sidebar-widget h2 {
        color: #0f6282;
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .sidebar-widget li {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        margin-top: 5px;
        padding: 10px 0 9px 23px;
        position: relative;
    }

        .sidebar-widget li:before {
            content: '';
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            width: 3px;
            display: block;
            border-radius: 1.5px;
        }

        .sidebar-widget li.is-done {
            color: #353535;
            font-weight: 700;
        }

            .sidebar-widget li.is-done:before {
                background-color: var(--color-primary);
            }

.widget-connectivity h2 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 25px;
    text-transform: uppercase;
}

.widget-connectivity li {
    /*margin-top: 20px;*/
}

    .widget-connectivity li.connectivity-item a {
        color: #353535;
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        width: 100%;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }

.widget-connectivity a {
    content: '';
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    width: auto;
}

.widget-connectivity li.connectivity-item a:hover {
    color: var(--color-primary);
}

    .widget-connectivity li.connectivity-item a:hover .connectivity-icon {
        color: #fff;
        background-color: var(--color-primary);
    }

.widget-connectivity a span.connectivity-icon {
    border-radius: 2px;
    border: 1px solid #dee2e6;
    color: #666;
    display: inline-block;
    font-size: 18px;
    left: 0;
    line-height: 0;
    margin-right: 15px;
    padding: 11px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}

li.connectivity-item a span.connectivity-text {
    padding-left: 55px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*Custom Checkbox*/

/* The container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #999;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: honeydew;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: var(--color-primary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 8px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*Custom Checkbox*/

/*Custom Select2*/
.select2-container--default .select2-selection--single {
    height: 40px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

/*Custom Select2*/

.bg-primary {
    background-color: var(--color-third) !important;
    color: #fff;
}

.shadow-hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

    .shadow-hover:hover {
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-box-shadow: 0 .124rem .5rem rgba(41, 173, 185, .3) !important;
        box-shadow: 0 4px 20px rgba(15, 98, 130, .2) !important;
    }

.box_reply_comment-author {
    color: var(--color-primary) !important;
}

.btn-like .bi-heart-fill,
.btn-like .bi-heart {
    font-size: 20px;
    margin-left: 10px;
}

.btn-like .bi-heart-fill {
    display: none;
}

.btn-like.liked .bi-heart-fill {
    display: inline-block;
    color: #FF70AB;
}

.btn-like.liked .bi-heart {
    display: none;
}

.progress {
    height: 12px !important;
}

.task-progress {
    margin-bottom: 20px;
}

a:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

/*Icon Menu*/
input[type=checkbox] {
    display: none;
}

.icon_menu {
    display: block;
    position: absolute;
    top: 8px;
    left: 7px;
    height: 27px;
    width: 27px;
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
}

.navbar-toggler-menu-icon {
    position: relative;
    width: 40px;
}

.line {
    position: absolute;
    display: block;
    background: #0f6282;
    width: 25px;
    height: .20rem;
    border-radius: .5rem;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(.5, .1, 0, 1.2);
    -o-transition: all .6s cubic-bezier(.5, .1, 0, 1.2);
    transition: all .6s cubic-bezier(.5, .1, 0, 1.2);
}

.line-1 {
    top: 0;
}

.line-2 {
    top: 7px;
    left: -2px;
    width: 18px;
    -ms-transform: translateX(2px);
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
}

.line-3 {
    top: 14px;
}

input[type=checkbox]:checked ~ label .line-1 {
    top: 0px;
    width: 22px;
    -webkit-transform: translateX(-11px) rotate(-45deg) translateY(12px);
    -ms-transform: translateX(-11px) rotate(-45deg) translateY(12px);
    transform: translateX(-11px) rotate(-45deg) translateY(12px);
}

input[type=checkbox]:checked ~ label .line-2 {
    opacity: 0;
}

input[type=checkbox]:checked ~ label .line-3 {
    top: 14px;
    width: 22px;
    -webkit-transform: translateX(-8px) rotate(45deg) translateY(-8px);
    -ms-transform: translateX(-8px) rotate(45deg) translateY(-8px);
    transform: translateX(-8px) rotate(45deg) translateY(-8px);
}

#slide_menu.show-menu {
    opacity: 1;
    visibility: visible;
}

/*Slide Menu*/
#slide_menu {
    position: absolute;
    z-index: 99;
    /*height: calc(100vh - 161px);*/
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    top: 106px;
    left: 0;
    background-color: #fff;
    -webkit-transition: opacity .5s, visibility .5s;
    -o-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
    will-change: top;
    transition: top 0.3s ease-in-out;
}

.content_menu_t {
    height: 100%;
    overflow-y: auto;
    /*padding-bottom: 50px;*/
}

    .content_menu_t .wrap_items {
        padding: 25px;
        width: 100%;
        float: left;
    }

        .content_menu_t .wrap_items:first-child {
            -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            border-top: 1px solid var(--color-third);
            padding-bottom: 0;
        }

#slide_menu .content_menu_t .wrap_items:nth-child(even) {
    background-color: var(--color-gray);
}

.box_items header a.header_link {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 590;
    color: #000;
    margin-bottom: 15px;
    font-family: Arial;
}

.box_items ul li {
    margin-bottom: 15px;
}

    .box_items ul li a {
        font-size: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #333;
        word-break: break-all;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer !important;
        font-family: 'ARIAL';
        font-weight: normal;
    }

        .box_items ul li a:hover {
            color: inherit;
        }

.sub_menu {
    max-height: 216px;
    overflow-y: auto;
}

.content_menu_b {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    background: #0f6282;
}

/*Custom scollbar menu*/
.scollbar_custom::-webkit-scrollbar {
    width: 6px;
}

.scollbar_custom::-webkit-scrollbar-track {
    background-color: transparent;
}

.scollbar_custom::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
}

.scollbar_custom li:last-child {
    border-bottom: none;
}

.text-color-third {
    color: var(--color-third);
}

.text-color-primary {
    color: var(--color-primary);
}

.vnd {
    font-size: 18px;
}

    .vnd span {
        font-size: 12px !important;
    }

.hoverZoom {
    cursor: pointer;
}

    .hoverZoom,
    .hoverZoom .hoverImg {
        overflow: hidden;
    }

        .hoverZoom img {
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }

        .hoverZoom:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

.bg-color-gray {
    background-color: var(--color-gray);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "");
}

.dropdown-item {
    cursor: pointer;
}

.quicklink-item-icon {
    display: block;
    height: 35px;
    width: 35px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .quicklink-item-icon i {
        font-size: 16px;
    }

.quicklink-item {
    cursor: pointer;
}

    .quicklink-item:hover .quicklink-item-icon {
        background-color: var(--color-third);
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        color: #fff;
    }

    .quicklink-item:hover .quicklink-item-content {
        color: var(--color-third);
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

/*Custom Radio*/
.radio-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.radio-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .radio-button:hover .radio-button__label {
        color: var(--color-primary);
    }

.radio-button__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label {
    display: inline-block;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

.radio-button__custom {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #555;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

.radio-button__input:checked + .radio-button__label .radio-button__custom {
    -webkit-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    border: 5px solid var(--color-primary);
    color: var(--color-primary);
}

.radio-button__input:checked + .radio-button__label {
    color: var(--color-primary);
}

.radio-button__label:hover .radio-button__custom {
    -webkit-transform: translateY(-50%) scale(1.2);
    -ms-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2);
    border-color: var(--color-primary);
    -webkit-box-shadow: 0 0 10px #4c8bf580;
    box-shadow: 0 0 10px #4c8bf580;
}
/*Custom Radio*/

.show-password {
    position: absolute;
    cursor: pointer;
}

.footer .col-lg-5 {
    width: 36.25%;
}

.footer .col-lg-2 {
    width: 27.5%;
}

/*Custom select*/
.custom-select select {
    color: var(--color-primary);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 13px 16px;
    height: 48px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: 500;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f6282'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") center right 18px / 18px 18px no-repeat;
    border: none;
    outline: none;
}

.custom-select .filter__ttl {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: 6px;
}

.custom-select label {
    width: 100%;
}

.accordion-item .control-label {
    color: var(--color-primary);
    font-size: 16px;
}
/*Custom select*/

.box-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}

.box-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.box-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.box-scroll::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
}

.cursor-pointer {
    cursor: pointer;
}

.userinfo-name {
    max-width: 75px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .userinfo-name::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(41, 173, 185, 0), rgba(41, 173, 185, 1));
    }

#NhietDoHomNay img {
    width: 30px !important;
    transform: translateY(-2px);
}

.card-horizontal-img {
    display: block;
    height: 210px;
}

    .card-horizontal-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.min-height-body {
    /*min-height: calc(100vh - 55px - 105.55px - 21px - 254px);*/
    /*min-height: 100vh;*/
}

.badge-info {
    color: #222;
    background-color: rgba(15, 98, 130, .2) !important;
}

.badge {
    font-weight: unset;
}

.text-info {
    color: var(--color-primary) !important;
}

.feedback ::placeholder {
    color: #222 !important;
    opacity: 1; /* Firefox */
}

.feedback ::-ms-input-placeholder { /* Edge 12-18 */
    color: #222 !important;
}

.form-input-simple {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    color: #222;
    padding: 13px 15px;
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 500;
}

.form-input-sm-simple {
    padding: 8px 15px;
}

.gritter-notice-wrapper {
    background: #0f6282;
    color: white;
}

.gritter-success {
    background: #0f6282;
    color: white;
}

.gritter-error {
    background: red;
    color: white;
}

.config_button {
    cursor: pointer;
}

.lam-ratio-4x3 {
    display: block;
    aspect-ratio: 4 / 3;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--color-primary);
}

.dropdown-menu {
    padding: 0;
}

.navbar-top-user-mobile {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}

    .navbar-top-user-mobile img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.btn-search-leftform {
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: var(--color-primary);
    color: #fff;
}

    .btn-search-leftform:hover {
        background-color: var(--color-primary);
        color: #fff;
    }

.form-control:focus {
    /*box-shadow: 0 0 0 .25rem rgba(15, 98, 130, .25);*/
    box-shadow: unset;
}

.hot-line {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0 0 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.4s;
    position: fixed;
    bottom: 15px;
    left: 24px;
    z-index: 999;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: linear-gradient(to top, #8248F9 0%, #4694DE 100%);
}

    .hot-line span {
        transition: all 0.4s;
        opacity: 0;
        color: #fff;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0em;
        font-weight: 500;
    }

    .hot-line i {
        color: #fff;
        font-size: 25px;
        animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    }

    .hot-line:hover {
        width: 180px;
        opacity: 1;
        background-position: left 18px center;
    }

        .hot-line:hover span {
            opacity: 1;
        }

        .hot-line:hover.vibrate-1 {
            -webkit-animation: unset;
            animation: unset;
        }

._bc_cbb {
    position: fixed;
    z-index: 998;
    left: 24px;
    bottom: 15px;
}

._bc_cbb {
    color: #3b3b3b;
    font-size: 13px;
    line-height: 14px;
}

    ._bc_cbb ._bc_cbb_btn--chat {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        position: relative;
        transition: all 0.3s ease;
    }

    ._bc_cbb ._bc_cbb_btn {
        background: 0 0;
        outline: none;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

    ._bc_cbb ._bc_cbb_btn--chat ._bc_cbb_btn__underlay {
        display: block;
        position: absolute;
        z-index: 0;
        width: 60px;
        height: 60px;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        animation: cbb-button-underlay 3s infinite;
        border-radius: 50%;
    }

    ._bc_cbb ._bc_cbb_btn--chat ._bc_cbb_btn__icon {
        position: relative;
        z-index: 1;
        width: 26px;
        height: auto;
    }

    ._bc_cbb ._bc_cbb_btn--chat ._bc_cbb_btn__icon--close {
        display: none;
    }

    ._bc_cbb ._bc_cbb_btn--chat ._bc_cbb_btn__icon {
        position: relative;
        z-index: 1;
        width: 26px;
        height: auto;
    }

@keyframes cbb-button-underlay {
    0% {
        opacity: 0.5;
        width: 96%;
        height: 96%;
    }

    40% {
        opacity: 0.25;
    }

    to {
        opacity: 0;
        width: 150%;
        height: 150%;
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.za-chat {
    position: fixed;
    bottom: 75px;
    left: 24px;
    z-index: 999;
    width: 60px;
    height: 60px;
}

    .za-chat .logo {
        cursor: pointer;
    }

.text-primary {
    color: var(--color-primary) !important;
}

.text-middle-line {
    position: relative;
}

    .text-middle-line span {
        background-color: #fff;
        padding: 0 10px;
        display: inline-block;
        z-index: 1;
        position: relative;
    }

    .text-middle-line::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(238, 238, 238, 1);
        z-index: 0;
    }

#modalLogin input, #modalRegister input,
#modalForgotPassword input {
    background-color: var(--color-gray);
}

.search-icon {
    cursor: pointer;
    border: none !important;
    background: none !important;
}

.btn-face {
    color: #3b5998;
}

.btn-google {
    color: #555;
}

    .btn-face:hover, .btn-google:hover {
        box-shadow: none;
        border-color: #d2e3fc;
        outline: none;
        background: rgba(66, 133, 244, .1);
    }

.btn-face, .btn-google {
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 10px) / 2);
    height: 40px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
}
/*Phương tiện công cộng*/
.tov_carousel {
    margin: 0 0 30px;
}

.tov_wraper {
    display: flex;
    align-items: center;
}

.tov_item {
    width: 193px;
    margin: 0 10px;
}

.btn-pin i, .btn-hot i {
    color: rgba(0, 0, 0, .2);
}

.active.btn-pin i {
    color: var(--color-primary);
}

.active.btn-hot i {
    color: #dc3545;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: unset !important;
}

.forgot-password-wrapper {
    width: 50%;
    margin: 0 auto;
}

.groupInput .input span {
    display: block;
    background: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    box-shadow: 1px 1px 0 var(--color-primary);
    padding: 13.5px 5px;
}

.groupInput .input {
    width: 50%
}

    .groupInput .input input:checked + span {
        background: var(--color-primary);
        color: #fff;
    }

.modal-body input {
    background-color: var(--color-gray);
}

.modal-header {
    display: none;
}

.modal-footer {
    border-top: 1px solid transparent;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.form-container .upload-files-container {
    background-color: #fff;
}

.form-container .drag-file-area label .browse-files-text {
    color: var(--color-primary);
}

.form-container .drag-file-area {
    border: 2px dashed var(--color-primary);
    border-radius: 0;
}

/*.form-container .file-block {
    background-color: var(--color-primary);
}*/

.custom-select textarea {
    background-color: var(--color-gray);
    border: none;
    outline: none;
    border-radius: 0;
}

    .custom-select textarea:focus {
        background-color: var(--color-gray);
    }

.event-top-date {
    height: 100px;
    width: 100px;
    border: 1px solid #efefef;
    background: #fff;
    text-align: center;
    border-radius: 3px;
}

.event-month {
    display: block;
    background: var(--color-primary);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;
    text-transform: uppercase;
}

.event-date {
    font-size: 30px;
    padding: 8px 0;
    display: block;
    font-weight: 500;
    color: #000;
}

.sl-count {
    font-size: .9em;
    vertical-align: middle;
    font-style: italic;
    line-height: 20px;
}

.btn-light {
    border: 1px solid #bbb;
    background: #fff !important;
    transition: all 0.3s ease-in-out;
}

    .btn-light:hover {
        border: 1px solid #bbb;
        background: rgba(41, 173, 185, .25) !important;
    }

.btn-white {
    border: 1px solid #efefef;
    background: #fff !important;
    transition: all 0.3s ease-in-out;
}

    .btn-white:hover {
        background: rgba(41, 173, 185, .25) !important;
    }

.main-card {
    position: relative;
    border: 1px solid #efefef;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
}

.event-dt-right-icon {
    display: block;
}

    .event-dt-right-icon i {
        font-size: 16px;
        color: var(--color-primary);
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: rgba(15, 98, 130, .25);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.text-blur {
    color: #717171 !important;
}

/*.event-right-dt {
    position: sticky;
    top: 115px;
    z-index: 998;
}

.event-right-dt:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #fff;

}*/

.gritter-item-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.mySwiperVr360Top {
    max-height: 820px;
    /*    margin-bottom: 30px;
    padding-bottom: 35px;*/
}


.wrap_header_confirm_fg_pass {
    display: block;
    width: 100%;
    padding: 100px;
    border-bottom: 2px solid #0072ce;
    border-radius: 20px;
}

.header_text_confirm_fg_pass {
    text-align: center;
    font-size: 50px;
    color: #005494;
}


/*page danh sách vr360*/
.accordion-title {
    background-color: #fff !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px !important;
    background-color: #0f6282 !important;
    font-size: 20px
}

.accordion-body {
    padding-top: 25px;
}

.accordion-vr360 {
    background-color: #fff !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .accordion-vr360 .potential-label {
        color: #333;
    }

    .accordion-vr360 .potential-img {
        height: 190px;
    }

/*page details vr360*/
.vr360-list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -15px;
    margin-right: -15px;
}

.vr360-list li {
    width: 20%;
    float: left;
    padding: 15px;
}

.vr360-list .potential-img {
    height: 149px;
}

.vr360-list .potential-label {
    padding-top: 10px;
    font-size: 14px;
}

.mtop40 {
    margin-top: 40px;
}

.vr360-list .potential-img img {
    border-radius: 3px;
    height: 100%;
}

/*page danh sách doanh nghiệp lữ hành*/
.doanh-nghiep-lh .col-md-4 a {
    width: 100%;
    float: left;
    background: white;
    padding: 40px;
    text-align: center;
    margin: 0 auto;
}

.doanh-nghiep-lh .product-image {
    width: 100%;
    object-fit: cover
}


.hoverImage {
    position: relative;
    align-self: stretch;
    /*height: auto;*/
    flex-shrink: 0;
    object-fit: cover;
    /*border-radius: 10px;*/
    max-width: 100%;
    transition: transform 0.5s ease-in-out !important;
}

.hoverImageWrapper:hover .hoverImage {
    transform: scale(1.2);
}

.text-pink {
    color: #FF70AB !important;
}

/*.form-control:focus {
     background-color: var(--color-gray) !important; 
}*/

pre {
    display: inline-block;
    /*font-family: inherit;*/
    white-space: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
}

.article-content * {
}

.article-sapo * {
}

#formChiDuong {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    transform: translateX(-200%);
}


.slide-right {
    -webkit-animation: slide-right .5s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-right .5s cubic-bezier(.25,.46,.45,.94) both
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}


.gm-style-iw-chr {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.markerContent {
    padding-top: 15px !important;
}


.headingMarker {
    padding-right: 20px !important;
}

.card {
    box-shadow: none !important;
}

.card-tien-ich .card-tien-ich_img {
    height: 200px;
    overflow: hidden;
}

.card-tien-ich img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.card-tien-ich .card-name {
    font-weight: bold;
    color: var(--color-primary);
    font-size: 16px;
    margin-bottom: 0;
}


.swiper-pagination-bullet-active {
    background: var(--color-primary) !important;
}

.avata_name_chatbox span {
    font-size: 16px;
}

.stick {
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: 11px;
    line-height: 1em;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 20px;
    z-index: 4;
    background: #3b3d42;
}

    .badge-live, .stick.stick-live {
        background: #f2152d;
        color: #fff;
        text-transform: uppercase;
        box-shadow: 0 0 20px rgba(251,8,64,.5);
    }

        badge-live .dot, .stick.stick-live .dot {
            background: #fff;
            margin: 2px 5px 2px 0;
            float: left;
            animation: blind .5s linear infinite;
            opacity: 0;
        }

.dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #666;
    display: inline-block;
    margin: 2px 6px;
}

@keyframes blind {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.result-count {
    margin-left: auto;
    font-weight: bold;
    font-size: 16px;
    color: var(--color-primary);
}

    .result-count span {
        font-weight: bold;
        font-size: 16px;
    }

#module_26 table tr td {
    padding: 5px;
    padding-left: 0;
}

.result-count span {
    font-weight: bold;
    font-size: 16px;
}


.miniMap-btn {
    display: none;
}

.box-map {
    height: 500px;
}

.box-map-wrapper #formChiDuong {
    width: 30%;
}

    .box-map-wrapper #formChiDuong.slide-right {
        transform: translateX(0) !important;
    }

.box-map-wrapper #map.after-slide {
    margin-left: 30%;
}



.box-map-wrapper #map.after-slide {
    margin-left: 30%;
}

.box-map-wrapper {
    overflow: hidden;
    max-height: 600px;
}


.box_option_drive {
    margin-top: 20px;
}

.fs-5 .highlight {
    font-size: 1.25rem !important;
}

.hastag {
    width: 100%;
    float: left;
    background: #00000070;
    bottom: 0;
    height: 55px;
    padding-right: 60px;
    padding-left: 5px;
    padding-top: 2px;
    z-index: 9;
}

    .hastag span {
        color: white;
    }

body {
    width: 100%;
    float: left;
    overflow-x: hidden;
}

.config-fillter {
    background: linear-gradient(to top, #8248F9 0%, #4694DE 100%);
    position: fixed !important;
    top: 2%;
    z-index: 9999;
    width: 40px;
    text-align: center;
    padding: 10px;
    color: white;
    font-size: 20px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
}

    .config-fillter i {
        font-size: 18px;
    }




.mySwiperHero.swiper {
    width: 100%;
    height: 100%;
}

.mySwiperHero .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mySwiperHero .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mySwiperDiscovery.swiper {
    width: 100%;
    padding-bottom: 50px;
    height: 500px;
}

.mySwiperDiscovery .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
}

    .mySwiperDiscovery .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }

.mySwiperPotential.swiper {
    width: 100%;
    height: 100%;
}

.mySwiperPotential .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mySwiperPotential .swiper-slide img {
        display: block;
        /*            width: 100%;
                height: 100%;
                object-fit: cover;*/
    }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

.setting_button {
    color: #0f6282;
    top: 20px;
    right: 55px;
    font-size: 25px;
    cursor: pointer;
    z-index: 12;
}

    .setting_button:hover i {
        -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

@-webkit-keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.config_button {
    position: absolute;
    color: red;
    top: 0;
}

.config_input {
    right: 0;
}

.config_button:hover {
    cursor: pointer;
    color: #c57a7a;
}


#createConfigTrangChuForm .modal-header {
    display: flex;
    background: #1cb5c2;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    flex-direction: row-reverse;
}

    #createConfigTrangChuForm .modal-header > button {
        border-color: transparent;
        background: white;
        color: black;
        font-size: xx-large;
        border-radius: 1.5em;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        font-weight: 500;
        padding-bottom: 0.5%;
    }

.button-container {
    position: absolute;
    top: 18px;
    right: 30px;
    display: flex;
    align-items: center;
    z-index: 11;
}

    .button-container .manage_link {
        margin-right: 16px;
        font-size: 13px;
        font-weight: 800;
        background-color: #0f6282;
        color: #fff;
        text-align: center;
        padding: 4px 10px;
        border-radius: 4px;
    }

.config-fillter span {
    display: none;
}


.wapper-swiper {
    min-height: 336px;
    background: rgb(238, 238, 238);
    float: left;
    width: 100%;
    position: relative;
}

.wapper-don-vi-ho-tro .swiper-slide {
    height: 250px;
}


.ntt-kimcuong h3, .ntt-vang h3, .ntt-bac h3, .ntt-dong h3, .ntt-khac h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 30px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.left-ntt {
    width: 333px;
    float: left;
}

.right-ntt {
    width: calc(100% - 333px);
    float: left;
    padding-left: 55px;
}

.swaper-ntt {
    min-height: 230px;
    padding-bottom: 50px;
    float: left;
}

.wapper-swiper h3 {
    font-size: 24px;
    padding: 0;
    font-weight: bold;
    margin-top: 40px;
}

.mySwiperPotential {
    position: relative;
}

    .mySwiperPotential .swiper-button-prev,
    .mySwiperPotential .swiper-button-next {
        top: 38%;
        transform: translateY(-38%);
        width: 65px;
        height: 76px;
        background-size: contain;
        background-repeat: no-repeat;
    }


    .mySwiperPotential .swiper-button-prev {
        /*left: -72px;*/
        background-image: url(/assets/images/prev.png);
    }

    .mySwiperPotential .swiper-button-next {
        /*right: -72px;*/
        background-image: url(/assets/images/next.png);
    }

        .mySwiperPotential .swiper-button-prev::after,
        .mySwiperPotential .swiper-button-next::after {
            display: none;
        }

.ntt-dong a, .ntt-khac a {
    margin: 0 10px;
    float: left;
}

.ntt-dong a, .ntt-khac a, .ntt-bac a, .ntt-kimcuong a, .ntt-bac a {
    text-align: center;
}

    .ntt-dong a:first-of-type, .ntt-khac a:first-of-type {
        margin-left: 0;
    }

    .ntt-dong a:last-child, .ntt-khac a:last-child {
        margin-right: 0;
    }

.ntt-bac, ntt-vang, .ntt-dong, .ntt-bac h3, ntt-vang h3, .ntt-dong h3 {
    width: 100%;
    float: left;
}


.ntt-kimcuong div, .ntt-vang div {
    width: 335px;
    height: 250px;
    float: left;
    border: 1px solid #cccc;
}

.ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
    width: 188px;
    height: 140px;
    float: left;
    border: 1px solid #cccc;
}


#block-tin-tuc-slide {
    position: fixed;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: -1;
    overflow: hidden;
    background: transparent;
    pointer-events: auto;
}

    #block-tin-tuc-slide .swiper,
    #block-tin-tuc-slide .swiper-wrapper {
        height: 100%;
    }

    #block-tin-tuc-slide .swiper-slide {
        height: 100%;
        padding: 0;
        margin: 0;
    }

        #block-tin-tuc-slide .swiper-slide:hover {
            opacity: 1;
        }

    #block-tin-tuc-slide .swiper-slide {
        position: relative;
    }

    #block-tin-tuc-slide .slide-inner {
        background: #fff;
        padding: 5px;
        border-radius: 8px;
    }

    #block-tin-tuc-slide .img-wrap {
        overflow: hidden;
        border-radius: 8px;
    }


        #block-tin-tuc-slide .img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }

    #block-tin-tuc-slide .text-slide {
        position: absolute;
        bottom: 5px;
        left: 5px;
        right: 5px;
        background: #2222229e;
        display: flex;
        border-radius: 0 0 8px 8px;
        height: 45px;
        color: #fff;
        padding: 5px 8px;
        font-weight: 600;
        align-items: center;
        text-align: center;
        justify-content: center;
        overflow: hidden;
        transition: all 0.2s ease;
    }

    #block-tin-tuc-slide .swiper-slide:hover .img-wrap img {
        transform: scale(1.1);
    }

    #block-tin-tuc-slide .text-slide p {
        margin: 0;
        line-height: 1.4em;
        max-height: calc(1.4em * 2);
        overflow: hidden;
    }

.text-slide.marquee-active p {
    white-space: nowrap;
}

.text-slide .marquee-wrapper {
    display: inline-flex;
    white-space: nowrap;
    will-change: transform;
}

@keyframes marqueeSlide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

#block-tin-tuc-slide.hidden {
    transform: translateY(calc(100% + 40px));
    transition: transform 350ms ease;
}

#block-tin-tuc-slide.visible {
    transform: translateY(0);
    transition: transform 350ms ease;
}

.swiper-button-prev, .swiper-button-next {
    display: none;
}

.truncate-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    color: var(--color-primary);
}


.flipbook-thumbHolder {
    min-width: 400px;
}

.flipbook-thumbHolder,
.flipbook-tocHolder {
    box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.3);
}

.flipbook-thumbsWrapper {
    width: 100%;
}

.flipbook-menuTop {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
}


.justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img {
    max-height: 550px;
}

.justified-gallery {
    max-height: 793px;
}


input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}