@font-face {
    font-family: "Avenir";
    src        : url("Avenir.woff2") format("woff2"), url("Avenir.woff") format("woff");
}
@font-face {
    font-family: "AvenirHeavy";
    src        : url("../css/Metropolis-SemiBold.woff2") format("woff2"), url("../css/Metropolis-SemiBold.woff") format("woff");
}

body {
    font-family: "Avenir", "Sarabun", sans-serif !important;
}

h1 {
    font-family: "AvenirHeavy";
    font-size: 32px !important; /* 32px */
}

h2 {
    font-family: "AvenirHeavy";
    font-size: 24px !important; /* 24px */
}

h3 {
    font-family: "AvenirHeavy";
    font-size: 18px !important; /* 18px */
}

h4 {
    font-family: "AvenirHeavy";
    font-size: 16px !important; /* 16px */
}

h5 {
    font-family: "AvenirHeavy";
    font-size: 14px !important; /* 14px */
}

h6 {
    font-family: "AvenirHeavy";
    font-size: 12px !important; /* 12px */
}

.fm-regular {
    font-family: "Avenir", "Sarabun", sans-serif !important;
}

.fs-6-im {
    font-size: 1rem !important;
}

.fs-7 {
    /* font-size: 0.8rem;  14px */
    font-size: 14px;
}

.fs-8 {
    /* font-size: 0.75rem; 12px */
    font-size: 12px;
}

.fs-14px {
    font-size: 14px;
}

.fs-18px {
    font-size: 18px;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.cl-00 {
    color: #002161;
}

.cl-26 {
    color: #267DBD;
}

.cl-97{
    color: #979797;
}

.cl-46 {
    color: #464646;
}

.cl-65 {
    color: #65ACF0;
}
.cl-9b{
    color: #9BDEFF;
}

.cl-ff {
    color: #fff !important;
}

.cl-21 {
    color: #212529;
}

.cl-f4 {
    color: #F4F4F4;
}

.cl-004 {
    color: #00478F;
}

.cl-000 {
    color: #000;
}

.cl-28 {
    color: #28A745;
}

.cl-DC {
    color: #DC3444;
}

.cl-link {
    color: #65ACF0
}

.cl-link:hover {
    color: #267DBD;
}

.cl-gradient-primary {
    background: linear-gradient(93.04deg, #002161 9.87%, #165696 62.81%, #267DBD 101.26%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bg-F4 {
    background: #F4F4F4;
}

.bg-D8 {
    background: #D8D8D8;
}

.bg-00 {
    background: #002161;
}

.bg-FF {
    background: #FFF;
}

.bg-28 {
    background: #28A745;
}

.bg-65 {
    background: #65ACF0 !important;
}

.bg-DC {
    background: #DC3444;
}

.bg-97 {
    background: #979797;
}

.bd-right-F4 {
    border-right: 1px solid #F4F4F4;
}

.bd-bottom-F4 {
    border-bottom: 1px solid #F4F4F4;
}

.bd-bottom-D9 {
    border-bottom: 1px solid #D9DBE9;
}

.bd-3bottom-4B {
    border-bottom: 3px solid #4B72C0;
}

.bd-3bottom-65 {
    border-bottom: 3px solid #65ACF0;
}

.bd-3bottom-9B {
    border-bottom: 3px solid #9BDEFF;
}

.bd-4px {
    border-radius: 4px;
}

.bd-1px-F4 {
    border: 1px solid #F4F4F4;
}

.bd-7px-65 {
    border-left: 7px solid #65ACF0
}

.fs-24px-20px {
    font-size: 24px;
}