@import './owl-custom.css';
@import "./css-custom-new.css";

[v-cloak] {
    display: none;
}

[v-cloak]::before {
    content: "loading...";
}

:root {
    --main_linear_gradient01: #FFBC8F;
    --main_linear_gradient02: #FE7446;
    --main_imm: #F94F2A;
}

html,
body {
    background-image: url("../img/BG_IMM.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #373737;
    background-position: center top;
}

.f-sarabun {
    font-family: 'Sarabun', sans-serif !important;
}

.f-Kanit {
    font-family: 'Kanit', sans-serif !important;
}

.text-underline {
    text-decoration: underline;
}

.header_page {
    position: fixed;
    width: 100%;
    background-color: #D8F2EF;
    border-top: 1px solid rgba(208, 208, 208, 0.5);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
}

.setHeadMargin {
    margin-top: 150px;
}

.setHeadMarginHome {
    margin-top: 74px;
}

.setHeadMargin #aboutuspage_section {
    margin-top: -35px;
}

body.loading {
    overflow: hidden;
}

body .loading-immigration {
    display: none;
}

body.loading .loading-immigration {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #ffffff7c;
    z-index: 5000;
    display: block !important;
}

body.loading .loading-immigration img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


body.loading .loading-immigration .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner-border.spinner-immigration {
    width: 15rem !important;
    height: 15rem !important;
    border: 3em solid var(--main_linear_gradient01);
    border-right-color: transparent;
}

.svg-slide-g {
    content: url(../svg/slide-g.svg);
}

.svg-contact-mail {
    content: url(../svg/contact_mail.svg);
}

.svg-contact-tel {
    content: url(../svg/contact_tel_new.svg);
}

.svg-contact-tel-old {
    content: url(../svg/contact_tel.svg);
}

.svg-bt-line {
    content: url(../svg/bt-line.svg);
}

.svg-bt-line-oc {
    content: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.5' width='30' height='30' rx='15' fill='url(%23pattern0_1455_27190)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_1455_27190' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_1455_27190' transform='scale(0.0166667)'/%3E%3C/pattern%3E%3Cimage id='image0_1455_27190' width='60' height='60' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAAXNSR0IB2cksfwAAAFN6VFh0UmF3IHByb2ZpbGUgdHlwZSBpcHRjAAAImQXBuRGAQAwDwNzV+JElt8MdMENGQP/Drj3vty3bYntS7gFBxMVVAynZXTg5uEmBRw1WoYWwH60GDcpUIlC0AAAJyUlEQVRogZ1aW4xdVRn+/rX3mXPm1rkwbaV0oNBqiRoLalCJ8QHS6FsTQgrBF5+M13cblCchPqloTCQxJmjDQ59MTQQTEkN4gKYgFlrFYNupxQLtXNrpXM/Za30+7Nu67T1TTnYm+6y1Z+/v/9b3f/+/9oxMv3UaYgCWR3ku9Tnt8WKqHpHiAnuq9RACCMbhnIg9CO+C1EIcg+6fh18rxP74tuG6iCU26P5MI1CkItiIjcln0QSA2uG2YA1DiiJ2QFtkS0GewDSwGDAqrTQ3BgP3GjTMBgoRpg7i8kQ8iBJFbBowGQCxlWlid0vElWwK6JY8ymewzq0KVoOs48FsQy2NcKMZGSaio4qC42bEHtyYKtrVsi24hCAY9xKxRCA+slv3k4+Tji5iX9/RRKy9IldFuPSRTI2jb6F/OwYSWYF4OjqWZ9WIBvNuErG06CGakdF0bEdcqRxp7m6OtUUQ20bRXmtuMSOd2VbEYiVis7tFx4N42jLy46VjU0ZaiVg6hoemnWO/P1GACATuR6oBAkKQpNnaDT2nixCf1hPSgjhqHUbARESD62bQ1wMNE9yhvnkiGJKkp5JEoGnYBrdJLcVImttzYwVp9GmTimxSLw7Wx4gDQ2P7eztn0l4CkaCFIKCp5/Xa+f7S+cHSqmQ70l5XJKOJuUdrFqJ0DxHLN3zTjSWlMBVZGKzuluQ7U585Ov2pz47s7KoOtvpsmsE7ax+eWHrnjzfOXMX6dDqiqZvhBqDLNJCpM3+JC6MBsQhFsLh58/Hxu57Z+9V9vakckAFJsHiM/xFARFQp+4sbC8euvHRi5dz00ChhyuLQWtKtxE2Gv/dEJBuiuSIGQiVyfXP56V1f/MW+hyfT4XyJKTCMw60+BCAgoMnbOqOPTn0u1ebFm+8Op51GfedIBJ7VeK1p1KrqRUhF5jeXn971hR/d8ZWMRomkojSZQJT45hH9aJpUlAFJPrnnMGGeWnh5Zmg0o3Hgtpab1AfnV5ba3VKRxcHqI2N7j93xYEaTiMpxJCL/27zxt5tz5zcXN6kFvrMS7Ira373tofEDe7oTABSEIhnNj/d8/c31y3/e+PdUOqwZeE4EMQDK1NsnHXwSdT0joAGTbOP0wcf39aZIiggA0vz0yqu/WXzrmllnRU+k4hjQ7JbhH0x/+ck9hyG5SCmQCxvXHjj/c5OKIhknuBJekTKpMxfdUIkBmIgsDVa/P/HJu3tTmiYRpUmA37p48vjyucmhsZl0NCYtZ602mP1k/qX/9K/+ft8TAJSIptnf23l0/NBzN1+bSUcymDhcWrgBVdMc8ZD6MDAd6qPTB/NgNU0i8uyHp44vn/tEb1KBGbOMWUadUZfn1UiWIcuYJeDu4annl0//+qNXcsQ5e49N3p8Spl5kU2MgS8RkblCkarYLAymYE3CT2Ww6fN/IboGISCJqKVv/1cKbO4ZGB2ZQlKeoKsTeE5nMDMa7o79ceOVGtpaIEhGB3D8yuzcd73NgNRRl01lCZ36DkumGzsYKQwn7ZnBnZ2w87RGFu722cvl9vdIVZerm07jJ4LWyJl+xrkoum+uvr1wECjAT6chsOlmCRskuUVJbemIxFbhH5CcBGOgJNVTnAjDXv67jW5vI6x77MoHS0HP9hYpGgUyonjZakppOsrILX9NpQx3xMgkAlWvEhUP5bsMGxL5mNLR9NwWpL3Aqa3XKykLTrRB7BuR9tsNx2MwowAQ3I1mIoQVu/t0DHXpI1RWYAHRjAxjXjLdVk2jZLwlqgJvrxAMd20c4bx6iTNsXbwexKiUX3MoyOBdu/ZXexrZ5g4Q6f+3HeMsS2fY2bS5jy7YNuDnZ3s4lZtUgBBIBjQDxdrZqJaMR1CUwOmKok7IcL0FLdK0r4UYb5RavaB6vHK2+iViYLHm47NqxxV71+hmZ9+BhIkY30lHuvbSxQQRkewTHzMR+LdZyQIDMddauSuDUwhbExoYSS4+i9FW1sFwLh/Xq2tQioNFGCCQiC3oNoILk97i3u7MDoVO6m9LDSjLGsrDmmfSvdyeBoh335SG+jZCmq9SlwY35wSpQbLgfGLvz3nR6zWwmRTGzu0X3hlWbViNgoBCrK6JHsHd91eXFBVoxbYZEfaBXXl/5L0FDGpqe6jy1++G1/hqESfXrbYhtJ27aUFoLQmuVWLWmtFpTf2UDcyCRqOOL/xCIAPkm4NHp+57Z9Y35jRsr3BRBoiSR/FDFCVRxDqVEHM+IoK3itMViDZZhxHqPUC2Ahp5IeydX3j11c+5L4/vyzYshj91++NO9XT+79vLZ/pV1DKz3ARbNBMGuSkZUl7YjBfIoZxxZh+1eE+hIDAowqfrh+ydfPfjdjkoNqEQMeGTq0JHJQ2fWLs/1Fwb5yxcXjSFF8MLSqRfXz46qbqM0QrnTSlurXqa1GKJ/EbN8QNPsSLpvDD749qUTz9/9TQAZTSoqZ/3Q6Oyh0dkWOAD+tPL3cdVDtCKyYrrOwqAWRje2jc5VxJBRzwyN/mHljL6gf3vXY2NJ14D5Xia0g+qTx7aqN3McYj/f4al+FgORoNY9WvaIMYkLM+qdQ2MvrL39tfee/ev1fypIKkqJJKLShiOf6qq0BEaQHUkqxAKkIiXS0me8km4NphFJNKmlHMmoZzqj/zILRy7/7qH5e45Ofv7B0Xtmh6aH1VDwjhoAOlAArg5ulpABwdXBMoAESiCaZilbTUSRxhJ00PGVMcjU2ecg9nvlqkZsMaJACJfN2kAPpqR7ezI+oXpJgdpPeYIXsmur6CcQEgamZ5IDnV35a7p19t8bfKSUlIlnS8JRc67ztFgF/68EWx8GBuBE0pOkO2B2ide11sXO2S/aBNiTToIClgI2JHujP5fDEMGw6viIXYLt8p43TAHQuDYYjmgawCiwK4mgRCVlOZCaEUNTLzyRAGOqm88SNDRbILb6p9SlNlRzQ5l0Y2DVp1WFjQ7TThvEkvwSaKxJqpeI9VTFdOP/V9yaWiz7KgOxG7QaMS1AoPvVc4ymji9oTRtk4IQUjhQAYpHThWIHgBBxrZ8W+lP38VvyHRLvbUPKB7tKcB7sdaphI0pXxIGZeD4dFcOWCrFoDoRBN4DqKXQDaEAcg0648pAQfZO+XfnWvwJ7iuEUYxc3cgz3t4pQW+Rhy9cTvbc4aKK5fF4oDE9XXpCRlLULVszyto84tyQPpcNZkzDCXaNniy7iihXC3W45RbFdFQ7Njk7oDgbCoBtAbFl8V65zwmU6BksC9N6/6DDA7Sx0PP+cpY9IGTUGTxXWxWkDRC+SRo4jaib9GByUDfnq2YWP2DEZ5bLVrgE/MNrPtk4aaK5bNTdCJwA7Nrpfq7v9H7wKtkPSeKIkAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
}

.form-control {
    border-radius: 20px;
}

.border-linear-gradient-imm {
    background: linear-gradient(180deg, #FFBC8F 0%, #FE7446 100%);
    padding: 1px;
    border-radius: 20px;
}

.border-linear-gradient-imm .form-control {
    border: 0;
}

.bg-head-banner {
    background-image: url("../img/home/bg-header-banner.png");
    background-repeat: no-repeat;
    background-position: -30px;
}

.bg-head-banner-p2 {
    background-image: url("../img/home/bg-header-banner-p2.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}

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

@media (max-width: 991px) {
    .bg-head-banner {
        background-image: none;
    }

    .bg-head-banner-p2 {
        background-image: none;
    }
}

/* custom header */
.bottom_header_page.for_imm {
    background: none;
    box-shadow: none;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.for_imm .svg-Logo {
    content: url(../svg/logo_head.svg);
}

.navbar-brand i.svg-Logo {
    width: 100%;
    min-width: 130px;
    max-width: 220px;
}

.for_imm .svg-user-non-login {
    content: url(../svg/icon_user_imm.svg);
}

.for_imm .png-close {
    content: url(../svg/close_popup.svg);
}

.svg-mobile-toggler-head {
    content: url(../svg/mobile-toggler-head.svg);
}

.for_imm .costom_navbar_bottom_header_page {
    padding: 0 30px 0 40px;
}

.for_imm .costom_navbar_bottom_header_page .navbar-brand {
    margin-right: 15px;
}

.for_imm .custom_navbar_ul li {
    margin-right: 12px;
}

.for_imm .custom_navbar_ul li,
.for_imm .custom_navbar_ul li .btn {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

.for_imm .custom_navbar_ul li a.nav-link,
.for_imm .custom_navbar_ul li button.nav-link {
    border-radius: 0px;
}

.for_imm .custom_navbar_ul li a.nav-link:hover,
.for_imm .custom_navbar_ul li button.nav-link:hover {
    color: var(--main_imm) !important;
    box-shadow: inset 0px -3px var(--main_imm);
}

.for_imm .custom_navbar_ul li a.nav-link.active-menu,
.for_imm .custom_navbar_ul li button.nav-link.active-menu {
    color: var(--main_imm) !important;
    box-shadow: inset 0px -3px var(--main_imm);
}

.btn-main-linear-gradient {
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    box-shadow: 0px 7px 9px #DFDFDF;
    border-radius: 30px;
    color: #FFFFFF !important;
    border: 0;
}

.btn-txt-orange {
    background: #FFFFFF;
    box-shadow: 0px 0px 9px #DFDFDF;
    border-radius: 30px;
    color: var(--main_imm) !important;
    border: 1px solid var(--main_imm);
}

.btn-main-linear-gradient.btn-head-imm,
.btn-txt-orange.btn-head-imm {
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    padding: 5px 5px;
    width: 100%;
    min-width: 100px;
    max-width: 100px;
    margin: 0 5px;
}


.for_imm .dropdown-menu-custom {
    border-radius: 16px;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    min-width: 186px;
    top: 100%;
    padding: 20px;
}

.for_imm .dropdown-menu-custom a.dropdown-item {
    padding: 0;
}

.for_imm .dropdown-menu-custom a.dropdown-item div.bt-menusub {
    padding: 0 0 5px;
    border-bottom: 1px solid #F1F1F1;
}

.for_imm .dropdown-menu-custom a.dropdown-item:hover,
.for_imm .dropdown-menu-custom a.dropdown-item:active {
    background-color: transparent;
    color: var(--main_imm);
    margin-top: -1px;
}

.for_imm .nav-link.set-arrow {
    display: flex;
    gap: 10px;
    align-items: center;
}

.for_imm .nav-link.set-arrow::after {
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 6.125L7.5 9.875L11.25 6.125' stroke='%230D1650' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    vertical-align: middle;
    line-height: 13px;
    margin-top: 3px;
    transition: all 0.3s ease-out;
}

.for_imm .nav-link.set-arrow:hover::after,
.for_imm .nav-link.set-arrow.active-menu::after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 6.125L7.5 9.875L11.25 6.125' stroke='%23F94F2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.for_imm .nav-link.set-arrow[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.for_imm .dropdown-menu.show {
    animation: fade 0.5s ease-out forwards;
}


@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 991px) {
    .for_imm .dropdown-menu-custom {
        visibility: visible;
    }

    .for_imm .navbar-nav li:hover>ul.dropdown-menu {
        display: none;
    }

    .for_imm .navbar-nav li:hover>ul.dropdown-menu.show {
        display: flex;
        flex-direction: column;
    }

    .for_imm ul.dropdown-menu.show {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 991px) {
    .scroll-for-imm-mobile {
        overflow-y: scroll;
        height: 100%;
        padding-right: 5px;
    }

    .scroll-for-imm-mobile::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .scroll-for-imm-mobile::-webkit-scrollbar-track {
        background: #ffffff;
    }

    /* Handle */
    .scroll-for-imm-mobile::-webkit-scrollbar-thumb {
        background: var(--main_imm);
        border-radius: 3px;
    }

    /* Handle on hover */
    .scroll-for-imm-mobile::-webkit-scrollbar-thumb:hover {
        background: var(--main_imm);
    }

    .for_imm .dropdown-menu-custom {
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }

    .for_imm .dropdown-menu-custom a.dropdown-item:hover,
    .for_imm .dropdown-menu-custom a.dropdown-item:active {
        margin-top: 0;
    }

    .for_imm .dropdown-menu-custom a.dropdown-item div.bt-menusub {
        padding: 0 0 16px;
        border: 0;
    }

    .for_imm .nav-link.set-arrow {
        justify-content: space-between;
    }

    .for_imm .dropdown-menu-custom a.dropdown-item {
        color: #7E7E7E;
    }
}

/* end custom header */

/* custom footer */
.footer_bg_blue {
    display: none;
}

.footer_bg_white {
    display: none;
}

.footer_bg_gray {
    padding: 30px 15px 30px;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
}

.txt_black_footer_big {
    color: #FFFFFF;
}

.footer_copyright {
    background: #FFFFFF;
}

.txt_footer_copyright {
    color: #373737;
    font-weight: 400;
}

.txt_footer_tel {
    color: #FFFFFF;
}

.txt_footer_tel .svg-tel_footer {
    display: none;
}

.svg-facebook_footer {
    content: url(../svg/facebook_footer.svg)
}

.svg-youtube_footer {
    content: url(../svg/youtube_footer.svg)
}

.svg-line_footer {
    content: url(../svg/line_footer.svg)
}

.ic-line-oc {
    content: url('../img/all/icon-line-oc.png');
}

.ic-line {
    content: url('../img/all/icon-line.png');
}

.ic-phone {
    content: url('../img/all/icon-phone.png');
}

.box-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 15px;
}

.box-social a {
    line-height: 14px;
}

.box-social .ic-line {
    margin-top: -4px;
}

.box-social .for-ic-phone {
    gap: 10px;
    padding: 10px 0 10px 20px;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 575px) {
    .txt_black_footer_big {
        font-size: 16px;
        line-height: 24px;
    }

    .footer_bottom_left {
        gap: 30px;
    }

    .box-social {
        gap: 15px;
    }

    .box-social .ic-line {
        margin-top: 0px;
    }

    .box-social .for-ic-phone {
        padding: 0 0 0 15px;
        text-align: left;
    }

    .list_pay_footer {
        margin-top: 10px;
    }
}

/* end custom footer */
/* custom Q&A */
#accordion {
    font-family: 'Sarabun', sans-serif;
}

.border-dot {
    border-bottom-style: solid !important;
    border-color: #c8c8c866 !important;
}

@media (min-width: 769px) {
    .txt-head-question label {
        font-size: 20px !important;

    }
}

/* end custom Q&A */

.img-banner-imm {
    width: 100%;
    max-width: 539px;
    margin: 0 auto;
}

.box-txt-banner .txt-banner-top {
    font-style: normal;
    font-size: 28px;
    line-height: 39px;
}

.box-txt-banner .txt-banner-center {
    font-style: normal;
    font-size: 60px;
    line-height: 87px;
    margin-bottom: 20px;
}

.box-txt-banner .txt-banner-ins {
    color: #7E7E7E;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

.txt-banner-ins .box-name-ins {
    display: flex;
    align-items: center;
    gap: 15px;
}

.txt-banner-ins .box-name-ins img {
    width: 60px;
    background-color: #FFFFFF;
    border-radius: 60px;
}

.box-txt-banner .txt-banner-bottom {
    font-family: 'Sarabun', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 30px;
    color: #7E7E7E;
}

.box-txt-banner .box-bt {
    display: flex;
    justify-content: center;
}

.box-txt-banner .btn-main-linear-gradient,
.box-txt-banner .btn-txt-orange {
    font-size: 20px;
    line-height: 30px;
    padding: 15px 5px;
    width: 100%;
    max-width: 298px;
    margin: 0 10px;
    box-shadow: 0px 7px 9px #FED4BC;
}
.box-txt-banner .btn-txt-orange {
    border: 1px solid var(--main_linear_gradient01);
}

.box-txt-banner .btn-main-linear-gradient span {
    font-size: 27px;
}

.p-for-banner {
    padding-top: 20px;
    padding-bottom: 20px;
}

.txt-head-imm {
    font-style: normal;
    font-size: 42px;
    line-height: 60px;
}

.txt-sub-head-imm {
    font-family: 'Sarabun';
    font-size: 18px;
    line-height: 23px;
    color: #7E7E7E
}

.box-benefits-imm {
    padding: 40px;
    background: #FFFFFF;
    border-radius: 30px;
    margin-bottom: 60px;
}

.benefits-imm {
    display: flex;
    align-items: flex-start;
}

.benefits-imm .img-benefits-imm {
    margin-right: 20px;
    width: 55px;
}

.benefits-imm .box-txt {
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
}

.benefits-imm .box-txt .txt-top {
    color: #373737;
}

.benefits-imm .box-txt .txt-bottom {
    color: #7e7e7e;
    font-size: 19px;
}

.table.table-template-gradient-main {
    border-radius: 30px;
    overflow: hidden;
}

.table.table-template-gradient-main thead tr th {
    vertical-align: middle;
    text-align: center;
    padding: 15px 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff !important;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    border: 1px solid #F1F1F1;
    white-space: nowrap;
}

.table.table-imm thead tr:nth-child(1) th:nth-child(1) {
    width: 15%;
    min-width: 194px;
    max-width: 194px;
    border-top-left-radius: 30px;
}

.table.table-imm thead tr:nth-child(1) th:nth-child(2) {
    width: 15%;
    min-width: 194px;
    max-width: 194px;
}

.table.table-imm thead tr:nth-child(1) th:nth-child(5) {
    border-top-right-radius: 30px;
}

.table.table-imm tbody tr:nth-last-child(1) th:nth-child(1) {
    border-bottom-left-radius: 30px;
}

.table.table-imm tbody tr th,
.table.table-imm tbody tr td {
    border: 2px solid #F1F1F1;
    background: #FFFFFF;
}

.table.table-imm tbody tr th {
    vertical-align: middle;
    text-align: center;
    padding: 10px 5px;
}

.table.table-imm tbody tr th .img-logo-ins {
    width: 60px;
    border-radius: 50%;
}

.table.table-imm tbody tr th .txt-ins {
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #373737;
    letter-spacing: -0.225px;
}

.table.table-imm tbody tr td.bg-gradient {
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
}

.table.table-imm tbody tr td {
    font-family: 'Sarabun', sans-serif;
    vertical-align: middle;
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    color: #000000;
    padding: 20px 10px;
}

.table.table-imm tbody tr td span {
    font-size: 20px;
}

.table.table-imm tbody tr td div.f-detail {
    margin-top: 10px;
    font-size: 17px;
    color: #7E7E7E;
}

.table.table-imm.table-modal thead tr.footer-tb:nth-child(1) th:nth-child(1) {
    width: 15%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 30px;
}

.table.table-imm.table-modal thead tr.footer-tb:nth-child(1) th:nth-child(2) {
    width: 85%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 30px;
}

.table.table-imm.table-modal tbody tr td:nth-child(1) {
    font-family: 'Sarabun', sans-serif;
    padding: 20px 30px;
    color: #7E7E7E;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    text-align: left;
}

.table.table-imm.table-modal tbody tr td:nth-child(2) {
    font-family: 'Sarabun', sans-serif;
    text-align: center;
    width: 20%;
    padding: 20px 30px;
    color: #373737;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    white-space: nowrap;
}

.table.table-imm.table-modal tbody tr td:nth-child(2) span {
    font-size: 22px;
}

.table.table-imm .btn-buy-now {
    font-family: 'kanit', sans-serif;
    font-size: 18px;
    line-height: normal;
    background: #D8F2EF;
    box-shadow: 0px 7px 19px rgba(90, 90, 90, 0.3);
    border-radius: 30px;
    padding: 10.5px 5px;
    max-width: 131px;
    width: 100%;
    color: #000;
    font-weight: 500;
    margin-top: 8px;
}

.table.table-imm .btn-buy-now span {
    font-size: 29px;
}

.box-text-note {
    margin-bottom: 60px;
}

.box-text-note .txt-title {
    font-size: 21px;
    line-height: 28px;
    margin: 30px 0 15px;
}

.box-text-note .txt-detail {
    font-family: 'Sarabun', sans-serif;
    font-size: 17px;
    line-height: 28px;
    color: #7E7E7E;
    padding-inline-start: 15px;
}

.head-box-contact-us {
    padding: 15px 30px;
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    text-align: center;
}

.head-box-contact-us>.txt-head {
    color: #FFFFFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.box-contact-us {
    padding: 30px;
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 30px;
    height: calc(100% - 92px);
}

.box-contact-us .img-person {
    width: 100%;
    max-width: 95px;
}

.box-contact-us .box-txt {
    width: 100%;
    height: 100%;
}

.box-contact-us .box-txt .box-btn-line {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.box-contact-us .box-txt .txt-main {
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #000;
}

.box-contact-us .box-txt .txt-sub {
    font-style: normal;
    font-size: 16px;
    line-height: 23.92px;
    color: #7E7E7E !important;
    margin-bottom: 15px;
}

.box-contact-us .box-txt .txt-sub a {
    color: #7E7E7E !important;
}

.box-contact-us .box-qr {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    max-width: 105px;
    background: #E1F1F0;
}

.box-contact-us .btn-for-line,
.box-info-regis.for-qr .btn-for-line,
.box-contact-us .btn-for-line-oc {
    border-radius: 44px;
    font-style: normal;
    font-size: 17px;
    line-height: 25px;
    width: 100%;
    min-width: 258px;
    max-width: 258px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 5px;
    gap: 10px;
}

.box-contact-us .btn-for-line,
.box-contact-us .btn-for-line-oc {
    min-width: 220px;
    max-width: 220px;
}

.box-contact-us .btn-for-line,
.box-info-regis.for-qr .btn-for-line {
    background: #00C300;
    color: #FFFFFF;
}

.btn-line.btn-line-custom {
    border-radius: 44px;
    font-style: normal;
    font-size: 17px;
    width: 100%;
    max-width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 5px;
    gap: 10px;
    background: #00C300;
    color: #FFFFFF;
}

.btn-line .svg-bt-line {
    width: 24px;
    align-items: center;
}

.box-contact-us .btn-for-line-oc {
    border: 1px solid #11D49A;
    background: rgba(17, 212, 154, 0.25);
    color: #000000;
}

.box-contact-us .btn-for-line.none {
    background: #E3E3E3;
    pointer-events: none;
}

.box-contact-us .btn-for-line i,
.box-info-regis.for-qr .btn-for-line i {
    width: 24px;
}

.box-address-claim {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 352px;
    text-align: center;
}

.box-address-claim .top .title {
    color: #373737;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.box-address-claim .top .detail {
    color: #858585;
    font-family: 'sarabun';
    font-size: 16px;
    line-height: 26px;
}

.box-address-claim .bottom {
    color: #858585;
    font-family: 'sarabun';
    font-size: 16px;
    line-height: 26px;
}

.box-address-claim .bottom span {
    color: #373737;
}

.box-address-claim .bottom a {
    color: #858585;
}

.box-info-regis.for-qr {
    max-width: 182px;
    border: 0;
    padding: 30px;
    margin-bottom: 70px;
    border-radius: 8px;
}

.box-info-regis.for-qr .txt-head {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 4px;
}

.box-info-regis.for-qr .img-qr-main {
    max-width: 122px;
}

.hr-for-header {
    border-top: 1px solid rgba(208, 208, 208, 0.5);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
    margin-bottom: 0;
    margin-top: 0;
}

/* custom modal */
.modal-content {
    border-radius: 30px;
}

.modal-header {
    padding: 30px 30px 0;
}

.modal-body {
    padding: 10px 30px 50px;
}

.svg-cancel-og {
    content: url(../svg/close_og.svg);
}

.modal .txt-head-model {
    font-size: 32px;
    line-height: 48px;
    color: #000000;
}

.modal .txt-sub-model {
    font-size: 18px;
    line-height: 23px;
    font-family: 'Sarabun';
}

.modal .txt-sub-model.txt-g {
    color: #7E7E7E;
}

.modal .txt-sub-model.txt-bl {
    color: #000000;
}

.modal .txt-detail-model {
    font-family: 'Sarabun';
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #7E7E7E;
}

.modal .txt-try-otp {
    font-family: 'Sarabun';
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #F94F2A;
    cursor: pointer;
    text-decoration: underline;
}

.modal .txt-try-otp.txt-resend {
    color: #C5C4C4 !important;
    pointer-events: none !important;
}

.modal .box-btn-footer-bt {
    display: flex;
    justify-content: center;
}

.modal .box-btn-footer-bt button.w-main-btn {
    padding: 12px 5px;
    width: 100%;
    max-width: 210px;
    margin: 0 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

.modal .box-btn-buy-type button {
    padding: 22px 5px;
    width: 100%;
    max-width: 332px;
    margin: 10px auto;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.svg-single-imm {
    content: url(../svg/icon-single-imm.svg);
}

.svg-group-imm {
    content: url(../svg/icon-group-imm.svg);
}

.modal .box-btn-buy-type button i {
    vertical-align: sub;
}

.modal .w-box-input {
    margin: 0 auto;
    width: 100%;
    max-width: 380px;
}

.modal .hr-intermediate {
    margin-top: 30px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #E2E2E2;
}

.modal #box-otp {
    display: none;
}

.modal #box-otp .txt-sub-model.txt-bl {
    line-height: 30px;
}

.modal .box-input-opt {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal .box-input-opt .border-linear-gradient-imm {
    width: 100%;
    max-width: 64px;
    margin: 0 7.5px;
}

.modal .box-input-opt .border-linear-gradient-imm .form-control {
    font-family: 'Sarabun';
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #000000;
    height: 50px;
}

.modal.fade.modal-right .modal-dialog {
    transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
    transform: none;
}

/* animetion vue modal*/
/* .min-h-box-anime-step1{
    min-height: 315.8px;
    transition: all 0.3s ease-out;
}
.min-h-box-anime-step2{
    min-height: 238.5px;
    transition: all 0.3s ease-out;
}
.slide-fade-leave { 
    opacity: 1; 
}
.slide-fade-leave-active {
    transition: all 0.3s ease-out;
}
.slide-fade-enter-from,
.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(-20px);
}
.min-h-box-anime-step1.slide-fade-enter { 
    transform: translateX(20px);
    opacity: 0; 
    min-height: 330.8px;
}
.min-h-box-anime-step2.slide-fade-enter { 
    transform: translateX(20px);
    opacity: 0; 
    min-height: 315.8px;
}
.slide-fade-enter-active  { 
    transition: all 0.3s ease-out;
}
.slide-fade-enter-to { 
    opacity: 1; 
} */
/* end animetion vue modal*/

@media (min-width: 576px) {
    #modelBuyImm .modal-dialog {
        max-width: 643px;
    }
}

/* end custom modal */


/* box-head-register */
.box-head-register {
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--main_imm);
}

.box-head-register .box-L {
    text-align: center;
}

.box-head-register .txt-ins {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    white-space: nowrap;
}

.box-head-register .box-L img {
    border-radius: 50%;
    width: 100%;
    min-width: 90px;
    max-width: 90px;
}

.box-head-register .box-L .txt-ins {
    margin-top: 5px;
}

.box-head-register .box-R .txt-ins {
    display: none;
}

.box-head-register .box-R {
    width: 100%;
    margin-left: 55px;
}

.box-head-register .box-R .box-txt-result {
    display: flex;
    justify-content: space-between;
}

.box-head-register .box-R .box-txt-result .txt-result {
    font-weight: 400;
    font-size: 25px;
    line-height: 37px;
    width: 100%;
}

.box-head-register .box-R .box-txt-result .txt-result span {
    font-size: 20px;
    color: var(--main_imm);
}

.box-head-register .box-R .box-txt-result .txt-result span.txt-price {
    font-weight: 500;
    font-size: 33px;
    margin-left: 15px;
}

.box-head-register .box-R .box-txt-result .txt-result .txt-detail {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
}

.box-head-register .box-R .box-txt-result .btn-down {
    color: #000000;
    opacity: 0;
    pointer-events: none;
}

.box-head-register .box-R .box-txt-result .btn-down .fas.fa-chevron-down {
    transform: rotate(0deg);
}

.box-head-register .box-R .box-txt-result .btn-down[aria-expanded="true"]>.fas.fa-chevron-down {
    transform: rotate(180deg);
}

#head-collapse-result {
    margin-bottom: 50px;
}

#head-collapse-result .box-btn {
    display: none;
}

#head-collapse-result .box-btn .btn {
    font-size: 18px;
    line-height: 27px;
    padding: 12px 5px;
    width: 100%;
    max-width: 258px;
    margin: 0 10px;
}

#head-collapse-result .box-head-register .box-R .box-txt-result .txt-result .box-btn {
    display: flex;
    margin-top: 15px;
}

/* end box-head-register */

/* tab-step-regis-imm */
.tab-step-regis-imm {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 15px;
    width: 100%;
    max-width: 800px;
}

.tab-step-regis-imm::after {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 10px);
    border: 1px solid var(--main_imm);
    right: 0;
    left: 5px;
    margin: 18px 0 0;
    z-index: 0;
    padding: 0 25px;
}

.box-step-regis-imm {
    position: relative;
    text-align: center;
    z-index: 1;
}

.box-step-regis-imm.normal i.svg-step-regis {
    content: url(../svg/imm_step_normal.svg);
}

.box-step-regis-imm.success i.svg-step-regis {
    content: url(../svg/imm_step_success.svg);
}

.box-step-regis-imm.none i.svg-step-regis {
    content: url(../svg/imm_step_none.svg);
}

.box-step-regis-imm .box-txt {
    font-size: 18px;
    line-height: 26px;
    right: 0;
    margin-top: -8px;
    position: absolute;
    width: 100%;
    min-width: 130px;
    left: 50%;
    transform: translate(-50%, 0);
}

.box-step-regis-imm.success .box-txt,
.box-step-regis-imm.normal .box-txt {
    color: #000000;
}

.box-step-regis-imm.none .box-txt {
    color: #7E7E7E;
}

/* end tab-step-regis-imm */

/* box-info-regis */
.box-info-regis {
    background: #FFFFFF;
    border-radius: 30px;
    margin: 50px auto;
    padding: 40px 50px;
    border: 1px solid var(--main_imm);
}

.box-info-regis.for-success {
    width: 100%;
    max-width: 772px;
}

.form-label.custom-regis-imm {
    font-family: 'Sarabun';
    font-size: 18px;
    line-height: 23px;
}

.form-label span {
    color: var(--main_imm);
}

.checkbox-prakun-template.custom-regis-imm {
    font-family: 'Sarabun';
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 0;
}

.checkbox-prakun-template.custom-regis-imm .checkmark-prakun-template {
    top: 2px;
    border: 1px solid var(--main_linear_gradient02);
}

.checkbox-prakun-template.custom-regis-imm .checkmark-prakun-template:after {
    border: solid var(--main_imm);
    border-width: 0 3px 3px 0;
}

.custom-radio.custom-imm-regis {
    cursor: pointer;
    font-family: 'Sarabun';
}

.custom-radio.custom-imm-regis .custom-control-label {
    cursor: pointer;
    color: #7E7E7E;
}

.custom-radio.custom-imm-regis .custom-control-label::before {
    border: 2px solid #7E7E7E;
}

.custom-radio.custom-imm-regis .custom-control-input:checked~.custom-control-label::before {
    background-color: #FFFFFF;
    border: 2px solid transparent;
}

.custom-radio.custom-imm-regis .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M10.0001 18.8337C14.6025 18.8337 18.3334 15.1027 18.3334 10.5003C18.3334 5.89795 14.6025 2.16699 10.0001 2.16699C5.39771 2.16699 1.66675 5.89795 1.66675 10.5003C1.66675 15.1027 5.39771 18.8337 10.0001 18.8337Z' stroke='url(%23paint0_linear_1265_28481)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10.0001' cy='10.5003' r='5.83333' fill='url(%23paint1_linear_1265_28481)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1265_28481' x1='10.0001' y1='2.16699' x2='10.0001' y2='18.8337' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBC8F'/%3E%3Cstop offset='1' stop-color='%23FE7446'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1265_28481' x1='10.0001' y1='4.66699' x2='10.0001' y2='16.3337' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBC8F'/%3E%3Cstop offset='1' stop-color='%23FE7446'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.custom-radio.custom-imm-regis .custom-control-label::after {
    background: no-repeat 50%/100% 100%;
}

.position-bt-date-right {
    top: 0;
    right: 0;
    padding: 8px 13px;
}

.svg-calendar-imm {
    content: url(../svg/calendar_imm.svg);
}

.box-info-regis .select2-container--default .select2-selection--single {
    border-radius: 20px;
}

.box-info-regis .select2-dropdown {
    border-radius: 20px;
}

.box-info-regis .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--main_linear_gradient01) var(--main_linear_gradient01) transparent transparent !important;
    margin-top: -3px !important;
}

.box-info-regis .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
}

.box-info-regis .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #7E7E7E !important;
}

.box-info-regis label {
    color: #000000;
    font-weight: 600;
}

.box-info-regis .form-control {
    font-size: 16px;
}

.box-info-regis hr.hr-in-info-imm {
    margin: 40px 0;
    border-top: 1px solid #E2E2E2;
}

.box-submit-info-regis {
    margin-bottom: 70px;
}

.box-submit-info-regis.for-success {
    display: flex;
    justify-content: space-between;
    padding: 40px 50px 0;
}

.box-submit-info-regis .btn {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 5px;
    width: 100%;
    max-width: 298px;
}

.box-submit-info-regis .btn.btn-for-line {
    background: #00C300;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
    padding: 15px 5px;
    width: 100%;
    max-width: 298px;
    border-radius: 30px;
}

.box-submit-info-regis.for-success .btn {
    margin: 0 10px;
    padding: 0 5px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-info-regis .txt-detail-L,
.box-info-regis .txt-detail-R {
    font-family: 'Sarabun';
    font-size: 18px;
    line-height: 23px;
}

.box-info-regis .txt-detail-L {
    color: #000000;
}

.box-info-regis .txt-detail-R {
    color: #7E7E7E;
}

.svg-circle-check-imm {
    content: url(../svg/circle-check-imm.svg);
}

.svg-pen-imm {
    content: url(../svg/pen-imm.svg);
}

.btn.btn-edit-regis {
    padding: 12.5px 5px;
    width: 100%;
    max-width: 230px;
    font-family: 'Sarabun';
    font-size: 18px;
    line-height: 23px;
}

.btn.btn-edit-regis i {
    vertical-align: sub;
}

.btn.btn-modal-close {
    font-size: 18px;
    line-height: 27px;
    padding: 12px 5px;
    width: 100%;
    max-width: 210px;
}

.box-invite-to-line {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: 0.2px;
    color: #000000;
    padding: 0 20px;
}

.box-invite-to-line span {
    color: #00C300;
}

.box-invite-to-line br {
    display: none;
}

.box-invite-to-line div.txt-big {
    font-weight: 500;
    font-size: 20px;
}

/* end box-info-regis */

/* history */
.svg-shield-imm {
    content: url(../svg/shield-imm.svg);
}

.box-info-regis.for-history {
    width: 100%;
    max-width: 840px;
}

.btn.btn-search-imm {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    max-width: 298px;
    padding: 20px 5px;
}

.txt-count-history-imm {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}

.txt-count-history-imm span {
    font-size: 20px;
    color: var(--main_imm);
}

.box-table-detail-history {
    margin-top: 25px;
}

.table.table-detail-history.table-template-gradient-main thead tr th {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Kanit', sans-serif;
}

.table.table-detail-history .txt-in-table {
    font-family: 'Sarabun';
    font-size: 16px;
    line-height: 30px;
}

.table.table-detail-history .txt-in-table.txt-bl {
    color: #000000;
}

.table.table-detail-history .txt-in-table.txt-g {
    color: #7E7E7E;
}

.table.table-detail-history .txt-in-table.txt-count {
    color: #7E7E7E;
    font-size: 15px;
}

.table.table-detail-history .txt-in-table.txt-count .time-left {
    color: #86DE50;
}

.table.table-detail-history .txt-in-table.txt-count .time-out {
    color: #DE5050;
}

.table.table-detail-history .txt-in-table.txt-link {
    color: #000000 !important;
    text-decoration-line: underline;
}

.table.table-detail-history thead tr th:nth-child(1) {
    width: 10%;
    min-width: 111px;
    max-width: 111px;
    border-top-left-radius: 30px;
}

.table.table-detail-history thead tr th:nth-child(2),
.table.table-detail-history thead tr th:nth-child(4) {
    width: 15%;
}

.table.table-detail-history thead tr th:nth-child(3),
.table.table-detail-history thead tr th:nth-child(5) {
    width: 15%;
}

.table.table-detail-history thead tr th:nth-last-child(1) {
    border-top-right-radius: 30px;
}

.table.table-detail-history tbody tr td {
    border: 1px solid #F1F1F1;
    background: #FFFFFF;
    padding: 20px 30px;
}

.table.table-detail-history tbody tr td:nth-child(1),
.table.table-detail-history tbody tr td:nth-child(3),
.table.table-detail-history tbody tr td:nth-child(5) {
    text-align: center;
}

.table.table-detail-history tbody tr:nth-last-child(1) td:nth-child(1) {
    border-bottom-left-radius: 30px;
}

.table.table-detail-history tbody tr:nth-last-child(1) td:nth-last-child(1) {
    border-bottom-right-radius: 30px;
}


.table#hospitalTB.table-detail-history thead tr th:nth-child(2),
.table#hospitalTB.table-detail-history tbody tr td:nth-child(2) {
    width: 20%;
}

.table#hospitalTB.table-detail-history thead tr th:nth-child(3),
.table#hospitalTB.table-detail-history tbody tr td:nth-child(3) {
    width: 15%;
}

.table#hospitalTB.table-detail-history thead tr th:nth-last-child(1),
.table#hospitalTB.table-detail-history tbody tr td:nth-last-child(1) {
    width: 15%;
}

/* end history */

/* contact us */
.txt-imply {
    font-family: 'Sarabun';
    font-size: 22px;
    line-height: 42px;
    color: #7E7E7E;
    text-align: center;
}

hr.hr-in-contact-page {
    margin-top: 40px;
    margin-bottom: 50px;
    border-top: 1px solid var(--main_imm);
}

.banner_about_us {
    width: 100%;
}

.box-history-company {
    width: 100%;
    max-width: 735px;
}

.box-history-company .txt-head {
    font-size: 40px;
    line-height: 60px;
    color: #000000;
    margin-bottom: 20px;
}

.box-history-company .box-detail {
    font-family: 'Sarabun';
    background: #ffffff8a;
    border-radius: 30px;
    font-size: 16px;
    line-height: 33px;
    color: #7E7E7E;
    padding: 30px;
}

.box-history-company .box-detail .box-scroll {
    height: 605px;
    overflow-y: auto;
}

.box-history-company .box-detail span {
    color: var(--main_imm);
}

.box-history-company .box-detail .box-scroll::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.box-history-company .box-detail .box-scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.box-history-company .box-detail .box-scroll::-webkit-scrollbar-thumb {
    background: var(--main_imm);
    border-radius: 3px;
}

/* Handle on hover */
.box-history-company .box-detail .box-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--main_imm);
}

.box-img-boss img {
    height: auto;
    width: 385px;
    border-radius: 30px;
}

.d-flex-box-and-img {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

.d-flex-box-and-img .box-history-company,
.d-flex-box-and-img .box-img-boss {
    margin: 0px 25px;
}

/* end contact us */

/* top-footer */
.top-footer {
    padding: 40px 15px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-footer .box-txt {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.top-footer .box-txt .txt-head {
    font-size: 36px;
    line-height: normal;
    color: #000000;
}

.top-footer .box-txt .txt-detail {
    font-size: 17px;
    line-height: normal;
    color: #7E7E7E;
}

.top-footer .box-txt .txt-detail span {
    color: var(--main_imm);
}

.top-footer .box-link {
    display: flex;
    gap: 15px;
    text-align: center;
}

.top-footer .box-link a {
    border-radius: 8px;
    border: 1px solid #DEE3F3;
    background: #FFF;
    height: 60px;
    display: inline-flex;
    align-items: center;
}

.top-footer .box-link a img {
    width: 100%;
    max-width: 166px;
}

.top-footer .box-link a:hover {
    text-decoration: none;
    opacity: 0.7;
    transition: all 0.3s ease-in;
}

.top-footer .box-txt,
.top-footer .box-link {
    margin: 0 30px;
}

/* end top-footer */

/* manual */
.margin-nav-tab {
    margin: 50px 0 40px;
}

.margin-nav-tab::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.margin-nav-tab::-webkit-scrollbar-track {
    background: #c4c4c4;
    border-radius: 5px;
}

/* Handle */
.margin-nav-tab::-webkit-scrollbar-thumb {
    background: var(--main_imm);
    border-radius: 5px;
}

/* Handle on hover */
.margin-nav-tab::-webkit-scrollbar-thumb:hover {
    background: var(--main_imm);
}

.nav.nav-manual-custom {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    border-bottom: 0;
    margin-bottom: 5px;
}

.nav-pills.nav-manual-custom .nav-link {
    border-radius: 0;
    color: #000000;
    border-bottom: 0;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.09px;
    padding: 8px 0;
    margin: 0 10px;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;

}

.nav-pills.nav-manual-custom .nav-link.active,
.nav-pills.nav-manual-custom .show>.nav-link {
    color: #7E7E7E;
    background-color: transparent;
    border-bottom: 2px solid #7E7E7E;
    transition: all 0.3s ease;
    font-weight: 500;
}

.box-manual-step {
    margin-bottom: 80px;
}

.box-manual-step .img-manual-step {
    width: 100%;
    margin-bottom: 20px;
}

.box-manual-step .txt-manual {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
}

.box-manual-step .txt-manual span.txt-og {
    color: var(--main_imm);
}

.box-manual-step .txt-manual span.txt-sub-og {
    color: var(--main_linear_gradient01);
}

.box-manual-step .txt-manual .box-btn-twin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.box-manual-step .txt-manual .btn {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 5px;
    width: 100%;
    max-width: 160px;
    pointer-events: none;
}

.box-manual-step .txt-manual .box-btn-twin .btn {
    margin: 0 10px;
    min-width: 160px
}

.box-manual-step .txt-manual .btn i {
    height: 18px;
}

.btn-txt-blue {
    background: #FFFFFF;
    color: #2541B2;
    border: 1px solid #2541B2;
    border-radius: 10px;
}

li.dot-li-blue {
    list-style-image: url('../img/dot-li-blue-manual.png');
}

li.dot-gray::marker {
    color: #D9D9D9;
}

.border-r-dot-gray {
    border-right: 2px solid #7E7E7E;
}

.collapse-in-manual {
    padding: 16px 30px;
    border-radius: 20px;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
}

.collapse-in-manual[aria-expanded="true"] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

i.collapse-in-arrow {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M0.199705 1.10886C0.465932 0.842634 0.897658 0.842589 1.16393 1.10891L7.49984 7.44495L13.8361 1.10886C14.1023 0.842634 14.534 0.842589 14.8003 1.10891C15.0666 1.37518 15.0666 1.80686 14.8003 2.07313L7.98193 8.89132C7.85407 9.01918 7.68066 9.091 7.49984 9.091C7.31902 9.091 7.14557 9.01914 7.01775 8.89127L0.199751 2.07309C-0.0665674 1.80686 -0.0665674 1.37513 0.199705 1.10886Z' fill='white'/%3E%3C/svg%3E");
}

.collapse-in-manual[aria-expanded="true"] i.collapse-in-arrow {
    transform: rotate(180deg);
}

.collapse-in-manual .b-text {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
}

.card-collapse-in-manual {
    padding: 30px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 3px 13px 0px rgba(219, 240, 240, 0.49);
}

.card-collapse-in-manual .gap-main {
    gap: 40px;
}

.nav.nav-manual-type-buy {
    flex-wrap: nowrap;
    border-radius: 28px;
    background: #F1F1F1;
    user-select: none;
}

.nav.nav-manual-type-buy .nav-item {
    font-family: 'kanit';
    width: 50%;
}

.nav.nav-manual-type-buy .nav-link {
    color: #7E7E7E;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.1px;
    padding: 10px 5px;
    border: 1px solid transparent;
    border-radius: 28px;
    white-space: nowrap;
    background-color: #FFFFFF;
    height: 100%;
}

.nav.nav-manual-type-buy .nav-link.active,
.nav.nav-manual-type-buy .show>.nav-link {
    border: 1px solid var(--main_linear_gradient01);
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    color: #FFFFFF;
}

@media (max-width: 991px) {
    .card-collapse-in-manual .gap-main {
        gap: 30px;
    }

    .card-collapse-in-manual .gap-sub {
        gap: 30px;
    }
}

@media (max-width: 575px) {
    .card-collapse-in-manual {
        padding: 20px 15px;
    }

    .nav.nav-manual-type-buy .nav-link {
        padding: 8px 5px;
        font-size: 14px;
    }
}

/* end manual */

/* claim */
.btn.btn-link-claim {
    padding: 20px 5px;
    width: 100%;
    max-width: 298px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

ol.txt-step-claim {
    font-family: 'Sarabun';
    font-size: 16px;
    line-height: 25px;
}

ol.txt-step-claim li {
    margin-bottom: 5px;
}

.txt-sub-title-claim {
    font-family: 'Sarabun';
    font-size: 18px;
    line-height: 23px;
    padding-inline-start: 22px;
}

.txt-sub-claim {
    font-family: 'Sarabun';
    font-size: 15px;
    line-height: 24px;
    color: #7E7E7E;
}

.txt-detail-address-claim {
    font-family: 'Sarabun';
    font-size: 16px;
    line-height: 25px;
    padding-inline-start: 22px;
}

.w-nav-claim {
    width: 100%;
    /* max-width: 770px; */
    margin: 50px auto;
    text-align: center;
}

.w-nav-claim .nav-manual-type-buy {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 13px 0px rgba(219, 240, 240, 0.49);
    justify-content: space-around;
}

.w-nav-claim .nav-manual-type-buy .nav-item{
    width: 100%;
}

.w-nav-claim img.img-icon-nav {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.w-nav-claim .nav.nav-manual-type-buy .nav-link {
    padding: 5px 8px;
}

.btn-download-form-claim {
    border-radius: 100px;
    border: 1px solid #FFBC8F;
    background: #D8F2EF;
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    padding: 5px;
    width: 100%;
    max-width: 380px;
    height: 68px;
    gap: 10px;
}

a.btn-download-form-claim:hover {
    color: #000000;
}

.btn-download-form-claim::before {
    content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 19C27.4533 19 27 19.4533 27 20V24C27 24.92 26.2533 25.6667 25.3333 25.6667H6.66667C5.74667 25.6667 5 24.92 5 24V20C5 19.4533 4.54667 19 4 19C3.45333 19 3 19.4533 3 20V24C3 26.0267 4.64 27.6667 6.66667 27.6667H25.3333C27.36 27.6667 29 26.0267 29 24V20C29 19.4533 28.5467 19 28 19Z' fill='%23F94F2A'/%3E%3Cpath d='M15.2933 22.04C15.4933 22.24 15.7466 22.3333 15.9999 22.3333C16.2533 22.3333 16.5066 22.24 16.7066 22.04L22.0399 16.7067C22.4266 16.32 22.4266 15.68 22.0399 15.2933C21.6533 14.9067 21.0133 14.9067 20.6266 15.2933L16.9999 18.92V5.33334C16.9999 4.78668 16.5466 4.33334 15.9999 4.33334C15.4533 4.33334 14.9999 4.78668 14.9999 5.33334V18.92L11.3733 15.2933C10.9866 14.9067 10.3466 14.9067 9.95992 15.2933C9.57326 15.68 9.57326 16.32 9.95992 16.7067L15.2933 22.04Z' fill='%23F94F2A'/%3E%3C/svg%3E%0A");
    height: 32px;
    width: 32px;
}

.txt-detail-nav-claim {
    color: #7E7E7E;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 20px;
}
@media (max-width: 1200px) {
    .w-nav-claim img.img-icon-nav {
        margin-right: 12px;
    }
}
@media (max-width: 991px) {
    .w-nav-claim{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .w-nav-claim .nav-manual-type-buy{
        width: max-content;
    }
    .w-nav-claim::-webkit-scrollbar {
        height: 2px;
    }
    /* Handle */
    .w-nav-claim::-webkit-scrollbar-thumb {
        border-radius: 3px;
    }

}
@media (max-width: 767px) {
    .w-nav-claim .nav.nav-manual-type-buy .nav-link {
        font-size: 18px;
        white-space: nowrap;
    }
    .w-nav-claim img.img-icon-nav {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .w-nav-claim .nav.nav-manual-type-buy .nav-link {
        font-size: 16px;
        white-space: nowrap;
    }
}
@media (max-width: 575px) {
    .w-nav-claim {
        margin: 20px -15px 20px auto;
        padding-right: 5px;
    }
    .btn-download-form-claim {
        font-size: 16px;
        max-width: 287px;
        height: 40px;
    }

    .btn-download-form-claim::before {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 19C27.4533 19 27 19.4533 27 20V24C27 24.92 26.2533 25.6667 25.3333 25.6667H6.66667C5.74667 25.6667 5 24.92 5 24V20C5 19.4533 4.54667 19 4 19C3.45333 19 3 19.4533 3 20V24C3 26.0267 4.64 27.6667 6.66667 27.6667H25.3333C27.36 27.6667 29 26.0267 29 24V20C29 19.4533 28.5467 19 28 19Z' fill='%23F94F2A'/%3E%3Cpath d='M15.2933 22.04C15.4933 22.24 15.7466 22.3333 15.9999 22.3333C16.2533 22.3333 16.5066 22.24 16.7066 22.04L22.0399 16.7067C22.4266 16.32 22.4266 15.68 22.0399 15.2933C21.6533 14.9067 21.0133 14.9067 20.6266 15.2933L16.9999 18.92V5.33334C16.9999 4.78668 16.5466 4.33334 15.9999 4.33334C15.4533 4.33334 14.9999 4.78668 14.9999 5.33334V18.92L11.3733 15.2933C10.9866 14.9067 10.3466 14.9067 9.95992 15.2933C9.57326 15.68 9.57326 16.32 9.95992 16.7067L15.2933 22.04Z' fill='%23F94F2A'/%3E%3C/svg%3E%0A");
        width: 20px;
        height: 20px;
    }
    .w-nav-claim .nav.nav-manual-type-buy .nav-link {
        padding: 5px 2px;
    }
    .w-nav-claim .nav.nav-manual-type-buy .nav-link.active{
        padding: 5px 8px;
    }
}

@media (max-width: 424px) {
    .w-nav-claim .nav.nav-manual-type-buy .nav-link.active {
        font-size: 16px;
    }
    .w-nav-claim .nav.nav-manual-type-buy .nav-link {
        font-size: 12px;
        line-height: 28px;
    }
}
@media (max-width: 374px) {
    .w-nav-claim .nav-manual-type-buy .nav-item{
        width: fit-content;
    }
    .w-nav-claim .active img.img-icon-nav{
        display: none;
    }
}

/* end claim */

/* logo */
.nav-logo {
    width: 100%;
    min-width: 123px;
    max-width: 150px;
}

/* select2 */
.box-select2-custom .select2-container--default .select2-selection--single {
    border-radius: 20px;
}

.box-select2-custom .select2-dropdown {
    border-radius: 20px;
}

.box-select2-custom .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--main_linear_gradient01) var(--main_linear_gradient01) transparent transparent !important;
}

.box-select2-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #7E7E7E !important;
}

/* new */
.ellipsis-line-2,
.ellipsis-line-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-line-2 {
    -webkit-line-clamp: 2;
}

.ellipsis-line-3 {
    -webkit-line-clamp: 3;
}

.table.table-template-gradient-main.table-download thead tr th {
    font-family: 'Sarabun', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff !important;
    border: 2px solid #F1F1F1;
    padding: 15px 10px;
}

.table.table-template-gradient-main.table-download tbody tr td {
    border: 2px solid #F1F1F1;
    background-color: #ffffff;
    color: #7E7E7E;
    font-family: 'Sarabun', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 20px;
}

.btn.btn-main-linear-gradient.btn-download-form {
    width: 150px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.table.table-template-gradient-main.table-download .img-logo-ins {
    border-radius: 50%;
    width: 50px;
}

.table.table-template-gradient-main.table-download .txt-ins {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: -0.225px;
    color: #7E7E7E;
}

.table.table-template-gradient-main.table-claim thead tr th {
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
    color: #ffffff !important;
    border: 2px solid #F1F1F1;
    padding: 15px 30px;
}

.table.table-template-gradient-main.table-claim tbody tr td {
    border: 2px solid #F1F1F1;
    color: #373737;
    font-family: 'Sarabun', sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    padding: 20px 30px;
}

.table.table-template-gradient-main.table-claim tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.table.table-template-gradient-main.table-claim tbody tr:nth-child(even) td {
    background-color: #F1F1F1;
}

.box-table-detail-form {
    margin-top: 25px;
    border: 2px solid #F1F1F1;
    border-radius: 30px;
}

.table.table-template-gradient-main.table-form thead tr th {
    font-family: 'Sarabun', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #7E7E7E !important;
    border: 2px solid #F1F1F1;
    padding: 12px 10px;
    background: #D8F2EF;
}

.table.table-template-gradient-main.table-form .img-logo-ins {
    border-radius: 50%;
    width: 50px;
}

.table.table-template-gradient-main.table-form .txt-ins {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: -0.225px;
}

.table.table-template-gradient-main.table-form thead tr th:nth-child(1),
.table.table-template-gradient-main.table-form thead tr th:nth-child(2) {
    width: 50%;
    max-width: 263px;
}

.table.table-template-gradient-main.table-form thead tr th:nth-child(1) {
    border-width: 0px 1px 1px 0;
}

.table.table-template-gradient-main.table-form thead tr th:nth-child(2) {
    border-width: 0px 0px 1px 1px;
}

.table.table-template-gradient-main.table-form tbody tr td .btn.btn-main-linear-gradient.btn-download-form {
    width: 175px;
}

.table.table-template-gradient-main.table-form tbody tr td:nth-child(1) {
    border-width: 0px 2px 2px 0px;
}

.table.table-template-gradient-main.table-form tbody tr td:nth-child(2) {
    border-width: 0px 0px 2px 2px;
}

.table.table-template-gradient-main.table-form tbody tr:nth-last-child(1) td:nth-child(1) {
    border-bottom-left-radius: 30px;
    border-width: 1px 2px 0px 0px;
}

.table.table-template-gradient-main.table-form tbody tr:nth-last-child(1) td:nth-child(2) {
    border-bottom-right-radius: 30px;
    border-width: 1px 0px 0px 2px;
}

.table.table-template-gradient-main.table-form tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.table.table-template-gradient-main.table-form tbody tr:nth-child(even) td {
    background-color: #ffffff;
}

.box-slide-why-us {
    width: 100%;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

.cardWhyUs {
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 3px 13px 0px rgba(219, 240, 240, 0.49);
    width: 180px;
    margin: 0 auto;
}

.cardWhyUs .boxImg {
    padding: 10px;
}

.cardWhyUs .boxImg img {
    object-fit: none;
    object-position: center;
    height: 100px;
}

.cardWhyUs .boxText {
    padding: 0px 0px 10px;
}

.cardWhyUs .boxText .txtHead {
    color: #7E7E7E;
    text-align: center;
    font-family: 'Kanit';
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}

.cardWhyUs .boxText .txtSub {
    color: var(--main_imm);
    text-align: center;
    font-family: 'Kanit';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.cardTrophy {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 247px;
    margin-bottom: 15px;
}

.cardTrophy .boxText .txtHead {
    color: var(--main_imm);
    text-align: center;
    font-family: 'Kanit';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.cardTrophy .boxText .txtSub {
    color: #7E7E7E;
    text-align: center;
    font-family: 'Kanit';
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}

.btn.btn-news-all {
    color: var(--main_imm);
    text-align: center;
    font-family: 'Kanit';
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
}

.box-step-img {
    padding: 27px;
    position: relative;
    margin-bottom: 20px;
}

.box-step-img .box-step-img-inside {
    border-radius: 30px;
    border: 2px solid #FFBC8F;
    overflow: hidden;
}

.box-step-img .box-circle-number-step {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.box-step-img .box-circle-number-step span {
    color: #FFF;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    margin-top: -5px;
}

.nav.nav-custom-imm {
    justify-content: center;
    width: 100%;
    max-width: 770px;
    height: 55px;
    margin: 0 auto 40px;
    border-radius: 38px;
    background: #FFFFFF;
    border: 0;
}

.nav.nav-custom-imm .nav-item {
    width: 50%;
    border-radius: 28px;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.1px;
}

.nav.nav-custom-imm .nav-item span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.nav.nav-custom-imm .nav-item.active {
    border: 1px solid #FFBC8F;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    color: #FFFFFF;
}

.box-table-imm.for-protect {
    margin-bottom: 40px;
}

.table.table-protect tbody tr th {
    vertical-align: middle;
    text-align: center;
    padding: 10px 5px;
}

.table.table-protect tbody tr td {
    font-family: 'Sarabun', sans-serif;
    vertical-align: middle;
    text-align: center;
    color: #000000;
    padding: 20px 30px;
}

.table.table-protect tbody tr td:nth-child(1) {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.table.table-protect tbody tr td:nth-child(2) {
    font-size: 26px;
    font-weight: 400;
    line-height: normal;
}

.table.table-protect tbody tr td:nth-child(2) span {
    font-size: 20px;
}

.table.table-protect tbody tr td div.f-detail {
    margin-top: 10px;
    font-size: 17px;
    color: #7E7E7E;
}

.table.table-protect tbody tr th,
.table.table-protect tbody tr td {
    border: 2px solid #F1F1F1;
    background: #FFFFFF;
    height: 158px;
}

.cardInsHome {
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0px 3px 13px 0px rgba(219, 240, 240, 0.49);
    padding: 30px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 210px;
    text-align: center;
}

.cardInsHome img {
    width: 60px;
    max-width: 60px;
    height: 60px;
    margin: auto;
}

.cardInsHome .txt-name-ins {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.225px;
}

.cardInsHome a.to-purchase {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    text-decoration: none;
}


/* radio imm bt*/
.radio-container-imm {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/* Hide the browser's default radio button */
.radio-container-imm input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.box-check-imm {
    width: 100%;
    text-align: center;
    padding: 20px 5px;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    background-color: #ffffff;
}

.radio-container-imm input:checked~.box-check-imm {
    background: #D8F2EF;
    border: 1px solid #FFBC8F;
}

i.svg-type-single {
    content: url(../svg/type-single.svg);
}

i.svg-type-group {
    content: url(../svg/type-group.svg);
}

.radio-container-imm .box-check-imm i {
    margin-bottom: 8px;
}

.radio-container-imm input:checked~.box-check-imm i.svg-type-single {
    content: url(../svg/type-single-o.svg);
}

.radio-container-imm input:checked~.box-check-imm i.svg-type-group {
    content: url(../svg/type-group-o.svg);
}

.box-txt-check-imm {
    font-family: 'Sarabun', sans-serif;
    font-weight: normal;
    color: #7E7E7E;
    font-size: 16px;
    line-height: normal;
}

.radio-container-imm input:checked~.box-check-imm .box-txt-check-imm {
    color: #000;
}

/* end radio car bt */


@media (max-width: 1699px) {

    .for_imm .custom_navbar_ul li,
    .for_imm .custom_navbar_ul li .btn {
        font-size: 17px;
    }

    .btn-main-linear-gradient.btn-head-imm,
    .btn-txt-orange.btn-head-imm {
        font-size: 15px;
    }

    .box-txt-banner .txt-banner-top {
        font-size: 26px;
    }

    .box-txt-banner .txt-banner-center {
        font-size: 58px;
    }

    .box-txt-banner .txt-banner-bottom {
        font-size: 16.5px;
        line-height: 30px;
    }

    .txt-head-imm {
        font-size: 40px;
    }

    .benefits-imm .box-txt {
        font-size: 22px;
    }

    .box-text-note .txt-title {
        font-size: 19px;
    }

    .box-text-note .txt-detail {
        font-size: 15px;
    }

    .table.table-detail-history tbody tr td {
        padding: 20px 18px;
    }

    .btn-main-linear-gradient.btn-head-imm,
    .btn-txt-orange.btn-head-imm {
        min-width: 100.5px;
        max-width: 100.5px;
    }

    .box-history-company .box-detail {
        font-size: 15px;
    }

    .box-history-company .box-detail {
        padding: 30px 20px;
    }
}

@media (max-width: 1200px) {
    .box-benefits-imm {
        padding: 30px 40px;
    }

    .benefits-imm {
        margin: 10px 0;
    }

    .table.table-detail-history tbody tr td {
        padding: 20px 15px;
    }

    .table.table-detail-history .txt-in-table {
        font-size: 15px;
        line-height: 28px;
    }

    .table.table-detail-history .txt-in-table.txt-count {
        font-size: 14px;
    }

    .box-history-company .box-detail br {
        display: none;
    }

    .box-img-boss img {
        object-position: left;
    }

    .top-footer {
        flex-direction: column;
        gap: 30px;
    }

    .top-footer .box-txt {
        gap: 15px;
    }

    .top-footer .box-link {
        gap: 20px;
    }

    .top-footer .box-txt,
    .top-footer .box-link {
        margin: 0;
    }

    .box-contact-us .box-txt {
        width: 100%;
    }

    .box-contact-us .img-person {
        margin: 0 auto;
    }

    .box-contact-us .box-qr {
        max-width: 140px;
    }

    .box-manual-step .txt-manual .box-btn-twin {
        margin-top: 10px;
        margin-left: 0;
    }

    .img-recommend-qr {
        width: 100%;
        max-width: 270px;
    }

    .for_imm .custom_navbar_ul li {
        margin-right: 10px;
    }

    .for_imm .custom_navbar_ul li,
    .for_imm .custom_navbar_ul li .btn {
        font-size: 15px;
    }

    .for_imm .custom_navbar_ul li .btn,
    .for_imm .custom_navbar_ul li a.nav-link {
        padding-left: 0;
        padding-right: 0;
    }

    .box-table-detail-history.for-hospital {
        position: relative;
        overflow: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .table.table-detail-history#hospitalTB {
        min-width: 1340px;
        margin-bottom: 5px;
    }

    .table#hospitalTB.table-detail-history thead tr th:nth-last-child(1),
    .table#hospitalTB.table-detail-history tbody tr td:nth-last-child(1) {
        width: 10%;
    }

    .box-step-img {
        padding: 20px;
    }

    .box-step-img .box-circle-number-step {
        width: 47px;
        height: 47px;
    }

    .box-contact-us .btn-for-line,
    .box-contact-us .btn-for-line-oc {
        min-width: 220px;
        max-width: 220px;
    }

}

@media (max-width: 991px) {
    .for_imm .costom_navbar_bottom_header_page .navbar-brand {
        margin-right: auto;
    }

    .btn-main-linear-gradient.btn-head-imm,
    .btn-txt-orange.btn-head-imm {
        min-width: auto;
        max-width: 374px;
        padding: 13.5px 5px;
    }

    .bottom_header_page.for_imm {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .img-banner-imm {
        max-width: 300px;
        margin-bottom: 15px;
    }

    .p-for-banner {
        padding-top: 25px;
    }

    .table.table-imm thead tr:nth-child(1) th:nth-child(1) {
        min-width: 130px;
        max-width: 130px;
    }

    .table.table-imm thead tr:nth-child(1) th:nth-child(2) {
        min-width: 136px;
        max-width: 136px;
    }

    .table.table-imm tbody tr th .img-logo-ins {
        width: 60px;
    }

    .table.table-imm tbody tr th .txt-ins {
        font-size: 14px;
        letter-spacing: -0.21px;
    }

    .navbar-brand i.svg-Logo {
        max-width: 162px;
    }

    .box-table-imm.for-modal {
        position: relative;
        overflow: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .for-modal .table.table-imm {
        min-width: 750px;
        margin-bottom: 0;
    }

    .box-table-detail-history {
        position: relative;
        overflow: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .table.table-detail-history {
        min-width: 1110px;
        margin-bottom: 5px;
    }

    .for_imm .custom_navbar_ul li,
    .for_imm .custom_navbar_ul li .btn {
        font-size: 20px;
    }

    .for_imm .custom_navbar_ul li .btn {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #DEE3F3;
        outline: 0 !important;
        text-align: left;
    }

    .for_imm .costom_navbar_bottom_header_page {
        padding: 0 15px;
    }

    .d-flex-box-and-img {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .d-flex-box-and-img .box-history-company,
    .d-flex-box-and-img .box-img-boss {
        margin: 0;
    }

    .d-flex-box-and-img .box-img-boss {
        text-align: center;
    }

    .box-history-company .txt-head {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .box-history-company .box-detail br {
        display: block;
    }

    .box-img-boss img {
        width: 100%;
        max-width: 100%;
    }

    .txt-imply {
        font-size: 19px;
        line-height: 40px;
    }

    .box-manual-step .txt-manual .box-btn-twin {
        margin-top: 0;
        margin-left: 10px;
    }

    .box-manual-step {
        margin-bottom: 40px;
    }

    .img-recommend-qr {
        margin-left: auto;
        display: block;
        margin-right: 35px;
        max-width: 425px;
        margin-top: -63px;
        margin-bottom: 30px;
    }

    /* new */
    .table.table-download {
        min-width: 1110px;
        margin-bottom: 5px;
    }

    .table.table-claim {
        min-width: 865px;
        margin-bottom: 5px;
    }

    .box-table-imm.for-protect {
        position: relative;
        overflow: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .table.table-protect tbody tr td div.f-detail {
        white-space: nowrap;
    }

    .box-contact-us .box-txt .box-btn-line {
        flex-direction: row;
        gap: 20px;
    }

    .box-txt-banner .txt-banner-bottom {
        font-size: 18px;
        line-height: 35px;
    }

}

@media (max-width: 767px) {
    .box-table-imm {
        position: relative;
        overflow: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .table.table-imm {
        min-width: 750px;
        margin-bottom: 5px;
    }

    .table.table-template-gradient-main thead tr th {
        font-size: 16px;
        line-height: 20px;
    }

    .table.table-imm .btn-buy-now {
        max-width: 106px;
        font-size: 16px;
    }

    .table.table-imm tbody tr td {
        font-size: 24px;
    }

    .table.table-imm tbody tr td span {
        font-size: 16px;
    }

    .table.table-imm tbody tr td div.f-detail {
        margin-top: 3px;
        font-size: 15px;
        white-space: nowrap;
    }

    .box-contact-us {
        flex-direction: column;
    }

    .box-txt-banner .txt-banner-center {
        font-size: 55px;
    }

    #head-collapse-result {
        border-bottom: 1px solid var(--main_imm);
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    #head-collapse-result .box-head-register .box-R .box-txt-result .txt-result .box-btn {
        display: none;
    }

    #head-collapse-result .box-btn {
        display: flex;
        justify-content: center;
        padding: 15px 0 10px;

    }

    .box-head-register {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .box-head-register .box-L .txt-ins {
        display: none;
    }

    .box-head-register .box-R .txt-ins {
        display: block;
    }

    .box-head-register .box-R {
        margin-left: 20px;
    }

    .box-head-register .box-R .box-txt-result .btn-down {
        opacity: 1;
        cursor: pointer;
        pointer-events: initial;
    }

    .tab-step-regis-imm {
        max-width: calc(100% - 30px);
    }

    .box-step-regis-imm i.svg-step-regis {
        width: 40px;
    }

    .box-info-regis {
        padding: 35px 20px 50px;
    }

    .box-history-company .box-detail br {
        display: none;
    }

    .txt-imply br {
        display: none;
    }

    .box-submit-info-regis.for-success {
        padding: 20px 20px 0;
    }

    .box-submit-info-regis.for-success .btn {
        height: 55px;
    }

    .box-info-regis.for-qr {
        max-width: 300px;
        padding: 30px 20px;
    }

    .table.table-download {
        min-width: 595px;
    }

    .box-contact-us .btn-for-line,
    .box-contact-us .btn-for-line-oc {
        min-width: 200px;
        max-width: 200px;
    }

    .box-txt-banner .txt-banner-bottom {
        width: 100%;
        max-width: 470px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width: 575px) {
    .img-banner-imm {
        max-width: 230px;
        margin-bottom: 5px;
    }

    .p-for-banner {
        padding-top: 15px;
    }

    .box-txt-banner {
        width: 100%;
    }

    .box-txt-banner .txt-banner-top {
        font-size: 16px;
        line-height: 25px;
    }

    .box-txt-banner .txt-banner-center {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 10px;
    }

    .box-txt-banner .txt-banner-bottom {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 0;
        max-width: 340px;
    }

    .box-txt-banner .box-bt {
        flex-direction: column;
    }

    .box-txt-banner .btn-main-linear-gradient,
    .box-txt-banner .btn-txt-orange {
        max-width: 100%;
        padding: 12.5px 5px;
        font-size: 17px;
        line-height: 25px;
        margin: 20.5px 0 0;
    }

    .box-txt-banner .btn-main-linear-gradient span {
        font-size: 23px;
    }

    .txt-head-imm {
        font-size: 28px;
        line-height: 40px;
    }

    .box-benefits-imm {
        padding: 20px;
        margin-bottom: 30px;
        border-radius: 20px;
    }

    .benefits-imm .img-benefits-imm {
        width: 45px;
    }

    .benefits-imm .box-txt {
        font-size: 18px;
        line-height: 27px;
    }

    .table.table-imm tbody tr th .img-logo-ins {
        width: 60px;
    }

    .head-box-contact-us {
        padding: 15px 20px;
    }

    .head-box-contact-us .txt-head {
        font-size: 18px;
        line-height: 24px;
    }

    .box-contact-us {
        padding: 20px;
        margin-bottom: 20px;
        height: auto;
        gap: 10px;
    }

    .box-contact-us .box-txt .txt-main {
        margin-bottom: 10px;
    }

    .box-contact-us .box-txt .txt-sub {
        margin-bottom: 10px;
    }

    .box-contact-us .box-txt .txt-sub i {
        width: 20px;
    }

    .box-info-regis.for-qr .btn-for-line {
        font-size: 14px;
        line-height: 25px;
    }

    .box-contact-us .btn-for-line,
    .box-contact-us .btn-for-line-oc {
        font-size: 14px;
        line-height: 25px;
        min-width: 162px;
        max-width: 162px;
    }



    .modal i.svg-cancel-og {
        width: 20px;
    }

    .modal-header {
        padding: 15px 20px 0;
    }

    .modal-body {
        padding: 10px 20px 40px;
    }

    .modal .txt-head-model {
        font-size: 28px;
        line-height: 42px;
    }

    .modal .txt-sub-model {
        font-size: 16px;
        line-height: 25px;
    }

    .modal .box-btn-buy-type button {
        padding: 15px 5px;
        width: 100%;
        max-width: 100%;
        margin: 5px auto;
        font-size: 17px;
        line-height: 25px;
    }

    .modal .w-box-input {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .modal .box-btn-footer-bt button.w-main-btn {
        max-width: 100%;
        font-size: 17px;
        line-height: 25px;
        margin: 0 7.5px;
    }

    .modal .txt-detail-model {
        font-size: 14px;
        line-height: 23px;
    }

    .modal .box-input-opt .border-linear-gradient-imm {
        max-width: 47px;
        border-radius: 10px;
    }

    .modal .box-input-opt .border-linear-gradient-imm .form-control {
        border-radius: 10px;
    }

    .min-h-box-anime-step1 {
        min-height: 280.8px;
    }

    .min-h-box-anime-step2 {
        min-height: 216.5px;
    }

    .min-h-box-anime-step1.slide-fade-enter {
        min-height: 300.8px;
    }

    .min-h-box-anime-step2.slide-fade-enter {
        min-height: 280.8px;
    }

    .box-head-register .box-L img {
        min-width: 60px;
        max-width: 60px;
    }

    .box-head-register .txt-ins {
        font-size: 16px;
        line-height: 24px;
    }

    .box-head-register .box-R {
        margin-left: 15px;
    }

    .box-head-register .box-R .box-txt-result .txt-result {
        font-size: 20px;
        line-height: 22px;
    }

    .box-head-register .box-R .box-txt-result .txt-result span {
        font-size: 20px;
    }

    .box-head-register .box-R .box-txt-result .txt-result span.txt-price {
        font-size: 26px;
        margin-left: 10px;
    }

    .box-head-register .box-R .box-txt-result .txt-result .txt-detail {
        font-size: 13px;
        line-height: 19px;
    }

    #head-collapse-result {
        margin-bottom: 24px;
    }

    #head-collapse-result .box-btn {
        flex-direction: column;
    }

    #head-collapse-result .box-btn .btn {
        font-size: 17px;
        line-height: 25px;
        max-width: 100%;
        margin: 7.5px 0;
    }

    .tab-step-regis-imm::after {
        margin: 12px 0 0;
    }

    .box-step-regis-imm .box-txt {
        font-size: 13px;
        line-height: 19px;
        min-width: 83px;
    }

    .box-step-regis-imm i.svg-step-regis {
        width: 30px;
    }

    .box-info-regis {
        padding: 30px 15px 40px;
        margin: 30px auto;
    }

    .form-label.custom-regis-imm {
        font-size: 16px;
        line-height: 21px;
    }

    .checkbox-prakun-template.custom-regis-imm {
        font-size: 16px;
        line-height: 21px;
    }

    .box-submit-info-regis {
        margin-bottom: 50px;
    }

    .box-submit-info-regis .btn {
        font-size: 17px;
        line-height: 25px;
        padding: 12.5px 5px;
        max-width: 100%;
    }

    .box-info-regis hr.hr-in-info-imm {
        margin: 25px 0;
    }

    .box-info-regis .txt-detail-L,
    .box-info-regis .txt-detail-R {
        font-size: 16px;
        line-height: 21px;
    }

    .btn.btn-edit-regis {
        padding: 10px 5px;
        max-width: 165px;
        font-size: 15px;
        line-height: 22px;
    }

    .btn.btn-edit-regis i {
        width: 20px;
    }

    .btn.btn-modal-close {
        max-width: 100%;
    }

    .txt-sub-head-imm {
        font-size: 16px;
        line-height: 25px;
    }

    .btn.btn-search-imm {
        font-size: 17px;
        line-height: 25px;
        max-width: 100%;
        padding: 10px 5px;
    }

    .box-table-detail-history {
        margin-top: 10px;
    }

    .box-history-company .txt-head {
        font-size: 28px;
        line-height: 32px;
    }

    .box-history-company .box-detail {
        font-size: 14px;
        padding: 20px 10px;
    }

    .box-history-company .box-detail span {
        font-size: 14px;
    }

    hr.hr-in-contact-page {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .txt-imply {
        font-size: 16px;
        line-height: 30px;
    }

    .d-flex-box-and-img {
        margin-bottom: 40px;
    }

    .top-footer {
        padding: 30px 15px 40px;
    }

    .top-footer .box-txt {
        gap: 8px;
    }

    .top-footer .box-link {
        gap: 15px;
    }

    .top-footer .box-txt .txt-head {
        font-size: 25px;
        line-height: 32px;
    }

    .top-footer .box-txt .txt-detail {
        font-size: 14px;
        line-height: 21px;
    }

    .top-footer .box-link a {
        height: 50px;
    }

    .btn.btn-send-call-back {
        max-width: 100%;
    }

    .box-invite-to-line {
        font-size: 15px;
        line-height: 27px;
    }

    .box-invite-to-line div.txt-big {
        font-size: 18px;
    }

    .box-submit-info-regis.for-success {
        flex-direction: column;
    }

    .box-submit-info-regis.for-success .btn {
        margin: 10px 0;
        height: 50px;
    }

    .box-submit-info-regis .btn.btn-for-line {
        max-width: 100%;
        font-size: 17px;
        line-height: 25px;
    }

    .box-manual-step .txt-manual .box-btn-twin {
        margin-top: 10px;
        margin-left: 0;
        display: flex;
    }

    .nav-pills.nav-manual-custom .nav-link {
        font-size: 15px;
        letter-spacing: 0.075px;
    }

    .nav-pills.nav-manual-custom .nav-link.active,
    .nav-pills.nav-manual-custom .show>.nav-link {
        font-weight: 400;
    }

    .margin-nav-tab {
        margin: 30px 0;
    }

    .btn.btn-link-claim {
        padding: 12px 5px;
        max-width: 100%;
        font-size: 17px;
        line-height: 25px;
    }

    .box-step-img {
        padding: 18px;
    }

    .box-step-img .box-circle-number-step {
        width: 36px;
        height: 36px;
        bottom: 8px;
        left: 8px;
    }

    .nav.nav-custom-imm {
        height: 50px;
        margin: 0 auto 20px;
    }

    .nav.nav-custom-imm .nav-item {
        font-size: 16px;
        letter-spacing: 0.08px;
    }

    .table.table-protect tbody tr td {
        padding: 20px 10px;
    }

    .table.table-protect tbody tr td:nth-child(1) {
        font-size: 14px;
    }

    .table.table-protect tbody tr td:nth-child(2) {
        font-size: 24px;
    }

    .table.table-protect tbody tr td:nth-child(2) span {
        font-size: 16px;
    }

    .table.table-protect tbody tr td div.f-detail {
        font-size: 13px;
    }

    .table.table-protect tbody tr th,
    .table.table-protect tbody tr td {
        height: 110px;
    }

    .cardInsHome {
        width: 145px;
        padding: 20px 5px;
    }

    .cardInsHome img {
        width: 50px;
        max-width: 50px;
        height: 50px;
    }

    .cardInsHome .txt-name-ins {
        font-size: 14px;
        letter-spacing: -0.21px;
    }

    .cardInsHome a.to-purchase {
        font-size: 14px;
        border-radius: 30px;
        width: 85px;
        margin: auto;
    }

    .box-txt-banner .txt-banner-ins {
        font-size: 16px;
        letter-spacing: -0.24px;
        gap: 30px;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .txt-banner-ins .box-name-ins {
        gap: 10px;
    }

    .txt-banner-ins .box-name-ins img {
        width: 60px;
        border-radius: 40px;
    }

    .box-txt-banner .btn-main-linear-gradient#btn_imm_single_landing {
        padding: 12.5px 5px;
    }

    .setHeadMargin {
        margin-top: 130px;
    }
}

@media (max-width: 424px) {
    .hide-for-424 {
        display: none;
    }

    .box-contact-us .box-txt .txt-sub {
        word-break: break-word;
    }

    .top-footer .box-txt .txt-detail br {
        display: none;
    }

    .box-invite-to-line {
        line-height: 27px;
    }

    .box-invite-to-line span {
        line-height: 26px;
    }

    .box-invite-to-line br {
        display: block;
    }

    .txt-manual {
        z-index: 1;
    }

    .img-recommend-qr {
        margin-right: 20px;
        max-width: 285px;
        margin-top: -35px;
    }

    .cardWhyUs {
        max-width: 135px;
    }

    .box-contact-us .box-txt .box-btn-line {
        flex-wrap: wrap;
        gap: 10px;
    }

    .box-contact-us .btn-for-line,
    .box-info-regis.for-qr .btn-for-line,
    .box-contact-us .btn-for-line-oc {
        max-width: 100%;
    }
}

@media (max-width: 374px) {
    .txt-head-question label {
        font-size: 14px !important;
    }

    .border-dot {
        padding-bottom: 5px !important;
    }

    .box-txt-answer {
        padding-top: 10px !important;
        font-size: 13px !important;
    }

    .modal .txt-sub-model {
        font-size: 14.5px;
    }

    .box-manual-step .txt-manual .box-btn-twin {
        flex-direction: column;
    }

    .box-manual-step .txt-manual .box-btn-twin .btn {
        margin: 5px 0;
    }
    .box-txt-banner .txt-banner-center {
        font-size: 30px;
    }
    .box-txt-banner .txt-banner-bottom {
        font-size: 14px;
        line-height: 25px;
        max-width: 290px;
    }
    .box-txt-banner .txt-banner-ins {
        gap: 10px;
    }

}

.box-comment-user {
    display: flex;
    padding: 30px;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%) border-box;
    user-select: none;
}

.box-comment-user .user {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.box-comment-user .user .img-user {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #FFFFFF;
}

.box-comment-user .comment {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.box-comment-user .comment .top {
    color: #7E7E7E;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    max-width: 300px;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-comment-user .comment .bottom {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--main_linear_gradient01);
}

@media (max-width: 991px) {
    .box-comment-user .comment .top {
        font-size: 18px;
        height: 54px;
    }
}

@media (max-width: 575px) {
    .box-comment-user .user .img-user {
        width: 30px;
        height: 30px;
    }

    .box-comment-user .user {
        font-size: 16px;
    }

    .box-comment-user .comment .top {
        font-size: 14px;
        height: 42px;
    }

    .box-comment-user .comment .bottom {
        font-size: 14px;
    }
}

.box-count-ins {
    padding: 40px 0;
    background: rgba(255, 255, 255, 0.57);
}

.box-count-ins .box-text-and-count {
    display: flex;
    align-items: center;
    gap: 30px;
}

.box-text-and-count .box-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 410px;
    max-width: 410px;
}

.box-text-and-count .box-text .top {
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
}

.box-text-and-count .box-text .bottom {
    color: #7E7E7E;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}

.box-text-and-count .box-text .bottom .highlight {
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

.box-count-ins .box-text-and-count .box-count {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.box-text-and-count .box-count .detail {
    padding: 0 10px;
    text-align: center;
    width: 50%;
}

.box-text-and-count .box-count .detail.add-line {
    border-left: 4px solid;
    border-image: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%) 1
}

.box-text-and-count .box-count .detail .top {
    color: #7E7E7E;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.box-text-and-count .box-count .detail .bottom {
    color: var(--main_imm);
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 149.351%;
}

.box-text-and-count .box-count .detail .bottom .unit {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

@media (max-width: 1199px) {
    .box-text-and-count .box-text {
        min-width: 310px;
        max-width: 310px;
    }

    .box-text-and-count .box-text .top {
        font-size: 30px;
    }

    .box-text-and-count .box-text .bottom {
        font-size: 18px;
    }

    .box-text-and-count .box-count .detail .bottom {
        font-size: 45px;
    }
}

@media (max-width: 991px) {
    .box-count-ins .box-text-and-count {
        flex-direction: column;
    }

    .box-text-and-count .box-text {
        text-align: center;
        min-width: 410px;
        max-width: 410px;
    }

    .box-text-and-count .box-text .top {
        font-size: 40px;
    }

    .box-text-and-count .box-text .bottom {
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    .box-count-ins {
        margin: 0 15px;
        padding: 20px 0;
        border-radius: 10px;
    }

    .box-count-ins .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .box-count-ins .box-text-and-count {
        gap: 15px;
    }

    .box-text-and-count .box-text {
        gap: 0px;
        min-width: 235px;
        max-width: 235px;
    }

    .box-text-and-count .box-text .top {
        font-size: 20px;
    }

    .box-text-and-count .box-text .bottom {
        font-size: 14px;
        line-height: normal;
    }

    .box-text-and-count .box-text .bottom .highlight {
        font-size: 20px;
        line-height: normal;
    }

    .box-text-and-count .box-count .detail.add-line {
        border-left: 2px solid;
    }

    .box-text-and-count .box-count .detail .top {
        font-size: 14px;
        white-space: nowrap;
    }

    .box-count-ins .box-text-and-count .box-count {
        gap: 0px;
    }

    .box-text-and-count .box-count .detail .bottom {
        font-size: 22px;
        line-height: 149.351%;
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .box-text-and-count .box-count .detail .bottom .unit {
        font-size: 16px;
        line-height: 10px;
    }

}

.box-form-info {
    display: flex;
    padding: 50px 60px;
    align-items: center;
    gap: 30px;
    border-radius: 20px;
    background: #FFF;
}

.box-form-info .box-form-qr {
    text-align: center;
    width: 100%;
    min-width: 250px;
    max-width: 320px;
}

.box-form-info .box-form-qr .img-qr-in-form {
    width: 100%;
    max-width: 200px;
}

.box-form-info .box-form-qr .box-text {
    color: #7E7E7E;
    font-size: 25px;
    font-weight: 400;
    line-height: normal;
}

.box-form-info .box-form-connect {
    padding: 30px 50px 40px;
    border-radius: 8px;
    border: 1px solid var(--main_linear_gradient01);
    width: calc(100% - 330px);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.box-form-info .box-form-connect .top {
    color: #7E7E7E;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #F1F1F1;
}

.box-form-info .box-form-connect .top .w-text {
    width: 100%;
    max-width: 362px;
    margin: auto;
}

.box-form-info .form-label.custom-regis-imm {
    color: #000;
}

.btn-main-linear-gradient.for-form-info {
    width: 100%;
    max-width: 298px;
    height: 70px;
    font-size: 20px;
    font-weight: 500;
    line-height: 29.9px;
}

.form-border-gradient {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%) border-box;
}

@media (max-width: 1199px) {
    .box-form-info .box-form-qr {
        max-width: 250px;
    }

    .box-form-info .box-form-connect {
        width: calc(100% - 280px);
    }
}

@media (max-width: 991px) {
    .box-form-info {
        padding: 30px 40px;
    }

    .box-form-info .box-form-qr {
        min-width: 170px;
        max-width: 170px;
    }

    .box-form-info .box-form-qr .box-text {
        font-size: 18px;
    }

    .box-form-info .box-form-connect {
        width: calc(100% - 200px);
        padding: 30px 35px 40px;
    }

    .box-form-info .box-form-connect .top {
        font-size: 20px;
    }

    .btn-main-linear-gradient.for-form-info {
        max-width: 250px;
        height: 60px;
    }
}

@media (max-width: 767px) {
    .box-form-info {
        flex-direction: column-reverse;
    }

    .box-form-info .box-form-connect {
        width: 100%;
    }

    .box-form-info .box-form-qr {
        max-width: 100%;
        min-width: auto;
    }

    .box-form-info .box-form-qr .img-qr-in-form {
        max-width: 298px;
    }

    .box-form-info .box-form-qr .box-text {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .box-form-info {
        padding: 30px 20px;
    }

    .box-form-info .box-form-connect {
        padding: 30px 15px 40px;
    }

    .box-form-info .box-form-connect .top {
        font-size: 15px;
    }

    .box-form-info .box-form-connect .top .w-text {
        max-width: 250px;
    }

    .box-form-info .form-label.custom-regis-imm {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .box-form-info .custom-radio.custom-imm-regis .custom-control-label {
        font-size: 14px;
        line-height: 24px;
    }

    .btn-main-linear-gradient.for-form-info {
        max-width: 100%;
        height: 50px;
    }
}

.bg-ab-plan {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    width: 32%;
}

@media (max-width: 991px) {
    .bg-ab-plan {
        display: none;
    }
}


.dot-require {
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dot-require::before {
    content: '*';
}

.btn.btn-collapse-option {
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #FFBC8F;
    background-color: #FFFFFF;
    width: 40px;
    height: 40px;
}

i.svg-collapse-option {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H12C12 4.53043 12.2107 5.03914 12.5858 5.41421C12.9609 5.78929 13.4696 6 14 6H16C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4H19C19.2652 4 19.5196 3.89464 19.7071 3.70711C19.8946 3.51957 20 3.26522 20 3C20 2.73478 19.8946 2.48043 19.7071 2.29289C19.5196 2.10536 19.2652 2 19 2H18C18 1.46957 17.7893 0.960859 17.4142 0.585786C17.0391 0.210714 16.5304 0 16 0H14C13.4696 0 12.9609 0.210714 12.5858 0.585786C12.2107 0.960859 12 1.46957 12 2H1C0.734784 2 0.48043 2.10536 0.292893 2.29289C0.105357 2.48043 0 2.73478 0 3C0 3.26522 0.105357 3.51957 0.292893 3.70711C0.48043 3.89464 0.734784 4 1 4ZM14 2H16V3V4H14V2ZM19 9H10C10 8.46957 9.78929 7.96086 9.41421 7.58579C9.03914 7.21071 8.53043 7 8 7H6C5.46957 7 4.96086 7.21071 4.58579 7.58579C4.21071 7.96086 4 8.46957 4 9H1C0.734784 9 0.48043 9.10536 0.292893 9.29289C0.105357 9.48043 0 9.73478 0 10C0 10.2652 0.105357 10.5196 0.292893 10.7071C0.48043 10.8946 0.734784 11 1 11H4C4 11.5304 4.21071 12.0391 4.58579 12.4142C4.96086 12.7893 5.46957 13 6 13H8C8.53043 13 9.03914 12.7893 9.41421 12.4142C9.78929 12.0391 10 11.5304 10 11H19C19.2652 11 19.5196 10.8946 19.7071 10.7071C19.8946 10.5196 20 10.2652 20 10C20 9.73478 19.8946 9.48043 19.7071 9.29289C19.5196 9.10536 19.2652 9 19 9ZM6 11V9H8V10V11H6ZM19 16H16C16 15.4696 15.7893 14.9609 15.4142 14.5858C15.0391 14.2107 14.5304 14 14 14H12C11.4696 14 10.9609 14.2107 10.5858 14.5858C10.2107 14.9609 10 15.4696 10 16H1C0.734784 16 0.48043 16.1054 0.292893 16.2929C0.105357 16.4804 0 16.7348 0 17C0 17.2652 0.105357 17.5196 0.292893 17.7071C0.48043 17.8946 0.734784 18 1 18H10C10 18.5304 10.2107 19.0391 10.5858 19.4142C10.9609 19.7893 11.4696 20 12 20H14C14.5304 20 15.0391 19.7893 15.4142 19.4142C15.7893 19.0391 16 18.5304 16 18H19C19.2652 18 19.5196 17.8946 19.7071 17.7071C19.8946 17.5196 20 17.2652 20 17C20 16.7348 19.8946 16.4804 19.7071 16.2929C19.5196 16.1054 19.2652 16 19 16ZM12 18V16H14V17V18H12Z' fill='%23F94F2A'/%3E%3C/svg%3E%0A");
}

.btn-collapse-option[aria-expanded="true"] i.svg-collapse-option {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_163_1722)'%3E%3Cpath d='M1.03431 20C0.770857 20 0.507408 19.8998 0.307247 19.6982C-0.0945827 19.2963 -0.0945827 18.6449 0.307247 18.2431L18.2489 0.301372C18.6508 -0.100457 19.3022 -0.100457 19.7041 0.301372C20.1059 0.703201 20.1059 1.35467 19.7041 1.75675L1.76262 19.6982C1.56095 19.8986 1.29751 20 1.03431 20Z' fill='%23F94F2A'/%3E%3Cpath d='M18.9772 20C18.7138 20 18.4506 19.8998 18.2502 19.6982L0.307247 1.75675C-0.0945827 1.35467 -0.0945827 0.703201 0.307247 0.301372C0.709076 -0.100457 1.36054 -0.100457 1.76262 0.301372L19.7041 18.2431C20.1059 18.6449 20.1059 19.2963 19.7041 19.6982C19.5024 19.8986 19.2392 20 18.9772 20Z' fill='%23F94F2A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_163_1722'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.collapse.custom-show-option {
    width: 75%;
    margin-left: auto;
}

@media (min-width: 991px) {
    .collapse.custom-show-option:not(.show) {
        display: block;
    }
}

@media (max-width: 991px) {
    .collapse.custom-show-option {
        width: 100%;
    }
}

.select2-results__options {
    font-family: "sarabun";
    font-size: 16px;
}

.f-Kanit .select2-results__options {
    font-family: "kanit" !important;
    font-size: 18px;
}

.custom_paging {
    margin-top: 20px;
}

div.dataTables_wrapper .custom_paging div.dataTables_paginate ul.pagination {
    justify-content: center;
    gap: 10px;
}

.custom_paging .page-link {
    color: #7E7E7E;
    background-color: transparent;
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_paging .page-item.active .page-link {
    background-color: var(--main_imm);
    border-color: var(--main_imm);
}

.custom_paging .page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
}

.custom_paging .page-item.first .page-link,
.custom_paging .page-item.last .page-link,
.custom_paging .page-item.previous .page-link,
.custom_paging .page-item.next .page-link {
    color: #000000 !important;
    font-weight: 300 !important;
    font-size: 22px !important;
}

.custom_paging .page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.custom_paging .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

i.arrow-previous-paging {
    content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13L1.5 7L7.5 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

i.arrow-next-paging {
    content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 13L7.5 7L1.5 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

i.arrow-first-paging {
    content: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11L1.5 6L6.5 1M13.5 11L8.5 6L13.5 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

i.arrow-last-paging {
    content: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 11L13.5 6L8.5 1M1.5 11L6.5 6L1.5 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/*  */



/* new 20/11/2024 */

#modalCabinetResolution button.close {
    opacity: 1;
}
#modalCabinetResolution i.svg-cancel-og {
    filter: brightness(0);
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.939424 0.940354C1.22072 0.659148 1.60218 0.501175 1.99992 0.501175C2.39767 0.501175 2.77913 0.659148 3.06042 0.940354L10.9999 8.87985L18.9394 0.940354C19.0778 0.797089 19.2433 0.682816 19.4263 0.604202C19.6093 0.525589 19.8062 0.484209 20.0053 0.482479C20.2045 0.480748 20.402 0.5187 20.5864 0.594121C20.7707 0.669543 20.9382 0.780922 21.079 0.921761C21.2199 1.0626 21.3312 1.23008 21.4067 1.41442C21.4821 1.59877 21.52 1.79629 21.5183 1.99546C21.5166 2.19463 21.4752 2.39145 21.3966 2.57446C21.318 2.75747 21.2037 2.92298 21.0604 3.06135L13.1209 11.0009L21.0604 18.9404C21.3337 19.2233 21.4849 19.6022 21.4814 19.9955C21.478 20.3888 21.3203 20.765 21.0422 21.0431C20.764 21.3212 20.3878 21.4789 19.9945 21.4824C19.6012 21.4858 19.2223 21.3346 18.9394 21.0614L10.9999 13.1219L3.06042 21.0614C2.77752 21.3346 2.39862 21.4858 2.00532 21.4824C1.61203 21.4789 1.23581 21.3212 0.957696 21.0431C0.679584 20.765 0.52183 20.3888 0.518412 19.9955C0.514995 19.6022 0.666187 19.2233 0.939424 18.9404L8.87892 11.0009L0.939424 3.06135C0.658217 2.78006 0.500244 2.3986 0.500244 2.00085C0.500244 1.60311 0.658217 1.22165 0.939424 0.940354Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 20px;
}
#modalCabinetResolution .modal-content{
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    border: 0;
    
}
#modalCabinetResolution .modal-header{
    padding: 28px 38px 0;
}

#modalCabinetResolution .modal-body {
    padding: 0 38px 48px;
}
#modalCabinetResolution .b-outside{
    padding: 20px;
    border-radius: 26px;
    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    max-width: 724px;
    margin: auto;
}
#modalCabinetResolution .b-inside{
    padding: 24px 5px 0;
    border-radius: 26px;
    background-color: rgba(255, 255, 255, 1);
    background-image: url("../img/CabinetResolution/bg-b-inside.png");
    background-repeat: no-repeat;
    background-position: bottom;
}
#modalCabinetResolution .title{
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    color: var(--main_imm);
    margin: 8px 0 4px; 
}
#modalCabinetResolution .sub-title{
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: #000000;
    margin: 0 0 16px; 
}
#modalCabinetResolution .detail{
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: #7E7E7E;
    margin: 0 0 20px; 
}
#modalCabinetResolution .detail > span{
    font-weight: 500;
}
.btn-buy-type-CabinetResolution {
    background: #D8F2EF;
    box-shadow: 0px 7px 19px rgba(90, 90, 90, 0.3);
    border-radius: 30px;
    padding: 12px 5px;
    color: #000;
    font-weight: 500;
}

#modalCabinetResolution .btn-buy-type-CabinetResolution{
    width: 100%;
    max-width: 329px;
    margin-bottom: 20px;
    font-size: 20px;
}

#modalCabinetResolution .img-human{
    margin-top: 20px;
}

#modalCabinetResolution .img-absolute-outside{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    max-width: 318px;
}

#modalCabinetResolution .flex-buy{
    display: flex;
    gap: 32px;
    width: 100%;
    justify-content: space-around;
    max-width: 472px; 
    margin: auto;
}
#modalCabinetResolution a.btn-buy-in-modal{
    width: 100%;
    max-width: 220px;
    padding: 24px 3px;
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 10px;
    border-radius: 24px;
    transition: all 0.3s ease-out;
}
#modalCabinetResolution a.btn-buy-in-modal:hover{
    border-color: var(--main_linear_gradient01);
    box-shadow: 0px 7px 19px 0px #F94F2A4D;
}
#modalCabinetResolution a.btn-buy-in-modal img{
    width: 60px;
}
#modalCabinetResolution a.btn-buy-in-modal .txt-name{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #373737;
}
#modalCabinetResolution a.btn-buy-in-modal .box-buy{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    background-color: #D8F2EF;
    border: 0;
    border-radius: 30px;
    color: #000000;
    width: 100%;
    max-width: 163px;
    padding: 8px 3px;
}

@media (min-width: 992px) {
    #modalCabinetResolution .modal-lg {
        max-width: 912px;
    }
}
@media (max-width: 991px) {
    #modalCabinetResolution .modal-header {
        padding: 16px 16px 0;
    }
    #modalCabinetResolution i.svg-cancel-og{
        width: 17.52px;
    }
    #modalCabinetResolution .modal-body {
        padding: 0 20px 24px;
    }
    #modalCabinetResolution .b-outside {
        padding: 8px;
    }
    #modalCabinetResolution .b-inside {
        padding: 20px 5px 0;
    }
    #modalCabinetResolution .logo {
        width: 66px;
    }
    #modalCabinetResolution .title {
        font-size: 28px;
        line-height: 36px;
        margin: 8px 0 0;
    }
    #modalCabinetResolution .sub-title{
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 8px; 
    }
    #modalCabinetResolution .detail{
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 20px; 
    }
    #modalCabinetResolution .btn-buy-type-CabinetResolution{
        max-width: 278px;
    }
    #modalCabinetResolution .img-human{
        margin-top: 0;
        width: 80%;
        max-width: 253px;
    }
    #modalCabinetResolution .img-absolute-outside{
        display: none;
    }   
}
@media (max-width: 374px) {

    #modalCabinetResolution .modal-body {
        padding: 0 10px 24px;
    }
    #modalCabinetResolution .title {
        font-size: 26px;
    }
    #modalCabinetResolution .sub-title{
        font-size: 18px;
    }
    #modalCabinetResolution .detail{
        font-size: 16px;
    }
    #modalCabinetResolution .btn-buy-type-CabinetResolution{
        max-width: 220px;
    }
}


#ToCabinetResolution{
    padding: 12px 0 0;
}
.box-benefits-imm.type-CabinetResolution{
    padding: 0 10px;
    border-radius: 24px;
    /* margin-top: 70px; */
    margin-bottom: 0px;
    background-color: #1C3F93;
}
.box-benefits-imm.type-CabinetResolution .b-detail{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
}
.box-benefits-imm.type-CabinetResolution .img-human{
    width: 100%;
    max-width: 253px;
    margin-top: -57px;
}
.box-benefits-imm.type-CabinetResolution .img-megaphone{
    width: 100%;
    max-width: 131px;
}
.box-benefits-imm.type-CabinetResolution .logo{
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    width: 64px;
}

.box-benefits-imm.type-CabinetResolution .b-buy{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    padding: 28.5px 0;
}
.box-benefits-imm.type-CabinetResolution .b-name{
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 20px;
}
.box-benefits-imm.type-CabinetResolution .b-txt .head{
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #FFFFFF;
}
.box-benefits-imm.type-CabinetResolution .b-txt .center{
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: var(--main_imm);
}
.box-benefits-imm.type-CabinetResolution .b-txt .footer{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #FFFFFF;
}

.box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution{
    width: 100%;
    max-width: 223px;
    font-size: 20px;
}

/** TMSTH **/
.box-benefits-imm.type-CabinetResolution.type-TMSTH{
    background-color: #B5DCF6;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .b-detail{
    gap: 0px;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .logo{
    border: 1px solid transparent;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .img-human{
    max-width: 291px;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .b-buy{
    justify-content: normal;
    gap: 70px;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .b-txt .head{
    color: #000000;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .b-txt .center{
    color: var(--main_imm);
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .b-txt .footer{
    color: #000000;
}
.box-benefits-imm.type-CabinetResolution.type-TMSTH .btn-buy-type-CabinetResolution{
    background: linear-gradient(180deg, var(--main_linear_gradient01) 0%, var(--main_linear_gradient02) 100%);
    border: 1px solid #B5DCF6;
    color: #FFFFFF;
}
#slide_cabinet_home .owl-stage{
    padding-top: 57px;
}

@media (max-width: 1699px) {
    /* .box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution {
        max-width: 175px;
    } */
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .b-buy{
        gap: 16px;
    }
}
@media (max-width: 1199px) {
    .box-benefits-imm.type-CabinetResolution {
        padding: 0 10px 0 16px;
    }
    .box-benefits-imm.type-CabinetResolution .b-buy {
        padding: 12.5px 0;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .img-human{
        max-width: 253px;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .footer {
        width: 100%;
        max-width: 223px;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .b-txt .footer {
        max-width: 263px;
    }
    .box-benefits-imm.type-CabinetResolution .img-megaphone{
        display: none;
    }
}
@media (max-width: 991px) {
    .box-benefits-imm.type-CabinetResolution {
        padding: 0 0 0 16px;
        overflow: hidden;
    }
    .box-benefits-imm.type-CabinetResolution .b-buy {
        flex-direction: column;
        align-items: normal;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .b-buy{
        gap: 10px;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .footer {
        width: 100%;
        max-width: none;
        /* height: 64px; */
    }
    .box-benefits-imm.type-CabinetResolution .img-human {
        max-width: 145px;
        margin-top: 0;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .img-human {
        max-width: 145px;
        margin-right: -90px;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .b-txt .footer {
        max-width: none;
    }
    .box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution {
        margin-left: 15%;
    }
    #modalCabinetResolution .flex-buy{
        gap: 20px;
        max-width: 310px; 
    }
    #modalCabinetResolution a.btn-buy-in-modal{
        padding: 20px 10px;
    }
    #modalCabinetResolution a.btn-buy-in-modal .txt-name{
        height: 48px;
    }
}
@media (max-width: 767px) {
    .box-benefits-imm.type-CabinetResolution .b-name {
        gap: 16px;
    }
    .box-benefits-imm.type-CabinetResolution .logo {
        width: 55px;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .head {
        font-size: 28px;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .footer {
        line-height: 28px;
    }
    .box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution {
        margin-left: 18%;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .img-human {
        margin-right: -65px;
    }
}
@media (max-width: 575px) {
    .box-benefits-imm.type-CabinetResolution .b-detail {
        gap: 2px;
    }
    .box-benefits-imm.type-CabinetResolution .logo {
        width: 50px;
    }
    .box-benefits-imm.type-CabinetResolution .b-buy {
        padding: 16px 0;
    }
    .box-benefits-imm.type-CabinetResolution .img-human {
        max-width: 135px;
        margin-left: -5%;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .img-human {
        max-width: 135px;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .head {
        font-size: 22px;
        line-height: 22px;
        white-space: nowrap;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .center {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .box-benefits-imm.type-CabinetResolution .b-txt .footer {
        font-size: 16px;
        line-height: 24px;
        max-width: 198px;
    }
    .box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution {
        max-width: 144px;
        font-size: 16px;
        padding: 7px 5px;
    }
    .box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution {
        margin-left: 20%;
    }
    #modalCabinetResolution .flex-buy{
        gap: 16px;
        max-width: 303px; 
    }
    #modalCabinetResolution a.btn-buy-in-modal .box-buy{
        font-size: 14px;
        line-height: 20.93px;
    }
}

@media (max-width: 424px) {
    .box-benefits-imm.type-CabinetResolution .img-human {
        display: none;
    }
    .box-benefits-imm.type-CabinetResolution .btn-buy-type-CabinetResolution {
        margin-left: 18%;
    }
    #modalCabinetResolution .flex-buy{
        gap: 10px;
    }
    #modalCabinetResolution a.btn-buy-in-modal{
        padding: 20px 4px;
    }
    #modalCabinetResolution a.btn-buy-in-modal .txt-name{
        font-size: 14px;
    }
    
}

@media (max-width: 374px) {
    .box-benefits-imm.type-CabinetResolution .b-txt .footer {
        padding-right: 12px;
        height: 72px;
    }
    .box-benefits-imm.type-CabinetResolution.type-TMSTH .b-txt .footer{
        max-width: 216px;
    }
}


/* 2025 */
.box-notice-warranty{
    padding: 16px 36px;
    background-image: url("../img/home/bg-warranty.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    border: 1px solid #D8F2EF;
    margin-bottom: 30px;
}
.box-notice-warranty .title{
    font-size: 20px;
    font-weight: 400;
    line-height: 29.9px;
    letter-spacing: -0.015em;
    color: #000000;
}
.box-notice-warranty .detail{
    font-family: 'sarabun';
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #7E7E7E;
}
.box-notice-warranty hr{
    margin-top: 16px;
    margin-bottom: 12px;
    border-top: 1px solid var(--main_imm);
}
.box-notice-warranty .title-list{
    font-size: 15px;
    font-weight: 400;
    line-height: 22.43px;
    color: var(--main_imm);
    margin-bottom: 12px;
}
.box-notice-warranty ul {
    padding-inline-start: 16px;
    margin-bottom: 0;
}
.box-notice-warranty ul li {
    font-family: 'sarabun';
    font-size: 14px;
    font-weight: 400;
    line-height: 25px; 
    color: #7e7e7e;   
    list-style: none;
    width: 100%;
    max-width: 410px;
}
.box-notice-warranty ul li::before {
    content: "•";
    color: #7e7e7e;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
@media (max-width: 767px) {
    .box-notice-warranty{
        background-image: url("../img/home/bg-warranty-md.png");
    }
    .box-notice-warranty .detail{
        width: 100%;
        max-width: 390px;
        margin: auto;
    }
}
@media (max-width: 500px) {
    .box-notice-warranty{
        padding: 20px 16px;
        margin-bottom: 40px;
    }
    .box-notice-warranty .title{
        font-size: 16px;
        line-height: 24px;
    }
    .box-notice-warranty .detail{
        font-size: 13px;
        line-height: 22px;
        max-width: 362px;
    }
    .box-notice-warranty .title-list{
        font-size: 14px;
        line-height: 22px;
        color: var(--main_imm);
        margin-bottom: 0;
    }
    .box-notice-warranty ul li {
        font-size: 14px;
        line-height: 22px; 
        max-width: 410px;
    }
}