html {
    font-size: 62.5%;
    box-sizing: border-box;
    transition: all 0.2s;
}

:root {
    --clr-primary: #ffd200;
    --clr-primary-light: #f1d813;
    --clr-primary-dark: #ffbc00;
    --clr-font-black: #0c0c0c;
    --clr-font-white: #ffffff;
    --clr-font-white-dark: #b3b3b0;
    --clr-font: #32325d;
    --clr-font-low: #6a7590;
    --clr-bcg-grey: #292828;
    --clr-bcg-grey-light: #f4f4f4;
    --clr-font-input: #706a6a;
    --clr-font-menu: #d6dade;
    --clr-btn: #6264a7;
    /* --clr-boder: #b3b3b0; */
    --clr-boder: #d1d1d1;
    --clr-boder-light: #d0d0d047;
    --clr-bcg-blur: #16181b;

    /* --mobile-width: 480px; */
    --tablet-width: 740px;
    --desktop-width: 1024px;

    /* Colors: */
    --main-color: #ffd200;
    --title: #32325d;
    --unnamed-color-525f7e: #525f7e;
    --unnamed-color-32325d: #32325d;
    /* Font/text values */
    --unnamed-font-family-open-sans: Open Sans;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-800: 800px;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-size-15: 15px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-25: 25px;
    --unnamed-font-size-35: 35px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-25: 25px;
    --unnamed-line-spacing-30: 30px;
    --unnamed-line-spacing-34: 34px;
    --unnamed-line-spacing-45: 45px;
}
*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none;
}
/* Character Styles */
.header-2 {
    font-family: var(--unnamed-font-family-open-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-25);
    line-height: var(--unnamed-line-spacing-34);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-32325d);
}
.header-1 {
    font-family: var(--unnamed-font-family-open-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-800);
    font-size: var(--unnamed-font-size-35);
    line-height: var(--unnamed-line-spacing-45);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-32325d);
}
.header-3 {
    font-family: var(--unnamed-font-family-open-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-30);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-32325d);
}
.description {
    font-family: var(--unnamed-font-family-open-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-15);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-525f7e);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

ol li,
ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--unnamed-color-32325d);
}

p {
    margin-bottom: 0 !important;
}

body {
    font-family: Open Sans, system-ui;
    /* font-family: "Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif" !important; */
    /* color: var(--unnamed-color-32325d); */
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.7;
    overflow-x: hidden;
    transition: all 0.2s;
    background: #e8eff6;
}
.nopadding {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.container-custom {
    padding-left: 85px !important;
    padding-right: 85px !important;
}
.line-2-row {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
}

.line-1-row {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
}
/* Đổi bố cục  */
.display-row-reverse {
    flex-direction: row-reverse;
}
.display-column-reverse {
    flex-direction: column-reverse;
}
/* TEXT CUSTOM */
.text-highlight {
    color: #FFD200;
}
.text-more {
    display: flex;
    padding-top: 20px;
}
/* BOOSTRAP */
.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* .g-5-custom {
    --bs-gutter-x: 5rem !important;
    --bs-gutter-y: 5rem !important;
} */

/*  ====================== RESPONSIVE ====================== */

/* MOBILE < 740px */
@media (max-width: 740px) {
    .container-custom {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .col-none {
        display: none;
    }
}

/* 740px <= TABLET < 1024px */
@media (min-width: 740px) and (max-width: 1024px) {
    .container-custom {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* DESKTOP >= 1024px */
@media (min-width: 1024px) {
    .col-2-5 {
        flex: 0 0 auto;
        width: 20%;
    }
}