:root {
    --color-1: #F05530;
    --color-2: #2D66B1;
    --color-3: #054DC5;
    --color-4: #F70400;
    --color-5: #0F75DC;
    --color-6: #0840D6;
    --color-7: #524C4C;
    --color-8: #252525;
    --color-9: #FF0509;
    --color-10: #2B2B2B;
    --color-11: #E96927;
    --color-12: #3E7DD9;
    --color-13:#FF8B51;
    --color-14:#326FC6;
    --bg-1: linear-gradient(180deg, #FF8241 0%, #F16D2B 100%);
    --bg-2: #EBF3FF;
    --bg-3: #396BB3;
    --bg-4: #DFEAFF;
    --bg-5: #2854AB;

}

/* Áp dụng Roboto cho tất cả các phần tử text */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
li,
label,
button,
input,
textarea,
select {
    font-family: 'Roboto', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.btn-style {
    border-radius: 15px;
    display: inline-flex;
    padding: 15px 22px 15px 21px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.btn-style-1 {
    background-image: var(--bg-1);
    min-width: 129px;
}

.btn-style-2 {
    min-width: 129px;
    outline: 2px solid #FFF;
    outline-offset: -2px;
}


.btn-style:hover {
    color: #FFF;
}

.btn-style-2:hover {
    outline: 2px solid #FFF;
    outline-offset: -2px;
}

/*  */
.text-style-1,
.text-style-2 {

    font-size: 40px;
}

.text-style-1 {
    color: var(--color-1);
}

.text-style-1 span {
    color: var(--color-2);
}

.text-style-2 {
    color: var(--color-2);
}

.custom_options_diviver.options-title-divider {
    background-color: #3d4c5a;
    border-top: 2px solid #23282d;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}