/* Custom CSS */

body {
    font-family: 'TH-Sarabun-New', sans-serif;
    font-size: 1.35rem;
    font-weight: 400;
    background-color: #fff;
    color: #101314;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    line-height: var(--lh);
}

html {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

:root {
    --lh: 1.3rem;
}

.content-data-found {
    padding-top: 5rem;
    text-align: center;
}

.content-data-found h3 {
    font-weight: 500;
}

.content-header-title {
    padding-top: 4rem;
    text-align: center;
}

.content-header-title h1 {
    font-weight: 700;
}

.content-header-title h1:after {
    content: '';
    color: #f60c1a;
    position: absolute;
    transform: translate(-100%, 0);
}

.article-content-title {
    margin-bottom: 3rem;
}

.article-content-title h3 {
    font-weight: 700;
}

.article-content-title p {
    color: #9c9c9c;
}

.article-content-image {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
    box-shadow: rgba(72, 76, 89, 0.28) 0px 16px 16px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.article-content-texteditor img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.client-image {
    height: 120px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 3rem;
}

/* Modal */

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-body {
    padding: 3.5rem;
}

.modal-body {
    background-image: url('../images/utility/request_bg.png');
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-title {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.modal-title h3, .modal-title h5 {
    text-align: center;
    font-weight: 700;
}

.modal-title h3 {
    font-size: 1.75rem;
}

.modal-title h5 {
    font-size: 1.35rem;
}

/* Toast */

.toast-error {
    background-color: #d62825!important;
}

.toast-success {
    background-color: #333!important;
}

#toast-container>div {
    padding: 20px 25px 20px 50px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.toast {
    font-size: 1rem;
    border: 0!important;
    border-radius: 0!important;
}

@media (max-width: 480px) and (min-width: 241px) {
    #toast-container>div {
        width: 15em !important;
    }
}

/* Less */

.padding-less {
    padding: 0;
}

.margin-less {
    margin: 0;
}

.cursor_pointer {
    cursor: pointer;
}

*:focus {
    outline: none;
}
img{max-width:100%;height:auto
}
.article-content-image{background-size:contain}
.footer-container a{color:#9c9c9c;}
.footer-container a:hover{color:#f60c1a;}