/* use all future*/
:root {
    --primary-color: #3958D4;
    --secondary-color: #F6DE4F;
    --text-color-title: #2D303C;
    --text-color-normal: #52576A;
    --text-color-sub: #666B80;
}

.txt-h2 {
    font-size: 32px;
    line-height: 40px;
}

.txt-h3 {
    font-size: 24px;
    line-height: 32px;
}

.txt-h4 {
    font-size: 20px;
    line-height: 28px;
}

.txt-h5 {
    font-size: 18px;
    line-height: 26px;
}

.opacity-0 {
    opacity: 0 !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.btn-anc-2025-primary{
    color: #FFFFFF;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    transition: all 0.3s ease;
}
.btn-anc-2025-primary:hover {
    color: #FFFFFF;
    opacity: 0.8;
}
.btn-outline-anc-2025-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: #FFFFFF;
    transition: all 0.3s ease;
}
.btn-outline-anc-2025-primary:hover {
    color: var(--primary-color);
    opacity: 0.8;
}
.btn-anc-2025-secondary {
    color: var(--text-color-title);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    transition: all 0.3s ease;
}
.btn-anc-2025-secondary:hover {
    color: var(--text-color-title);
    opacity: 0.8;
}
.btn-anc-2025-disabled, .btn-anc-2025-disabled:hover {
    color: #A7ADC4;
    background-color: #BEC4DB;
    border-color: #BEC4DB;
    cursor: not-allowed;
    opacity: 1;
}

.modal.new-anc-2025.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}
.modal.new-anc-2025.fade.show .modal-dialog {
    opacity: 1;
}

.modal.new-anc-2025 .png-close {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_20718_11787)'%3E%3Cpath d='M1.24193 24.0001C0.925792 24.0001 0.609653 23.8798 0.369459 23.6378C-0.112736 23.1556 -0.112736 22.3739 0.369459 21.8917L21.8995 0.361646C22.3817 -0.120549 23.1634 -0.120549 23.6456 0.361646C24.1278 0.843842 24.1278 1.6256 23.6456 2.1081L2.11591 23.6378C1.87391 23.8783 1.55777 24.0001 1.24193 24.0001Z' fill='%233958D4'/%3E%3Cpath d='M22.7735 24.0001C22.4573 24.0001 22.1415 23.8798 21.901 23.6378L0.369459 2.1081C-0.112736 1.6256 -0.112736 0.843842 0.369459 0.361646C0.851654 -0.120549 1.63341 -0.120549 2.11591 0.361646L23.6456 21.8917C24.1278 22.3739 24.1278 23.1556 23.6456 23.6378C23.4036 23.8783 23.0878 24.0001 22.7735 24.0001Z' fill='%233958D4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_20718_11787'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.modal.new-anc-2025 .modal-content {
    border-radius: 24px;
}

.modal.new-anc-2025 .modal-header {
    border-bottom: none;
    padding: 24px 28px;
    z-index: 1;
}

.modal.new-anc-2025 .modal-body {
    padding: 0 40px;
}

.modal.new-anc-2025 .modal-footer {
    border-top: 0;
    padding: 20px 40px;
}

.modal.new-anc-2025 .txt-h3.head-title{
    text-align: center;
    font-weight: 500;
    color: var(--text-color-title);
    margin-top: -18px;
    margin-bottom: 16px;
}
.modal.new-anc-2025 .txt-h5.sub-head-title{
    text-align: center;
    font-weight: 500;
    color: var(--text-color-title);
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .modal.new-anc-2025 .modal-lg {
        max-width: 860px;
    }
}
@media (max-width: 575px) {
    .modal.new-anc-2025 .modal-header { 
        padding: 12px 16px;
    }
    .modal.new-anc-2025 .modal-body{
        padding: 0 16px;
    }
    .modal.new-anc-2025 .modal-footer {
        padding: 16px 40px;
    }
    .modal.new-anc-2025 .txt-h3.head-title{
        font-size: 22px;
        line-height: 30px;
        margin-top: -5px;
        margin-bottom: 16px;
    }
}

.custom-radio-type-check {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0;
}

.custom-radio-type-check input[type="radio"] {
    display: none; /* ซ่อน radio ปกติ */
}

.custom-radio-type-check span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='14' height='14' rx='3' fill='white'/%3E%3Crect x='2.5' y='2.5' width='13' height='13' rx='2.5' stroke='%23BEC4DB'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.2s ease;
}

/* เมื่อเลือกแล้ว */
.custom-radio-type-check input[type="radio"]:checked + span {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='14' height='14' rx='3' fill='white'/%3E%3Crect x='2.5' y='2.5' width='13' height='13' rx='2.5' stroke='%23BEC4DB'/%3E%3Cpath d='M18.0446 1.55434L9.1307 10.4678L6.27896 7.61645C5.94067 7.27838 5.39263 7.27838 5.05434 7.61645C4.71626 7.95474 4.71626 8.50278 5.05434 8.84107L8.51839 12.3051C8.68778 12.4745 8.90893 12.5588 9.1307 12.5588C9.35251 12.5588 9.57366 12.4745 9.74301 12.3051L19.2692 2.77894C19.6073 2.44065 19.6073 1.89262 19.2692 1.55434C18.9309 1.21626 18.3829 1.21626 18.0446 1.55434Z' fill='%233958D4'/%3E%3C/svg%3E%0A");
}



/* custom page */
#homepage_section {
    font-family: "Noto Sans Thai", sans-serif;
    color: var(--text-color-normal);
}

.compulsory-2025.bg-template{
    padding-top: 56px;
    padding-bottom: 56px;
}

.compulsory-2025 > .banner-checkbia-landing{
    background: linear-gradient(73.97deg, #FFFFFF 26.81%, #3958D4 162.15%);
    padding: 0;
    overflow: hidden;
}

@media (max-width: 1280px) {
    .compulsory-2025 > .banner-checkbia-landing {
        background-image: none !important;
        background: linear-gradient(73.97deg, #FFFFFF 26.81%, #3958D4 162.15%) !important;
    }
}

@media (max-width: 1200px) {
    .compulsory-2025 > .banner-checkbia-landing {
        height: 590px !important;
    }
}

@media (max-width: 991px) {
    .compulsory-2025 > .banner-checkbia-landing {
        height: auto !important;
        padding-bottom: 0 !important;
        min-height: auto !important;
    }
}

@media (max-width: 500px) {
    .compulsory-2025.bg-template{
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.compulsory-2025 > .banner-checkbia-landing .w-for-img-part {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    height: 100%;
    position: relative;
}

.w-for-img-part .box-txt-banner{
    width: 100%;
    max-width: 469px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    position: absolute;
    top: 98px;
    left: 99px;
    z-index: 2;
}

.w-for-img-part .box-txt-banner > .head-title{
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    color: var(--text-color-title);
}

.w-for-img-part .box-txt-banner > .txt-h3:not(.btn){
    color: var(--text-color-normal);
    font-weight: 500;
}

.w-for-img-part .box-txt-banner > .btn.txt-h3{
    width: 100%;
    max-width: 328px;
    padding: 15px 5px;
    margin-top: 16px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1200px) {
    .w-for-img-part .box-txt-banner{
        left: 20px;
    }
}

@media (max-width: 991px) {
    .w-for-img-part .box-txt-banner{
        position: static;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 500px) {
    .w-for-img-part .box-txt-banner {
        gap: 8px;
        max-width: 300px;
    }
    .w-for-img-part .box-txt-banner > .head-title {
        font-size: 30px;
        line-height: 38px;
    }
    .w-for-img-part .box-txt-banner > .txt-h3:not(.btn){
        font-size: 18px;
        line-height: 26px;
    }
    .w-for-img-part .box-txt-banner > .btn.txt-h3{
        font-size: 18px;
        line-height: 26px;
        padding: 11px 5px;
        max-width: 312px;
        margin-top: 8px;
    }
}

.w-for-img-part .img-abs-banner-part-1{
    position: absolute;
    bottom: -370px;
    left: -120px;
    z-index: 0;
}
.w-for-img-part .img-abs-banner-part-2{
    position: absolute;
    top: 32px;
    left: 8px;
    z-index: 0;
    width: 126px;
}
.w-for-img-part .img-abs-banner-part-3{
    position: absolute;
    top: 0;
    right: -170px;
    z-index: 0;
    width: 1124px;
}
.w-for-img-part .img-abs-banner-part-4{
    z-index: 1;
    position: absolute;
    top: 25px;
    right: 228px;
    width: 611px;
}

@media (max-width: 1200px) {
    .w-for-img-part .img-abs-banner-part-3{
        top: 99px;
        right: -171px;
        width: 830px;
    }
    .w-for-img-part .img-abs-banner-part-4{
        top: 65px;
        right: 25px;
        width: 531px;
    }
}
@media (max-width: 991px) {
    .w-for-img-part .img-abs-banner-part-2{
        top: -23px;
        left: -12px;
        width: 98px;
    }
}

.compulsory-2025 .box-checkbia-center {
    max-width: 920px;
    border-radius: 20px;
    box-shadow: 0px 6px 16px -4px #0000001A;
    z-index: 3;
}

.compulsory-2025 .box-in-checkbia-center {
    padding: 24px 40px;
}

.compulsory-2025 .box-in-checkbia-center .txt-h3{
    color: var(--text-color-title);
    font-weight: 500;
}

.compulsory-2025 .box-in-checkbia-center .new-box-fillter {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: -8px;
    margin-right: -8px;
    row-gap: 16px;
}

.compulsory-2025 .box-in-checkbia-center .new-box-fillter  [class*=col-]{
    padding-left: 8px;
    padding-right: 8px;
}

.compulsory-2025 .box-in-checkbia-center .btn-anc-2025-primary {
    font-weight: 400;
    max-width: 300px;
    width: 100%;
    padding: 12.61px 5px;
    border-radius: 12px;
}

@media (max-width: 500px) {
    .compulsory-2025 .box-in-checkbia-center {
        padding: 16px 24px;
    }
    .compulsory-2025 .box-in-checkbia-center .txt-h3{
        font-size: 22px;
        line-height: 30px;
    }
    .compulsory-2025 .box-in-checkbia-center .new-box-fillter{
        row-gap: 12px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .compulsory-2025 .box-in-checkbia-center .btn-anc-2025-primary {
        font-size: 14px;
        line-height: 22px;
        padding: 7.61px 5px;
        max-width: 100%;
    }
}

.compulsory-2025 .radio-container-car{
    --border-color-radio: #BEC4DB;
    --border-color-radio-active: var(--primary-color);
    --bg-color-radio-active: #EEF1FF;
    --txt-color-radio: var(--text-color-sub);
    --txt-color-radio-active: var(--primary-color);
    --txt-color-discount-coupon: #A7ADC4;
    --svg-color-radio: var(--text-color-normal);
    --svg-color-radio-active: var(--primary-color);
    margin-top: 0;
    margin-bottom: 0;
}

.compulsory-2025 .box-check-car {
    border-radius: 12px;
    padding: 12px 6px;
    border: 1px solid var(--border-color-radio);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.compulsory-2025 .box-check-car svg {
    color: var(--svg-color-radio);
}

.compulsory-2025 .radio-container-car input:checked~.box-check-car svg{
    color: var(--svg-color-radio-active);
}

.compulsory-2025 .box-txt-check-car {
    color: var(--txt-color-radio);
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.compulsory-2025 .radio-container-car input:checked~.box-check-car{
    border: 1px solid var(--border-color-radio-active);
    background-color: var(--bg-color-radio-active);
}

.compulsory-2025 .radio-container-car input:checked~.box-check-car .box-txt-check-car{
    color: var(--txt-color-radio-active);
}

.compulsory-2025 .box-price-car {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
}

.compulsory-2025 .box-price-car .txt-h4 {
    color: var(--txt-color-radio);
}

.compulsory-2025 .box-price-car .txt-h4 span {
    font-size: 16px;
}

.compulsory-2025 .radio-container-car input:checked~.box-check-car .txt-h4{
    color: var(--txt-color-radio-active);
}

.compulsory-2025 .box-price-car .txt-discount-coupon{
    font-size: 16px;
    line-height: 24px;
    color: var(--txt-color-discount-coupon);
    text-decoration: line-through;
    text-decoration-color: rgb(178 60 80 / 80%);
    text-decoration-thickness: 2px;
}

@media (max-width: 500px) {
    .compulsory-2025 .box-check-car{
        padding: 8px 6px;
        gap: 12px;
    }
    .compulsory-2025 .box-check-car svg {
        width: 46px;
        height: 46px;
    }
    .compulsory-2025 .box-txt-check-car {
        font-size: 14px;
        line-height: 22px;
    }
    .compulsory-2025 .box-price-car .txt-h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .compulsory-2025 .box-price-car .txt-h4 span {
        font-size: 14px;
    }
}

.compulsory-2025 .box-how-to {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.compulsory-2025 .box-how-to > .w-how-to {
    width: 100%;
    max-width: 573px;
}

.w-how-to .txt-h2 {
    font-weight: 500;
    color: var(--text-color-title);
}
.w-how-to .txt-h3 {
    font-weight: 500;
    color: var(--text-color-normal);
}
.w-how-to .img-how-to-main {
    margin-top: 24px;
    width: 100%;
    max-width: 483px;
}

.w-how-to .row {
    margin-left: -12px;
    margin-right: -12px;
    row-gap: 32px;
}

.w-how-to .row > [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
}

.w-how-to .box-step-how-to {
    display: flex;
    align-items: center;
    gap: 12px;
}

.w-how-to .box-step-how-to > .num-step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: var(--text-color-title);
}

.w-how-to .img-step-how-to {
    width: 100%;
    max-width: 96px;
    margin-top: 8px;

}
.w-how-to .txt-letter-spacing-fix {
    letter-spacing: -0.2px;
}

@media (max-width: 1200px) {
    .w-how-to .txt-h3 {
        font-size: 18px;
        line-height: 26px;
    }
}
@media (max-width: 991px) {
    .compulsory-2025 .box-how-to {
        flex-direction: column;
        gap: 16px;
    }
    .w-how-to .txt-h3{
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    .w-how-to .box-step-how-to {
        justify-content: center;
        gap: 8px;
    }
    .w-how-to .row {
        row-gap: 16px;
    }
    .w-how-to .img-step-how-to{
        max-width: 84px;
    }
    .w-how-to .txt-h2 {
        font-size: 30px;
        line-height: 38px;
        max-width: 228px;
        margin: auto;
    }
    .w-how-to .img-how-to-main{
        margin-top: 16px;
        max-width: 320px;
    }
}

.compulsory-2025 .box-compulsory-what {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.box-compulsory-what >.box-L{
    width: 100%;
    max-width: 672px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.box-compulsory-what >.box-L .txt-h2{
    font-weight: 500;
    color: var(--text-color-title);
}

.box-compulsory-what >.box-L .box-detail{
    background-color: #FFFCED;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 20px 24px;
    font-size: 18px;
    line-height: 26px;
    display: flex;
}

.box-compulsory-what >.box-L .box-detail > .img-abs-left,
.box-compulsory-what >.box-L .box-detail > .img-abs-right{
    background-image: 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='M24.32 25.4609C28 25.4609 31 22.4309 31 18.7109C31 16.1809 29.63 13.9109 27.46 12.7509C27.57 11.5709 28.06 9.06094 30.07 8.51094C30.55 8.38094 30.86 7.92094 30.8 7.43094C30.74 6.94094 30.34 6.56094 29.84 6.55094H29.69C28.71 6.55094 23.33 6.77094 19.85 11.4409C17.59 14.4709 16.92 17.7609 17.95 20.6609C18.81 23.5309 21.37 25.4609 24.32 25.4609Z' fill='%23F6DE4F'/%3E%3Cpath d='M1.46172 20.6492C2.32172 23.5192 4.88172 25.4492 7.83172 25.4492C11.5117 25.4492 14.5117 22.4192 14.5117 18.6992C14.5117 16.1692 13.1417 13.8992 10.9717 12.7392C11.0817 11.5592 11.5717 9.04922 13.5817 8.49922C14.0617 8.36922 14.3717 7.90922 14.3117 7.41922C14.2517 6.92922 13.8517 6.54922 13.3517 6.53922H13.2017C12.2217 6.53922 6.84172 6.75922 3.36172 11.4292C1.10172 14.4592 0.431718 17.7492 1.46172 20.6492Z' fill='%23F6DE4F'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-compulsory-what >.box-L .box-detail > .img-abs-left {
    margin-right: -2px;
}

.box-compulsory-what >.box-L .box-detail > .img-abs-right{
    margin-right: -5px;
    margin-top: auto;
    transform: rotate(180deg);
}

.box-compulsory-what >.box-L .box-txt-check {
    text-align: center;
}

.box-compulsory-what >.box-L .box-txt-check .gap-custom {
    gap: 16px;
}
.box-compulsory-what >.box-L .box-txt-check .bg-check {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.4142 10.5858C42.1953 11.3668 42.1953 12.6332 41.4142 13.4142L19.4142 35.4142C18.6332 36.1953 17.3668 36.1953 16.5858 35.4142L6.58579 25.4142C5.80474 24.6332 5.80474 23.3668 6.58579 22.5858C7.36683 21.8047 8.63317 21.8047 9.41421 22.5858L18 31.1716L38.5858 10.5858C39.3668 9.80474 40.6332 9.80474 41.4142 10.5858Z' fill='%23F6DE4F'/%3E%3C/svg%3E%0A");
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

.box-compulsory-what >.box-L .box-txt-check .txt-h4 {
    color: var(--primary-color);
    font-weight: 500;
}

.box-compulsory-what >.box-R{
    width: 100%;
    max-width: 424px;
}

@media (max-width: 1200px) {
    .compulsory-2025 .box-compulsory-what{
        gap: 24px;
    }
    .box-compulsory-what >.box-L .box-detail {
        padding: 20px 9px;
        white-space: nowrap;
    }
    .box-compulsory-what >.box-R img{
        max-width: 100%;
    }
    .box-compulsory-what >.box-L .box-txt-check {
        text-align: left;
    }
    .box-compulsory-what >.box-L .box-txt-check .txt-h4 {
        text-align: left;
        width: 100%;
        max-width: 385px;
    }
}
@media (max-width: 991px) {
    .compulsory-2025 .box-compulsory-what{
        flex-direction: column;
        gap: 16px;
    }
    .box-compulsory-what >.box-L{
        max-width: 513px;
    }
}
@media (max-width: 575px) {
    .box-compulsory-what >.box-L .txt-h2{
        font-size: 30px;
        line-height: 38px;
    }
    .box-compulsory-what >.box-L{
        gap: 16px;
        max-width: 382px;
    }
    .box-compulsory-what >.box-L .box-detail{
        font-size: 14px;
        line-height: 22px;
        padding: 10px 16px;
    }
    .box-compulsory-what >.box-L .box-detail > .img-abs-left, .box-compulsory-what >.box-L .box-detail > .img-abs-right{
        width: 26px;
        height: 26px;
        min-width: 26px;
        min-height: 26px;
    }
    .box-compulsory-what >.box-L .box-detail > span.txt{
        margin-left: -20px;
    }
    .box-compulsory-what >.box-L .box-detail > .img-abs-right{
        margin-right: 0;
        margin-left: -20px;
    }
    .box-compulsory-what >.box-L .box-txt-check .bg-check {
        width: 32px;
        height: 32px;
    }
    .box-compulsory-what >.box-L .box-txt-check .gap-custom{
        gap: 12px;
    }
    .box-compulsory-what >.box-L .box-txt-check .txt-h4{
        font-size: 16px;
        line-height: 24px;
        max-width: 301px;
    }
    .box-compulsory-what >.box-R{
        text-align: center;
    }
    .box-compulsory-what >.box-R img{
        max-width: 246px;
    }

}
@media (max-width: 413px) {
    .box-compulsory-what >.box-L .box-detail {
        padding: 10px 5px;
        width: fit-content;
        margin: auto;
        white-space: normal;
    }
    .box-compulsory-what >.box-L .box-detail > span.txt{
        margin-left: 0;
    }
    .box-compulsory-what >.box-L .box-detail > span.txt br{
        display: none !important;
        white-space: normal;
    }
    .box-compulsory-what >.box-L .box-detail > .img-abs-left, .box-compulsory-what >.box-L .box-detail > .img-abs-right{
        display: none;
    }
}

.compulsory-2025 .box-table-cover {
    margin-top: 32px;
}

.box-table-cover .txt-h2{
    font-weight: 500;
    color: var(--text-color-title);
    text-align: center;
    margin-bottom: 24px;
}

@media (max-width: 500px) {
    .box-table-cover .txt-h2{
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 16px;
    }
}

.box-table-cover .w-box-table-car-ins{
    max-width: 1074px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    border: 1px solid #BEC4DB;
    overflow: hidden;
}

.box-table-cover .box-table-car-ins{
    margin-top: 0;
    border-radius: 20px;
    margin-bottom: 0;
}

.box-table-cover .table.table-car-ins{
    margin-bottom: 0;
}

.box-table-cover .table.table-car-ins thead tr th{
    font-size: 20px;
    line-height: 28px;
    background: var(--primary-color);
    border: 1px solid #BEC4DB;
}
@media (max-width: 500px) {
    .box-table-cover .table.table-car-ins thead tr th{
        font-size: 18px;
        line-height: 26px;
    }
}

.box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(1) {
    position: relative;
    width: 23.32%;
    min-width: 250px;
    max-width: 250px;
}

@media (max-width: 1200px) {
    .box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(1) {
        position: -webkit-sticky;
        position: sticky;
    }
}
@media (max-width: 500px) {
    .box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(1) {
        min-width: 137px;
        max-width: 137px;
    }
}

.box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(1)::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #BEC4DB;
    position: absolute;
    right: 0;
    top: 0;
}

.box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(3) {
    padding: 16px 12px;
}

.box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(2) {
    width: 29.85%;
}

.box-table-cover .table.table-car-ins thead tr:nth-child(1) th:nth-child(3) {
    width: 46.83%;
}

.box-table-cover .table.table-car-ins thead tr:nth-child(2) th:nth-child(1), 
.box-table-cover .table.table-car-ins thead tr:nth-child(2) th:nth-child(2) {
    width: 23.42%;
    padding: 16px 12px;
    background-color: var(--primary-color);
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -3%;
    color: #FFFFFF;
}

@media (max-width: 500px) {
    .box-table-cover .table.table-car-ins thead tr:nth-child(2) th:nth-child(1), 
    .box-table-cover .table.table-car-ins thead tr:nth-child(2) th:nth-child(2) {
        font-size: 18px;
        line-height: 26px;
    }
}


.box-table-cover .table.table-car-ins tbody tr:nth-child(odd) {
    background-color: #FFFFFF;
}
.box-table-cover .table.table-car-ins tbody tr:nth-child(even) {
    background-color: #F4F5F7;
}

.box-table-cover .table.table-car-ins tbody tr td {
    border: 1px solid #BEC4DB;
    background: none;
    padding: 12px;
}

.box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) {
    background-color: #FFFFFF;
    position: relative;
    width: 23.32%;
    min-width: 250px;
    max-width: 250px;
}
.box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1)::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #BEC4DB;
    position: absolute;
    right: 0;
    top: 0;
}
.box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) a {
    background-color: #EEF1FF;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 5px;
    border-radius: 8px;
    max-width: 146px;
    margin-top: 16px;
}
.bg-borchure-img {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 2.15V13.35C0.75 13.7213 0.8975 14.0774 1.16005 14.3399C1.4226 14.6025 1.7787 14.75 2.15 14.75H10.55C10.9213 14.75 11.2774 14.6025 11.5399 14.3399C11.8025 14.0774 11.95 13.7213 11.95 13.35V5.1894C11.95 5.00289 11.9127 4.81827 11.8403 4.64637C11.768 4.47447 11.662 4.31877 11.5286 4.1884L8.4206 1.149C8.15905 0.89326 7.8078 0.750046 7.442 0.75H2.15C1.7787 0.75 1.4226 0.8975 1.16005 1.16005C0.8975 1.4226 0.75 1.7787 0.75 2.15V2.15Z' stroke='%233958D4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 0.75V3.55C7.75 3.9213 7.8975 4.2774 8.16005 4.53995C8.4226 4.8025 8.7787 4.95 9.15 4.95H11.95' stroke='%233958D4' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 13px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}
.box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) a > .bg-borchure-img {
    vertical-align: middle;
    margin-right: 8px;
}
@media (max-width: 1200px) {
    .box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) {
        position: -webkit-sticky;
        position: sticky;
    }
}
@media (max-width: 500px) {
    .box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) {
        min-width: 137px;
        max-width: 137px;
    }
    .box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) a {
        font-size: 12px;
        line-height: 20px;
        padding: 3px 5px;
        max-width: 121px;
        margin-top: 12px;
    }
    .box-table-cover .table.table-car-ins tbody tr:nth-child(1) td:nth-child(1) a > .bg-borchure-img{
        margin-right: 4px;
    }
}

.box-table-cover .table.table-car-ins .btn{
    width: 100%;
    max-width: 240px;
    padding: 12.61px 5px;
    border-radius: 12px;
}

.box-table-cover .box-condition{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
    width: 100%;
    max-width: 1074px;
    margin-left: auto;
    margin-right: auto
}

.box-table-cover .box-condition .txt-h5{
    font-weight: 500;
    color: var(--text-color-title);
}
.box-table-cover .box-condition .list-condition{
    padding-inline-start: 24px;
}
.box-table-cover .box-condition .list-condition li{
    color: var(--text-color-normal);
    font-size: 14px;
    line-height: 22px;
}
@media (max-width: 500px) {
    .box-table-cover .box-condition {
        margin-top: 16px;
        gap: 4px;
    }
    .box-table-cover .box-condition .txt-h5{
        font-size: 16px;
        line-height: 24px;
    }
    .box-table-cover .box-condition .list-condition li{
        font-size: 12px;
        line-height: 20px;
    }
}

.compulsory-2025 .box-how-claim {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.box-how-claim .box-title{
    margin-bottom: 8px;
}

.box-how-claim .box-title .txt-h2{
    font-weight: 500;
    color: var(--text-color-title);
    text-align: center;
}

.box-how-claim .box-title .txt-h3{
    font-weight: 500;
    color: var(--text-color-normal);
    text-align: center;
}

.box-how-claim .box-step-claim.row {
    margin-left: -12px;
    margin-right: -12px;
    row-gap: 24px;
}

.box-how-claim .box-step-claim.row > [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
}

.box-how-claim .box-step-claim .box-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.box-how-claim .box-step-claim .box-step > .num-step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: var(--text-color-title);
}

.box-how-claim .box-step-claim .box-step > .txt-step {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.box-how-claim .box-step-claim .box-step > .txt-step .txt-h3{
    font-weight: 500;
    color: var(--text-color-normal);
}
.box-how-claim .box-step-claim .box-step > .txt-step .txt-h5{
    font-weight: 500;
    color: var(--text-color-sub);
}

.box-how-claim .img-how-claim-main{
    width: 100%;
    max-width: 745px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 500px) {
    .box-how-claim .box-title .txt-h2{
        font-size: 30px;
        line-height: 38px;
    }
    .box-how-claim .box-title .txt-h3{
        font-size: 18px;
        line-height: 26px;
    }
    .box-how-claim .box-step-claim .box-step{
        gap: 12px;
    }
    .box-how-claim .box-step-claim .box-step > .txt-step .txt-h3{
        font-size: 18px;
        line-height: 26px;
    }
    .box-how-claim .box-step-claim .box-step > .txt-step{
        gap: 8px;
    }
    .box-how-claim .box-step-claim .box-step > .txt-step .txt-h5{
        font-size: 16px;
        line-height: 24px;
    }
    .box-how-claim .box-step-claim .box-step > .txt-step .txt-h5 ul{
        margin-bottom: 0;
    }
    .box-how-claim .box-step-claim.row{
        row-gap: 16px;
    }
    .box-how-claim .img-how-claim-main{
        max-width: 274px;
    }
}

.compulsory-2025 .box-faq {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.compulsory-2025 .box-faq .txt-h2 {
    font-weight: 500;
    color: var(--text-color-title);
    text-align: center;
}

.compulsory-2025 .box-faq .gap-accordion {
    row-gap: 24px;
}

.compulsory-2025 .box-faq .box-head-faq {
    border-bottom: 1px solid #BEC4DB;
    padding-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
}
.compulsory-2025 .box-faq .box-head-faq > .txt-head-question {
    gap: 16px;
}

.compulsory-2025 .box-faq .box-head-faq > .txt-head-question label {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: var(--text-color-normal);
    margin-top: 4px;
}

.compulsory-2025 .box-faq .box-txt-answer {
    padding-top: 16px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color-sub);
}

@media (max-width: 500px) {
    .compulsory-2025 .box-faq {
        gap: 16px;
    }  
    .compulsory-2025 .box-faq .txt-h2 {
        font-size: 30px;
        line-height: 38px;
    } 
    .compulsory-2025 .box-faq .box-head-faq > .txt-head-question{
        gap: 12px;
    }
    .compulsory-2025 .box-faq .box-head-faq > .txt-head-question label {
        font-size: 16px;
        line-height: 24px;
        margin-top: 2px;
    }
    .compulsory-2025 .box-faq #accordion img.bt_arrow_down {
        vertical-align: middle;
        margin-top: 0;
    }
    .compulsory-2025 .box-faq .gap-accordion{
        row-gap: 12px;
    }
}



#feedback.bg-template {
    padding-top: 56px;
    padding-bottom: 56px;
}
#feedback.bg-template .txt-head-title-prakun-template{
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: var(--text-color-title);
}

#feedback.bg-template .margin-txt-title-articles {
    margin-bottom: 32px;
}

#feedback.bg-template .text-primary {
    color: var(--primary-color) !important;
}

#feedback.bg-template .owl-prev span, #feedback.bg-template .owl-next span{
    color: transparent !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: scale(1) !important;
}

#feedback.bg-template .owl-prev span {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6769 38.907C15.2355 37.5001 1.1522 22.7167 1.1522 22.7167C0.787174 22.3645 0.496853 21.9424 0.298561 21.4755C0.100269 21.0086 -0.00192833 20.5066 -0.00192833 19.9994C-0.00192833 19.4921 0.100269 18.9901 0.298561 18.5232C0.496853 18.0563 0.787174 17.6342 1.1522 17.282C1.1522 17.282 15.2355 2.49178 16.6769 1.09172C18.1184 -0.315228 20.7116 -0.411781 22.2461 1.09172C23.7841 2.58834 23.9048 4.68152 22.2461 6.51953L9.32493 19.9959L22.2461 33.4723C23.9048 35.3103 23.7841 37.4069 22.2461 38.907C20.7116 40.4105 18.1184 40.3174 16.6769 38.907Z' fill='%233958D4'/%3E%3C/svg%3E%0A");
}

#feedback.bg-template .owl-next span{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.76837 1.09299C8.2098 2.49995 22.2931 17.2833 22.2931 17.2833C22.6581 17.6355 22.9485 18.0576 23.1468 18.5245C23.345 18.9914 23.4472 19.4934 23.4472 20.0006C23.4472 20.5079 23.345 21.0099 23.1468 21.4768C22.9485 21.9437 22.6581 22.3658 22.2931 22.718C22.2931 22.718 8.2098 37.5082 6.76837 38.9083C5.32693 40.3152 2.73372 40.4118 1.19918 38.9083C-0.338811 37.4117 -0.459505 35.3185 1.19918 33.4805L14.1204 20.0041L1.19918 6.52769C-0.459505 4.68969 -0.338811 2.59305 1.19918 1.09299C2.73372 -0.410513 5.32693 -0.317406 6.76837 1.09299Z' fill='%233958D4'/%3E%3C/svg%3E%0A");
}

@media (max-width: 500px) {
    #feedback.bg-template {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    #feedback.bg-template .txt-head-title-prakun-template{
        font-size: 30px;
        line-height: 38px;
    }
    #feedback.bg-template .margin-txt-title-articles {
        margin-bottom: 0;
    }
}

/* custom modal */
.modal.new-anc-2025 .icon-bg-warning-car{
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='21' fill='%23B27440'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.527 11.2823C19.9763 11.0294 20.4832 10.8965 20.9988 10.8965C21.5144 10.8965 22.0213 11.0294 22.4706 11.2823C22.9199 11.5353 23.2964 11.8998 23.5638 12.3406L23.5667 12.3453L32.0367 26.4854L32.0448 26.4992C32.3067 26.9528 32.4453 27.4671 32.4468 27.9909C32.4483 28.5148 32.3126 29.0299 32.0532 29.485C31.7937 29.9401 31.4197 30.3193 30.9682 30.5849C30.5168 30.8506 30.0036 30.9934 29.4798 30.9992L29.4688 30.9993L12.5178 30.9992C11.994 30.9935 11.4808 30.8506 11.0294 30.5849C10.5779 30.3193 10.2039 29.9401 9.94445 29.485C9.68505 29.0299 9.54933 28.5148 9.55079 27.9909C9.55226 27.4671 9.69086 26.9528 9.95281 26.4992L9.96093 26.4854L18.4338 12.3406C18.7012 11.8998 19.0777 11.5353 19.527 11.2823ZM20.9988 12.8965C20.8269 12.8965 20.658 12.9408 20.5082 13.0251C20.3591 13.109 20.2341 13.2298 20.145 13.3759L11.6815 27.5051C11.5963 27.6549 11.5513 27.8242 11.5508 27.9965C11.5503 28.1712 11.5955 28.3429 11.682 28.4946C11.7685 28.6462 11.8932 28.7727 12.0436 28.8612C12.1928 28.949 12.3622 28.9965 12.5352 28.9992H29.4624C29.6354 28.9965 29.8048 28.949 29.954 28.8612C30.1044 28.7727 30.2291 28.6462 30.3156 28.4946C30.4021 28.3429 30.4473 28.1712 30.4468 27.9965C30.4463 27.8242 30.4013 27.6549 30.3161 27.5051L21.8538 13.3779C21.8534 13.3772 21.853 13.3765 21.8526 13.3759C21.7635 13.2298 21.6385 13.109 21.4894 13.0251C21.3396 12.9408 21.1707 12.8965 20.9988 12.8965ZM20.9988 16.9992C21.5511 16.9992 21.9988 17.4469 21.9988 17.9992V21.9992C21.9988 22.5515 21.5511 22.9992 20.9988 22.9992C20.4465 22.9992 19.9988 22.5515 19.9988 21.9992V17.9992C19.9988 17.4469 20.4465 16.9992 20.9988 16.9992ZM19.9988 25.9992C19.9988 25.4469 20.4465 24.9992 20.9988 24.9992H21.0088C21.5611 24.9992 22.0088 25.4469 22.0088 25.9992C22.0088 26.5515 21.5611 26.9992 21.0088 26.9992H20.9988C20.4465 26.9992 19.9988 26.5515 19.9988 25.9992Z' fill='%23FFF7F1'/%3E%3C/svg%3E%0A");
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
}
.modal.new-anc-2025 .box-warning-car {
    --color-box-main: #B27440;
    --color-box-bg: #FFF7F1;
    background-color: var(--color-box-bg);
    color: var(--color-box-main);
    border: 1px solid var(--color-box-main);
    padding: 16px 8px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.modal.new-anc-2025 .box-warning-car .txt{
    margin-top: 8px;
}

.modal.new-anc-2025 .d-box-select-type-car {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.modal.new-anc-2025 .d-box-select-type-car .box-select-car {
    border: 1px solid #BEC4DB;
    border-radius: 12px;
    padding: 12px 6px;
    width: 100%;
    max-width: 342px;
    transition: all 0.3s ease;
    color: var(--text-color-sub);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    cursor: pointer;
}

.modal.new-anc-2025 .d-box-select-type-car .box-select-car:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #EEF1FF;
}

.modal.new-anc-2025 .d-box-select-type-car .box-select-car svg {
    color: var(--text-color-normal);
    width: 54px;
    height: 54px;
}

.modal.new-anc-2025 .d-box-select-type-car .box-select-car:hover svg {
    color: var(--primary-color);
}

.modal.new-anc-2025 .box-scroll-modal{
    overflow-x: hidden;
    overflow-y: auto;
    /* height: 353px; */
    height: 143px;
    border-radius: 0;
}

.modal.new-anc-2025 .box-scroll-modal .table-selected-car-more {
    margin-bottom: 0;
}

/* เพิ่ม shadow เมื่อ scroll */
.modal.new-anc-2025 .box-scroll-modal::-webkit-scrollbar {
    width: 6px;
}

.modal.new-anc-2025 .box-scroll-modal::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.modal.new-anc-2025 .box-scroll-modal::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 3px;
}

.modal.new-anc-2025 .box-scroll-modal::-webkit-scrollbar-thumb:hover {
    background: #2541B2;
}

.modal.new-anc-2025 .box-radius-table {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

.modal.new-anc-2025 .box-btn-footer{
    display: flex;
    gap: 24px;
    justify-content: center; 
    margin-top: 24px;
}

.modal.new-anc-2025 .box-btn-footer > button{
    width: 100%;
    max-width: 260px;
    padding: 11.2px 5px;
}

@media (max-width: 575px) {
    .modal.new-anc-2025 .box-warning-car{
        padding: 12px 8px;
    }
    .modal.new-anc-2025 .box-warning-car .txt{
        margin-top: 4px;
        font-size: 12px;
        line-height: 20px;
    }
    .modal.new-anc-2025 .d-box-select-type-car {
        flex-direction: column;
        gap: 12px;
    }
    .modal.new-anc-2025 .d-box-select-type-car .box-select-car{
        max-width: 100%;
        padding: 10px 6px;
        gap: 12px;
    }
    .modal.new-anc-2025 .d-box-select-type-car .box-select-car .txt{
        font-size: 14px;
        line-height: 22px;
    }
    .modal.new-anc-2025 .d-box-select-type-car .box-select-car svg {
        width: 36px;
        height: 36px;
    }
    .modal.new-anc-2025 .txt-h5.sub-head-title{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }
    .modal.new-anc-2025 .box-btn-footer{
        gap: 16px;
        margin-top: 16px;
    }
    .modal.new-anc-2025 .box-btn-footer > button{
        font-size: 14px;
        line-height: 22px;
        padding: 7px 5px;
        border-radius: 12px;
    }
}


/* table */
.table-selected-car-more {
    position: relative;
    border-collapse: collapse;
    width: 100%;
}

.table-selected-car-more tbody {
  display: block;
  max-height: 306px;
  overflow-y: scroll;
}

.table-selected-car-more tbody::-webkit-scrollbar {
    width: 6px;
}

.table-selected-car-more tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.table-selected-car-more tbody::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 3px;
}

.table-selected-car-more tbody::-webkit-scrollbar-thumb:hover {
    background: #2541B2;
}

.table-selected-car-more thead th {
    background-color: var(--primary-color);
    font-weight: 500;
    color: #FFFFFF;
    padding: 8px 12px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}


.table-selected-car-more td {
    padding: 4px 12px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
}

.table-selected-car-more tbody tr:nth-child(even) {
    background-color: #FFFFFF;

}

.table-selected-car-more tbody tr:nth-child(odd) {
    background-color: #F4F5F7;
}

.table-selected-car-more thead, .table-selected-car-more tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.table-selected-car-more thead th:nth-child(1), .table-selected-car-more tbody tr td:nth-child(1) {
    width: 10%;
}

.table-selected-car-more thead th:nth-child(2), .table-selected-car-more tbody tr td:nth-child(2) {
    width: 20%;
}

@media (max-width: 991px) {
    .table-selected-car-more thead th {
        padding: 4px 8px;
        white-space: nowrap;
    }
    .table-selected-car-more th.txt-h5 {
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
    }
    .table-selected-car-more td {
        padding: 2px 8px;
    }
}