@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Light';
    src: url('../fonts/Inter-Light.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Sarabun-Light';
    src: url('../fonts/Sarabun-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Mitr-Regular';
    src: url('../fonts/Mitr/Mitr-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Chonburi-Regular';
    src: url('../fonts/Chonburi/Chonburi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MaphaoThin';
    src: url('../fonts/MaphaoThin.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'FCIconicRounded-Bold';
    src: url('../fonts/FCIconicRounded-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    /* font-family: 'Inter-Light';*/

    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
}

.bodyWithBK {
    background: url("../Images/bg_01.png");
}

body.en {
    font-family: 'Inter-Light';
}

body.th {
    font-family: 'Sarabun-Light';
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.font-normal {
    font-size: 16px !important;
}

.container-custom {
    width: 100%;
    /* padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px) {
    .container-custom {
        max-width: 1140px;
    }
}

.nav-custom {
    border-left: 1px solid #DDDDDD;
    margin-left: 28px;
}

@media (min-width: 1024px) {
    .toggle-menu-black {
        display: none !important;
    }
}

.nav-link-active {
    color: #3974E8 !important;
}

    .nav-link-active:hover {
        color: #3974E8 !important;
    }

.icon-image-custom {
    padding-bottom: 3px !important;
    width: 22px;
    padding-right: 4px;
}

.nav-link-hover:hover {
    color: #6C757D !important;
}

.nav-item-hover {
    font-weight: 600;
}

    .nav-item-hover:hover {
        color: #6C757D !important;
    }

.nav-item-active {
    background-color: #E8EEFB;
    color: #3974E8 !important;
    border-radius: 5px;
}

    .nav-item-active:hover {
        color: #3974E8 !important;
    }

.font-custom {
    font-family: 'Inter','Sarabun';
    font-weight: 500;
    color: #8E8E8E !important;
}

.nav-link-custom {
    font-family: 'Inter','Sarabun';
    font-weight: 500;
    color: #8E8E8E;
    margin-left: 20px;
}

.nav-link {
    font-family: 'Inter','Sarabun';
    font-weight: 500;
    color: #8E8E8E;
}

.error {
    font-family: 'Inter','Sarabun';
}