@font-face {
    font-family: SukhumvitLight;
    src: url('../font/SukhumvitSet-Light.ttf');
    font-weight: 100;
}

@font-face {
    font-family: SukhumvitThin;
    src: url('../font/SukhumvitSet-Thin.ttf');
    font-weight: 200;
}

@font-face {
    font-family: SukhumvitMedium;
    src: url('../font/SukhumvitSet-Medium.ttf');
    font-weight: 300;
}

@font-face {
    font-family: SukhumvitText;
    src: url('../font/SukhumvitSet-Text.ttf');
    font-weight: 400;
    font-weight: normal;
}

@font-face {
    font-family: SukhumvitSemiBold;
    src: url('../font/SukhumvitSet-SemiBold.ttf');
    font-weight: 500;
}

@font-face {
    font-family: SukhumvitBold;
    src: url('../font/SukhumvitSet-Bold.ttf');
    font-weight: 700;
}

body {
    font-family: SukhumvitText;
    letter-spacing: 0.05rem;
}

.text-theme-green {
    color: #007F36;
}

.text-theme-white {
    color: #ffffff;
}
.text-theme-black {
    color: #000000;
}
.text-font-gray {
    color: #555555;
}

.text-font-new {
    color: #828495;
}

.bg-theme-gray {
    background-color: #F5F6FA;
}

.bg-theme-green {
    background-color: #007F36;
}

.bg-download {
    background: #F5F6FA;
    border-radius: 6px;
}

.list-post {
    border-style: dashed;
}

.btn-green {
    background-color: #007F36;
    color: #fff;
}

.border-green {
    border: 1px solid #007F36;
}

.border-top-green {
    border-top: 1px solid #007F36;
}
.border-top-green-event {
    border-top: 2px solid #007F36;
}

.border-grey {
    border: 1px solid #D8D8D8;
}

.border-bottom-grey {
    border-bottom: 1px solid #D8D8D8;
}

.bg-blue {
    background: #F9FAFC;
}

.bg-white {
    background: #ffffff;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.dropdown-list-theme-green:hover {
    color: #007F36;
}

.rounded-10 {
    border-radius: 10px;
}

.rounded-15 {
    border-radius: 15px;
}

.rounded-20 {
    border-radius: 20px;
}

.text-truncate.text-truncate--2{
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.font-size-050 {
    font-size: 0.5rem;
}

.font-size-065 {
    font-size: 0.65rem;
}

.font-size-075 {
    font-size: 0.75rem;
}

.font-size-085 {
    font-size: 0.85rem;
}

.font-size-125 {
    font-size: 1.25rem;
}

.font-size-135 {
    font-size: 1.35rem;
}

.font-size-150 {
    font-size: 1.5rem;
}