﻿.text_shadow {
    text-shadow: rgb(0 0 0 / 10%) 4px 4px 0px;
}

.text_shadow_1 {
    text-shadow: rgb(0 0 0 / 10%) 2px 2px 0px;
}

.widget .list-unstyled:not(.tag-list) li + li {
    margin-top: 0;
}

.basic-slider.owl-carousel {
    opacity: 0;
}

    .basic-slider.owl-carousel .owl-nav {
        opacity: 0;
    }

    .basic-slider.owl-carousel .owl-dots {
        opacity: 0;
    }

    .basic-slider.owl-carousel.owl-loaded {
        opacity: 1;
        -webkit-animation: fadeInFromNone 0.5s ease-out;
        -moz-animation: fadeInFromNone 0.5s ease-out;
        -o-animation: fadeInFromNone 0.5s ease-out;
        animation: fadeInFromNone 0.5s ease-out;
    }

        .basic-slider.owl-carousel.owl-loaded .owl-nav {
            opacity: 1;
            -webkit-animation: fadeInFromNone 0.5s ease-out;
            -moz-animation: fadeInFromNone 0.5s ease-out;
            -o-animation: fadeInFromNone 0.5s ease-out;
            animation: fadeInFromNone 0.5s ease-out;
        }

        .basic-slider.owl-carousel.owl-loaded .owl-dots {
            opacity: 1;
            -webkit-animation: fadeInFromNone 0.5s ease-out;
            -moz-animation: fadeInFromNone 0.5s ease-out;
            -o-animation: fadeInFromNone 0.5s ease-out;
            animation: fadeInFromNone 0.5s ease-out;
        }

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

header.wrapper {
    position: absolute;
    top: 0;
    width: 100%
}

    header.wrapper nav {
        /*border-radius: 0 0 200px 200px;*/
        height: 70px
    }

nav.navbar {
    /*border-radius: 0 0 200px 200px;*/
    height: 70px
}
/*@media (max-width: 769px) {
    header.wrapper nav {
        border-radius: 0 0 20px 20px;
        height: 70px
    }

    nav.navbar {
        border-radius: 0 0 20px 20px;
        height: 70px
    }
}*/

.div_card {
    height: 50px
}

header .navbar {
    box-shadow: 0px 0px 5px rgba(18, 23, 39, 0.5);
}

.cut-text-m-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.accordion-wrapper .card-header button:before {
    font-family: Custom;
    position: absolute;
    left: 1.3rem;
    content: "\e903";
    font-size: 1rem;
    font-weight: 400;
    width: 1rem;
    margin-top: 8px;
    margin-left: -0.3rem;
    display: inline-block;
    color: #3f78e0;
}

.card_cl {
    background-color: #f1f3f4;
    box-shadow: unset;
}

.bg_set_001 {
    position: relative
}

.card figure.card-img-top a {
    height: 200px !important
}

    .card figure.card-img-top a img {
        display: unset;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover
    }

@media (max-width: 769px) {
    .card figure.card-img-top a {
        height: 160px !important
    }
}

.bg_set_001::before {
    /*background-color: rgba(0, 0, 0, 0.37);*/
    background-color: rgba(52, 99, 174, 0.70) !important;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.cut-text-m-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cut-text-m-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cut-text-m-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cut-text-m-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Kanit, kanit {
    font-family: 'Kanit';
}

h1, h2, h3, h4, h5, .btn {
    font-family: 'Kanit';
}

.breadcrumb, .list-wrap li {
    font-family: 'Kanit';
}

.blog-details ul {
    list-style: none;
    list-style-image: url(/image/correct.svg);
    margin-top: 15px;
}

.t256606271545 .name {
    font-family: 'Kanit' !important;
}

.t256606271545 .order, .t256606271545 .rating {
    font-family: 'Kanit' !important;
}

.t256606271545 .mentors__content-bottom {
    padding: 15px 15px;
    border-top: 1px solid #D7DCE3;
}

.a256606280947 .about__info-list-item a {
    display: flex;
    width: 100%
}

.a256606280947 .about__info-list-item .content {
    font-size: 14px !important;
    font-family: 'Kanit' !important;
}

.skeleton-440 {
    animation: skeleton-loading 1s linear infinite alternate;
    height: 440px;
    border: solid 10px #fff;
    border-radius: 8px
}


@keyframes skeleton-loading {
    0% {
        background-color: #f6f7f8;
        background-position: -500px 0;
        animation: skeletonShine 1s linear 0s infinite normal
    }

    100% {
        background-image: linear-gradient(90deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
        background-repeat: no-repeat;
        background-size: 1000px 100%;
    }
}



.skeleton-text {
    width: 100%;
    height: 0.7rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}

.skeleton-text__body {
    width: 75%;
}

.skeleton-footer {
    width: 30%;
}

.arrow-lang::before {
    content: url('/assets/img/arrow-blue.svg');
    width: 30px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.arrow-lang22::before {
    background: url('/assets/img/arrow-blue.svg');
    background-size: 30px 10px;
    width: 80px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}



.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.lh-0-7 {
    line-height: 0.7;
}

.lh-0-8 {
    line-height: 0.8;
}

.lh-0-9 {
    line-height: 0.9;
}

.lh-1 {
    line-height: 1;
}

.lh-1-2 {
    line-height: 1.2;
}

.lh-1-3 {
    line-height: 1.3;
}

.lh-1-4 {
    line-height: 1.4;
}

.lh-1-5 {
    line-height: 1.5;
}

.lh-1-6 {
    line-height: 1.6;
}

.lh-1-7 {
    line-height: 1.7;
}

.lh-1-8 {
    line-height: 1.8;
}

a:link {
    text-decoration: none;
}

.display-block {
    display: block !important
}

.display-inline-block {
    display: inline-block
}

.none {
    display: none !important;
}

.round-3 {
    border-radius: 3px;
}

.text-blod {
    font-weight: bold
}

.text-small {
    font-size: 12px !important
}

.text-normal {
    font-weight: 500
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.ls-05 {
    letter-spacing: 0.05em
}

.ls-07 {
    letter-spacing: 0.07em
}

.ls-1 {
    letter-spacing: 0.10em
}

.text-10px {
    font-size: 10px !important
}

.color-dark {
    color: #252526 !important
}

.color-gray {
    color: #686868 !important
}


/*.text-primary {
    color: #c02942 !important;
}*/

.text-dark {
    color: #1e1e1e !important;
}

.text-danger {
    color: #d44950 !important;
}

.text-white {
    color: white !important;
}

.text-gray {
    color: #c1c1c1;
}

.bg-white {
    background-color: #ffffff !important
}

/*.bg-primary {
    background-color: #c02942 !important
}*/

.bg-secondary {
    background-color: #183d58 !important
}

/*.bg-primary-2 {
    background-color: rgb(34 87 126 / 0.45) !important
}*/

/*.bg-primary-3 {
    background-color: #1d4a6b !important
}

.bg-primary-4 {
    background-color: rgb(114 162 196 / 0.45) !important
}*/

.bg-success {
    background-color: #27ae60 !important
}

.bg-success-2 {
    background-color: #aad178 !important
}

.bg-success-3 {
    background-color: #B9EDDD !important
}

.bg-dark {
    background-color: #000 !important;
    color: #ffffff;
}

/*.bg-gray {
    background-color: #eaedf1 !important;
    color: #1e1e1e;
}*/

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.m-6 {
    margin: 2.5rem !important
}

.m-7 {
    margin: 3rem !important
}

.m-8 {
    margin: 3.5rem !important
}

.m-9 {
    margin: 4rem !important
}

.m-10 {
    margin: 4.5rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important
}

.mx-7 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-8 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important
}

.mx-9 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-10 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.my-7 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-8 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important
}

.my-9 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-10 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 2.5rem !important
}

.mt-7 {
    margin-top: 3rem !important
}

.mt-8 {
    margin-top: 3.5rem !important
}

.mt-9 {
    margin-top: 4rem !important
}

.mt-10 {
    margin-top: 4.5rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 2rem !important
}

.me-6 {
    margin-right: 2.5rem !important
}

.me-7 {
    margin-right: 3rem !important
}

.me-8 {
    margin-right: 3.5rem !important
}

.me-9 {
    margin-right: 4rem !important
}

.me-10 {
    margin-right: 4.5rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 2.5rem !important
}

.mb-7 {
    margin-bottom: 3rem !important
}

.mb-8 {
    margin-bottom: 3.5rem !important
}

.mb-9 {
    margin-bottom: 4rem !important
}

.mb-10 {
    margin-bottom: 4.5rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mr-5 {
    margin-right: 2rem !important
}

.mr-6 {
    margin-right: 2.5rem !important
}

.mr-7 {
    margin-right: 3rem !important
}

.mr-8 {
    margin-right: 3.5rem !important
}

.mr-9 {
    margin-right: 4rem !important
}

.mr-10 {
    margin-right: 4.5rem !important
}

.mr-auto {
    margin-right: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.ml-5 {
    margin-left: 2rem !important
}

.ml-6 {
    margin-left: 2.5rem !important
}

.ml-7 {
    margin-left: 3rem !important
}

.ml-8 {
    margin-left: 3.5rem !important
}

.ml-9 {
    margin-left: 4rem !important
}

.ml-10 {
    margin-left: 4.5rem !important
}

.ml-auto {
    margin-left: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 2rem !important
}

.ms-6 {
    margin-left: 2.5rem !important
}

.ms-7 {
    margin-left: 3rem !important
}

.ms-8 {
    margin-left: 3.5rem !important
}

.ms-9 {
    margin-left: 4rem !important
}

.ms-10 {
    margin-left: 4.5rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -2rem !important
}

.m-n6 {
    margin: -2.5rem !important
}

.m-n7 {
    margin: -3rem !important
}

.m-n8 {
    margin: -3.5rem !important
}

.m-n9 {
    margin: -4rem !important
}

.m-n10 {
    margin: -4.5rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important
}

.mx-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important
}

.mx-n7 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.mx-n8 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important
}

.mx-n9 {
    margin-right: -4rem !important;
    margin-left: -4rem !important
}

.mx-n10 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important
}

.my-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important
}

.my-n7 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.my-n8 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important
}

.my-n9 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important
}

.my-n10 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -2rem !important
}

.mt-n6 {
    margin-top: -2.5rem !important
}

.mt-n7 {
    margin-top: -3rem !important
}

.mt-n8 {
    margin-top: -3.5rem !important
}

.mt-n9 {
    margin-top: -4rem !important
}

.mt-n10 {
    margin-top: -4.5rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -2rem !important
}

.me-n6 {
    margin-right: -2.5rem !important
}

.me-n7 {
    margin-right: -3rem !important
}

.me-n8 {
    margin-right: -3.5rem !important
}

.me-n9 {
    margin-right: -4rem !important
}

.me-n10 {
    margin-right: -4.5rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -2rem !important
}

.mb-n6 {
    margin-bottom: -2.5rem !important
}

.mb-n7 {
    margin-bottom: -3rem !important
}

.mb-n8 {
    margin-bottom: -3.5rem !important
}

.mb-n9 {
    margin-bottom: -4rem !important
}

.mb-n10 {
    margin-bottom: -4.5rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -2rem !important
}

.ms-n6 {
    margin-left: -2.5rem !important
}

.ms-n7 {
    margin-left: -3rem !important
}

.ms-n8 {
    margin-left: -3.5rem !important
}

.ms-n9 {
    margin-left: -4rem !important
}

.ms-n10 {
    margin-left: -4.5rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.p-6 {
    padding: 2.5rem !important
}

.p-7 {
    padding: 3rem !important
}

.p-8 {
    padding: 3.5rem !important
}

.p-9 {
    padding: 4rem !important
}

.p-10 {
    padding: 4.5rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important
}

.px-7 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-8 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important
}

.px-9 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.px-10 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-8 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important
}

.py-9 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.py-10 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.pt-6 {
    padding-top: 2.5rem !important
}

.pt-7 {
    padding-top: 3rem !important
}

.pt-8 {
    padding-top: 3.5rem !important
}

.pt-9 {
    padding-top: 4rem !important
}

.pt-10 {
    padding-top: 4.5rem !important
}
.pt-11 {
    padding-top: 5rem !important
}
.pt-12 {
    padding-top: 5.5rem !important
}
.pt-13 {
    padding-top: 6rem !important
}
.pt-14 {
    padding-top: 6.5rem !important
}
.pt-15 {
    padding-top: 7rem !important
}
.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 2rem !important
}

.pe-6 {
    padding-right: 2.5rem !important
}

.pe-7 {
    padding-right: 3rem !important
}

.pe-8 {
    padding-right: 3.5rem !important
}

.pe-9 {
    padding-right: 4rem !important
}

.pe-10 {
    padding-right: 4.5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 2.5rem !important
}

.pb-7 {
    padding-bottom: 3rem !important
}

.pb-8 {
    padding-bottom: 3.5rem !important
}

.pb-9 {
    padding-bottom: 4rem !important
}

.pb-10 {
    padding-bottom: 4.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 2rem !important
}

.ps-6 {
    padding-left: 2.5rem !important
}

.ps-7 {
    padding-left: 3rem !important
}

.ps-8 {
    padding-left: 3.5rem !important
}

.ps-9 {
    padding-left: 4rem !important
}

.ps-10 {
    padding-left: 4.5rem !important
}

.text-drak {
    color: #252526
}

.footer .block .mtop {
    margin-top: 10px;
}

.fa-heart {
    color: #c02942
}

badge {
    color: #3e3e42
}

.block {
    border-radius: 10px;
    /*display: flex;*/
    flex-direction: column;
    margin: 8px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    border: solid 0px !important;
    margin-bottom: 20px !important;
    line-height: 1.6em;
}

.borderless {
    box-shadow: unset !important;
    margin: 4px !important;
    padding: 20px 5px 1px;
}

.block-title {
    margin: -20px -15px 20px;
    background-color: unset;
    border-bottom: 1px solid #eaedf1;
    font-weight: bold;
}


    .block-title h2 {
        font-size: 20px;
        color: #1e1e1e
    }

        .block-title h2 strong {
            font-size: 20px;
        }

    .block-title h4 {
        font-size: 20px !important;
        font-weight: bold;
    }

.themed-border {
    border-color: #eaedf1 !important;
}

.footer .block {
    background-color: rgb(205 218 220 / 0.60);
    font-family: 'Noto Sans Thai';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1e1e1e;
    font-size: 14px;
    letter-spacing: 0.016em;
}

.block strong {
    display: contents;
    color: #3e3e42
}

.rdb_span {
    font-size: 16px;
    margin-right: 5px;
    display: block
}

.label-wrinning {
    background-color: #ffe793
}



.bg-white {
    background-color: #ffffff;
}

.timeago {
    color: #686868
}

td img {
    margin-right: 3px
}

td a strong {
    font-weight: 500;
}

.wp-15 {
    width: 15% !important
}

.wp-20 {
    width: 20% !important
}

.wp-23 {
    width: 23% !important
}

.wp-24 {
    width: 24.77777% !important
}

.wp-25 {
    width: 25% !important
}

.wp-32 {
    width: 32% !important
}

.wp-33 {
    width: 33.33% !important
}

.wp-45 {
    width: 45% !important
}

.wp-48 {
    width: 48% !important
}

.wp-49 {
    width: 49% !important
}

.wp-50 {
    width: 50% !important
}

.wp-55 {
    width: 55% !important
}

.wp-58 {
    width: 58% !important
}

.wp-60 {
    width: 60% !important
}

.wp-70 {
    width: 70% !important
}

.wp-75 {
    width: 75% !important
}

.wp-100 {
    width: 100% !important
}

.w-10 {
    width: 10px !important
}
.w-15 {
    width: 15px !important
}
.w-20 {
    width: 20px !important
}

.w-21 {
    width: 21px !important
}

.w-22 {
    width: 22px !important
}

.w-23 {
    width: 23px !important
}

.w-24 {
    width: 24px !important
}

.w-25 {
    width: 25px !important
}

.w-30 {
    width: 30px !important
}

.w-35 {
    width: 35px !important
}

.w-40 {
    width: 40px !important
}

.w-45 {
    width: 45px !important
}

.w-50 {
    width: 50px !important
}

.w-55 {
    width: 55px !important
}

.w-60 {
    width: 60px !important
}

.w-65 {
    width: 65px !important
}

.w-70 {
    width: 70px !important
}

.w-75 {
    width: 75px !important
}

.w-80 {
    width: 80px !important
}

.w-85 {
    width: 85px !important
}

.w-90 {
    width: 90px !important
}

.w-95 {
    width: 95px !important
}



.w-105 {
    width: 105px !important
}

.w-110 {
    width: 110px !important
}

.w-115 {
    width: 115px !important
}

.w-120 {
    width: 120px !important
}

.w-125 {
    width: 125px !important
}

.w-130 {
    width: 130px !important
}

.w-135 {
    width: 135px !important
}

.w-140 {
    width: 140px !important
}

.w-145 {
    width: 145px !important
}

.w-150 {
    width: 150px !important
}

.w-155 {
    width: 155px !important
}

.w-160 {
    width: 160px !important
}

.w-165 {
    width: 165px !important
}

.w-170 {
    width: 170px !important
}

.w-175 {
    width: 175px !important
}

.w-180 {
    width: 180px !important
}

.w-185 {
    width: 185px !important
}

.w-190 {
    width: 190px !important
}

.w-195 {
    width: 195px !important
}

.w-200 {
    width: 200px !important
}

.w-205 {
    width: 205px !important
}

.w-210 {
    width: 210px !important
}

.w-215 {
    width: 215px !important
}

.w-220 {
    width: 220px !important
}

.w-225 {
    width: 225px !important
}

.w-230 {
    width: 230px !important
}

.w-235 {
    width: 235px !important
}

.w-240 {
    width: 240px !important
}

.w-245 {
    width: 245px !important
}

.w-250 {
    width: 250px !important
}

.w-255 {
    width: 255px !important
}

.w-260 {
    width: 260px !important
}

.w-265 {
    width: 265px !important
}

.w-270 {
    width: 270px !important
}

.w-275 {
    width: 275px !important
}

.w-280 {
    width: 280px !important
}

.w-285 {
    width: 285px !important
}

.w-290 {
    width: 290px !important
}

.w-295 {
    width: 295px !important
}

.w-300 {
    width: 300px !important
}

.w-310 {
    width: 310px !important
}

.w-320 {
    width: 320px !important
}

.w-330 {
    width: 330px !important
}

.w-350 {
    width: 350px !important
}

.w-400 {
    width: 400px !important
}

.w-420 {
    width: 420px !important
}

.w-430 {
    width: 430px !important
}

.w-440 {
    width: 440px !important
}

.w-450 {
    width: 450px !important
}

.w-500 {
    width: 500px !important
}

.w-550 {
    width: 550px !important
}

.h-20 {
    height: 20px !important
}

.h-25 {
    height: 25px !important
}

.h-30 {
    height: 30px !important
}

.h-35 {
    height: 35px !important
}

.h-36 {
    height: 36px !important
}

.h-40 {
    height: 40px !important
}

.h-45 {
    height: 45px !important
}

.h-48 {
    height: 48px !important
}

.h-50 {
    height: 50px !important
}

.h-55 {
    height: 55px !important
}

.h-60 {
    height: 60px !important
}

.h-65 {
    height: 65px !important
}

.h-70 {
    height: 70px !important
}

.h-75 {
    height: 75px !important
}

.h-80 {
    height: 80px !important
}

.h-85 {
    height: 85px !important
}

.h-90 {
    height: 90px !important
}

.h-95 {
    height: 95px !important
}


.h-105 {
    height: 105px !important
}

.h-110 {
    height: 110px !important
}

.h-115 {
    height: 115px !important
}

.h-120 {
    height: 120px !important
}

.h-125 {
    height: 125px !important
}

.h-130 {
    height: 130px !important
}

.h-135 {
    height: 135px !important
}

.h-140 {
    height: 140px !important
}

.h-145 {
    height: 145px !important
}

.h-150 {
    height: 150px !important
}

.h-155 {
    height: 155px !important
}

.h-160 {
    height: 160px !important
}

.h-165 {
    height: 165px !important
}

.h-170 {
    height: 170px !important
}

.h-175 {
    height: 175px !important
}

.h-180 {
    height: 180px !important
}

.h-185 {
    height: 185px !important
}

.h-190 {
    height: 190px !important
}

.h-195 {
    height: 195px !important
}

.h-200 {
    height: 200px !important
}

.h-205 {
    height: 205px !important
}

.h-210 {
    height: 210px !important
}

.h-215 {
    height: 215px !important
}

.h-220 {
    height: 220px !important
}

.h-225 {
    height: 225px !important
}

.h-230 {
    height: 230px !important
}

.h-235 {
    height: 235px !important
}

.h-240 {
    height: 240px !important
}

.h-245 {
    height: 245px !important
}

.h-250 {
    height: 250px !important
}

.h-255 {
    height: 255px !important
}

.h-260 {
    height: 260px !important
}

.h-265 {
    height: 265px !important
}

.h-270 {
    height: 270px !important
}

.h-275 {
    height: 275px !important
}

.h-280 {
    height: 280px !important
}

.h-285 {
    height: 285px !important
}

.h-288 {
    height: 288px !important
}

.h-290 {
    height: 290px !important
}

.h-295 {
    height: 295px !important
}

.h-300 {
    height: 300px !important
}

.h-320 {
    height: 320px !important
}

.h-350 {
    height: 350px !important
}

.h-380 {
    height: 380px !important
}

.h-400 {
    height: 400px !important
}

.h-450 {
    height: 450px !important
}

.h-500 {
    height: 500px !important
}

.h-572 {
    height: 572px !important
}

.h-600 {
    height: 600px !important
}


.wh-26 {
    width: 26px !important;
    height: 26px !important;
}

.wh-34 {
    width: 34px !important;
    height: 34px !important;
}

.wh-42 {
    width: 42px !important;
    height: 42px !important;
}

.wh-169-50 {
    width: 169px !important;
    height: 50px !important;
}

.wh-176-50 {
    width: 176px !important;
    height: 50px !important;
}

.wh-192-60 {
    width: 192px !important;
    height: 60px !important;
}

.wh-585-323 {
    width: 585px !important;
    height: 323px !important;
}

.wh-375-200 {
    width: 375px !important;
    height: 200px !important;
}

.wh-285382 {
    width: 285px !important;
    height: 382px !important;
}

.wh-555323 {
    width: 555px !important;
    height: 323px !important;
}

.wh-27081 {
    width: 270px !important;
    height: 81px !important;
}

.wh-12036 {
    width: 120px !important;
    height: 36px !important;
}

.wh-18054 {
    width: 180px !important;
    height: 54px !important;
}

.zoom {
    zoom: 90%;
}

.border-top {
    border-top: solid 1px #686868;
    margin-top: 20px;
    padding-bottom: 40px;
    display: block;
}

.fm-cls {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.fs-10 {
    font-size: 10px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-26 {
    font-size: 26px !important
}

.fs-28 {
    font-size: 28px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-32 {
    font-size: 32px !important
}

.fs-34 {
    font-size: 34px !important
}

.fs-36 {
    font-size: 36px !important
}

.fs-38 {
    font-size: 38px !important
}

.fs-40 {
    font-size: 40px !important
}

.fs-42 {
    font-size: 42px !important
}

.fs-44 {
    font-size: 44px !important
}

.fs-46 {
    font-size: 46px !important
}

.fs-48 {
    font-size: 48px !important
}

.fs-50 {
    font-size: 50px !important
}

.mt-50 {
    margin-top: -50px
}

@media (max-width: 769px) {
    .fs-28 {
        font-size: 24px !important;
    }

    .mt-50 {
        margin-top: -20px !important
    }

    .fs-23 {
        font-size: 18px !important;
    }

    .d-ph-none {
        display: none !important
    }

    .blog .card .card-body {
        flex: 1 1 auto;
        padding: 1rem 1rem;
    }
}
