/* 00.all */
[v-cloak] {
    display: none;
}
[v-cloak]::before {
    content: "loading...";
}
:root{
    --main-home-01:#007AB3;
    --main-home-02:#004189;
    --main-home-03:#3990B8;
}

.btn.btn-custom-home01{
    color: #fff;
    background: var(--main-home-01);
    border-color: var(--main-home-01);
}

.btn.btn-custom-outline-home01{
    color: var(--main-home-01);
    background: #FFFFFF;
    border-color: var(--main-home-01);
}

.title-home{
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    color: #2D2F32;
}

i.brochure-home{
    content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25098_42216)'%3E%3Cpath d='M17.3262 10.1786H8.65363C8.45789 10.1786 8.29932 10.3372 8.29932 10.5328C8.29932 10.7285 8.45789 10.8871 8.65363 10.8871H17.3262C17.5218 10.8871 17.6804 10.7285 17.6804 10.5328C17.6804 10.3372 17.5218 10.1786 17.3262 10.1786Z' fill='%23007AB3'/%3E%3Cpath d='M17.3262 7.98798H8.65363C8.45789 7.98798 8.29932 8.14655 8.29932 8.34229C8.29932 8.53784 8.45789 8.69641 8.65363 8.69641H17.3262C17.5218 8.69641 17.6804 8.53784 17.6804 8.34229C17.6804 8.14655 17.5218 7.98798 17.3262 7.98798Z' fill='%23007AB3'/%3E%3Cpath d='M21.1472 12.702C21.3425 12.702 21.5015 12.5431 21.5015 12.3477V6.43579C21.5015 6.32172 21.5009 6.21643 21.4995 6.11737C21.4996 6.11371 21.5 6.11005 21.5 6.10638C21.5 6.09888 21.4995 6.09155 21.4989 6.08423C21.4835 5.23846 21.3746 4.89056 20.6495 4.10468L20.0996 3.5083V1.33997C20.0996 0.601135 19.4963 0 18.7545 0H4.79822C4.05646 0 3.45312 0.601135 3.45312 1.33997V10.0519C3.45312 10.2477 3.61169 10.4062 3.80743 10.4062C4.00299 10.4062 4.16156 10.2477 4.16156 10.0519V1.33997C4.16156 0.991699 4.4472 0.708435 4.79822 0.708435H18.7545C19.1055 0.708435 19.391 0.991699 19.391 1.33997V2.73944C19.3297 2.67261 19.2731 2.6098 19.2218 2.55212C18.6989 1.96967 18.4702 1.76807 17.5339 1.76807H6.76642C6.04517 1.76807 5.45886 2.35437 5.45886 3.07471V19.3954H4.79822C4.4472 19.3954 4.16156 19.1122 4.16156 18.7639V11.6741C4.16156 11.4783 4.00299 11.3198 3.80743 11.3198C3.61169 11.3198 3.45312 11.4783 3.45312 11.6741V18.7639C3.45312 19.5027 4.05646 20.1039 4.79822 20.1039H5.47388C5.56946 20.7305 6.11237 21.212 6.76642 21.212H10.3661L11.9027 23.185C11.9045 23.1874 11.9066 23.1898 11.9084 23.1925C12.3328 23.7079 12.9155 24 13.5153 24C13.5358 24 13.5565 23.9995 13.5772 23.9985C14.1588 23.9793 14.6995 23.6805 15.0618 23.178L16.5933 21.212H20.1934C20.9146 21.212 21.5015 20.6263 21.5015 19.9065V14.1103C21.5015 13.9149 21.3425 13.756 21.1472 13.756C20.9518 13.756 20.7928 13.9149 20.7928 14.1103V19.9065C20.7928 20.2354 20.5239 20.5034 20.1935 20.5034H17.1454L17.3596 20.2288C17.8353 19.6187 17.9716 18.8923 17.7152 18.3342C17.5742 18.0262 17.1787 17.5023 16.1149 17.4498C16.1092 17.4492 16.1031 17.4492 16.0975 17.4492H15.7732V14.3577C15.7732 13.9058 15.389 13.5379 14.9166 13.5379H12.0424C11.57 13.5379 11.1851 13.9058 11.1851 14.3577V17.4492H10.8629C10.8566 17.4492 10.8511 17.4492 10.8455 17.4498C9.78107 17.5023 9.38556 18.0262 9.24457 18.3342C8.98877 18.8923 9.12518 19.6187 9.60034 20.2288L9.81403 20.5034H6.76642C6.4361 20.5034 6.16693 20.2354 6.16693 19.9065V19.7534C6.16693 19.7521 6.16711 19.7509 6.16711 19.7496C6.16711 19.7485 6.16693 19.7472 6.16693 19.7459V3.07471C6.16693 2.7453 6.4361 2.47668 6.76642 2.47668H17.1791L17.1767 5.15387C17.1767 5.87439 17.7634 6.46069 18.4846 6.46069H20.7928V12.3477C20.7928 12.5431 20.9518 12.702 21.1472 12.702ZM10.1594 19.7939C9.85669 19.405 9.74792 18.9368 9.88892 18.6293C10.0515 18.2741 10.5113 18.1767 10.8716 18.1578H11.5394C11.7354 18.1578 11.8937 17.9991 11.8937 17.8037V14.3577C11.8937 14.3053 11.9575 14.2467 12.0422 14.2467H14.9164C15.0036 14.2467 15.0646 14.3053 15.0646 14.3577V17.8037C15.0646 17.9991 15.2235 18.1578 15.4189 18.1578H16.0881C16.4489 18.1767 16.9086 18.2741 17.0712 18.6293C17.2124 18.9368 17.1036 19.405 16.801 19.7935L16.2474 20.5034L15.6954 21.212L14.4984 22.7483C14.4957 22.752 14.4929 22.7556 14.49 22.7595C14.2534 23.0898 13.9211 23.2782 13.5538 23.2905C13.1553 23.3044 12.7562 23.1053 12.4584 22.7454L11.2639 21.212L10.7118 20.5034L10.1594 19.7939ZM17.8853 5.15424L17.8877 2.48877C18.2429 2.52283 18.3513 2.64294 18.6946 3.02545C18.7538 3.09155 18.8184 3.16333 18.8906 3.24207L20.1287 4.58514C20.6015 5.09747 20.7375 5.31061 20.7767 5.75226H18.4846C18.1541 5.75226 17.8853 5.48383 17.8853 5.15424Z' fill='%23007AB3'/%3E%3Cpath d='M8.65363 6.50464H14.1715C14.3672 6.50464 14.5258 6.34607 14.5258 6.15033C14.5258 5.95459 14.3672 5.79602 14.1715 5.79602H8.65363C8.45789 5.79602 8.29932 5.95459 8.29932 6.15033C8.29932 6.34589 8.45789 6.50464 8.65363 6.50464Z' fill='%23007AB3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25098_42216'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

hr.border-home{
    border-color: var(--main-home-01);
}

@media (max-width: 991px) {
    .title-home{
        line-height: 48px;
    }
}
@media (max-width: 575px) {
    .btn.btn-custom-home01{
        height: 48px;
    }
    .title-home{
        font-size: 28px;
        line-height: 36px;
    }
}

/* 01.banner */
.bg-banner{
    background: linear-gradient(86.41deg, #FFFFFF -2.87%, #D9EBF4 112.69%, #004189 302.69%);
    overflow: hidden;
}

.bg-banner .box-detail-left{
    width: 58%;
    position: relative;
}

.bg-banner .box-detail-right{
    width: 50%;
    max-width: 631px;
    margin-left: -100px;
    margin-right: 8px;
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 45px;
}
.bg-banner .box-detail-right .b-top{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.bg-banner .box-detail-right .b-top > .txt-top{
    font-weight: 400;
    font-size: 25px;
    line-height: 33px;
    color: var(--main-home-01);
}
.bg-banner .box-detail-right .b-top > .txt-bottom{
    font-weight: 500;
    font-size: 35px;
    line-height: 43px;
    color: var(--main-home-02);
    width: 100%;
    max-width: 540px;
}
.bg-banner .box-detail-right .b-center{
    width: 100%;
    max-width: 631px;
    border-top: 1px solid var(--main-home-01);
    padding-top: 36px;
}
.bg-banner .box-detail-right .b-center > .row.custom-gap{
    row-gap: 25px;
    margin-left: -8px;
    margin-right: -8px;
}
.bg-banner .box-detail-right .b-center > .row.custom-gap > [class*=col-]{
    padding-right: 8px;
    padding-left: 8px;
}
.bg-banner .box-detail-right .b-center .detail-icon{
    display: flex;
    gap: 14px;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.2px;
}
.bg-banner .box-detail-right .b-center .detail-icon > .b-txt > .txt-top{
    color: var(--main-home-02);
    margin-bottom: 4px;
}
.bg-banner .box-detail-right .b-center .detail-icon > .b-txt > .txt-bottom{
    color: #2D2F32;
}
.bg-banner .box-detail-right .b-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.bg-banner .box-detail-right .b-bottom > .b-txt > .txt-top{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: var(--main-home-02);
}
.bg-banner .box-detail-right .b-bottom > .b-txt > .txt-bottom{
    font-weight: 400;
    font-size: 35px;
    line-height: 43px;
    color: var(--main-home-01);
}
.bg-banner .box-detail-right .b-bottom > .btn{
    width: 100%;
    max-width: 275px;
    font-size: 20px;
}
.bg-banner .bg-town{
    width: 86.41%;
    margin-top: -10px;
}

.bg-banner .bg-rain{
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
}

.bg-banner .bg-water{
    position: absolute;
    bottom: -30px;
}
.bg-banner .logo-in-banner{
    position: absolute;
    top: 50%;
    left: 0;
}


@media (max-width: 1200px) {
    .bg-banner .box-detail-right{
        row-gap: 15px;
    }
    .bg-banner .box-detail-right .b-top{
        row-gap: 10px;
    }
    .bg-banner .box-detail-right .b-top > .txt-top{
        font-size: 18px;
        line-height: 20px;
    }
    .bg-banner .box-detail-right .b-top > .txt-bottom{
        font-size: 28px;
        line-height: 35px;
        max-width: 430px;
    }
    .bg-banner .box-detail-right .b-center {
        padding-top: 30px;
    }
    .bg-banner .box-detail-right .b-center > .row.custom-gap{
        row-gap: 20px;
    }
    .bg-banner .box-detail-right .b-center .detail-icon {
        gap: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .bg-banner .box-detail-right .b-center .detail-icon img{
        width: 50px;
    }
    .bg-banner .box-detail-right .b-bottom > .b-txt > .txt-top{
        font-size: 16px;
        line-height: 28px;
    }
    .bg-banner .box-detail-right .b-bottom > .b-txt > .txt-bottom{
        font-size: 30px;
        line-height: 43px;
    }
    .bg-banner .bg-water {
        bottom: -15px;
    }
}

@media (max-width: 991px) {
    .bg-banner .box-detail-left{
        width: 100%;
        text-align: center;
    }
    
    .bg-banner .box-detail-right{
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        row-gap: 24px;
    }
    .bg-banner .box-detail-right .b-center{
        display: none;
    }
    .bg-banner .box-detail-right .b-bottom{
        border-top: 1px solid var(--main-home-01);
        max-width: 500px;
        flex-direction: column;
        gap: 12px;
        padding-top: 12px;
    }
    .bg-banner .box-detail-right .b-bottom > .b-txt {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .bg-banner .bg-town {
        width: 100%;
        max-width: 500px;
        margin-top: -20px;
    }
    .bg-banner .bg-rain{
        width: 100%;
        position: absolute;
        top: -10px;
        left: 0;
    }
    .bg-banner .logo-in-banner{
        top: 68%;
        width: 100%;
        max-width: 125px;
    }
}
@media (max-width: 575px) {
    .bg-banner .box-detail-right{
        padding-left: 10%;
        padding-right: 10%;
    }
    .bg-banner .box-detail-right .b-top > .txt-bottom {
        max-width: 258px;
    }
    .bg-banner .bg-water {
        bottom: 0;
    }
    .bg-banner .logo-in-banner {
        top: 80%;
        max-width: 108px;
    }
    .bg-banner .box-detail-right .b-bottom > .btn{
        font-size: 18px;
    }
}

/* 02.plan */

.box-plan{
    padding-top: 56px;
    padding-bottom: 56px;
    display: flex;
    gap: 60px;
}
.box-plan .btn.custom-for-plan{
    margin-top: 88px;
    width: 358px;
    font-size: 18px;
}
.box-plan .box-plan-left > .txt-top{
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: var(--main-home-01);  
    margin-bottom: 8px;  
}
.box-plan .box-plan-left > .txt-bottom{
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;    
    color: #2D2F32;    
}
.box-plan .box-plan-right{
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.box-plan .box-plan-right .detail-plan  {
    display: flex;
    align-items: flex-start;
    gap: 36px;
}
.box-plan .box-plan-right .detail-plan > .b-txt > .txt-top {
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    color: var(--main-home-01);    
}
.box-plan .box-plan-right .detail-plan > .b-txt > .txt-bottom {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #2D2F32;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    max-width: 500px;
}
.box-plan .box-plan-right .detail-plan > .b-txt > .btn{
    --pd:12px;
    width: 100%;
    max-width: 220px;
    padding-top: var(--pd);
    padding-bottom: var(--pd);
}

@media (max-width: 991px) {
    .box-plan{
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 24px;
        flex-direction: column;
    }
    .box-plan .btn.custom-for-plan{
        margin-top: 0;
        width: 100%;
        max-width: 358px;
    }
}

@media (max-width: 575px) {
    .box-plan{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .box-plan .btn.custom-for-plan{
        max-width: 304px;
    }
    .box-plan .box-plan-left > .txt-top{
        font-size: 35px;
        line-height: 43px;
    }
    .box-plan .box-plan-left > .txt-bottom{
        font-size: 20px;
        line-height: 28px;    
    }
    .box-plan .box-plan-right .detail-plan{
        gap: 16px;
    }
    .box-plan .box-plan-right .detail-plan img{
        width: 96px;
    }
    .box-plan .box-plan-right .detail-plan > .b-txt > .txt-top {
        font-size: 20px;
        line-height: 28px;
    }
    .box-plan .box-plan-right .detail-plan > .b-txt > .txt-bottom {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .box-plan .box-plan-right .detail-plan > .b-txt > .btn{
        --pd:7.41px;
        max-width: 150px;
        font-size: 14px;
        line-height: 18px;
    }
    .box-plan .box-plan-right .detail-plan > .b-txt > .btn i{
        width: 20px;
    }
}

/* 03.table */
#section_table{
    padding-bottom: 56px;
}

#section_table .title-home{
    padding-top: 56px;
    padding-bottom: 24px;
}

.table-responsive.border-for-table-home{
    border-radius: 12px;
}

.custom-table-home.table {
    width: 100%;
    border-collapse: collapse;
    /* border-radius: 12px; */
    /* overflow: hidden; */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 0;
}

.custom-table-home tbody td:first-child,
.custom-table-home thead tr.for-frist th:first-child,
.custom-table-home tfoot td:first-child {
  position: sticky;
  left: 0;
  background-color: var(--main-home-01);
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 1;
}

.custom-table-home thead tr:first-child {
    background-color: #0076be;
    color: white;
}

.custom-table-home tfoot td:first-child{
    height: 90px;
    font-size: 18px;
    color: white;
}

.custom-table-home thead tr:nth-child(2) {
    background-color: #E0E0E0;
}

.custom-table-home th, .custom-table-home td {
    border: 1px solid #E0E0E0;
    text-align: center;
    padding: 8px 10px;
    vertical-align: middle;
    font-size: 16px;
}

.custom-table-home th {
    background-color: #77BFE2;
    font-weight: 400 !important;
    color: white;
}
.custom-table-home td{
    color: #2D2F32;
}

.custom-table-home thead th {
    border: 1px solid #E0E0E0;
}

.custom-table-home tr:nth-child(even) {
    background-color: #EFF6FF;
}

.custom-table-home tbody td:first-child {
    text-align: left;
    background-color: var(--main-home-03);
    color: white;
}

.custom-table-home tfoot td {
    background-color: #54A6CF;
    color: white;
}
.custom-table-home tfoot td .btn{
    width: 100%;
    height: 40px;
    color: white;
    margin-top: 4px;
}
.custom-table-home tfoot td:nth-child(2) .btn ,.custom-table-home tfoot td:nth-child(3) .btn{
    background-color: #61C08D;
    max-width: 280px;
}

.custom-table-home tfoot td:nth-child(4) .btn{
    background-color: #FCB525;
    max-width: 260px;
}

.custom-table-home .col-label {
    font-size: 18px;
}

.custom-table-home .col-basic {
    width: 560px;
    min-width: 560px;
    max-width: 560px;
    background-color: #54A6CF !important;
    font-size: 20px;
}

.custom-table-home .col-perfect {
    width: 389px;
    min-width: 389px;
    max-width: 389px;
    background-color: #54A6CF !important;
    font-size: 20px;
}

.custom-table-home .sub-txt{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #9E9E9E;
}
.custom-table-home .sub-txt.topic{
    color: #FFFFFF;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.hide-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.hide-scrollbar::-webkit-scrollbar-thumb,.hide-scrollbar::-webkit-scrollbar-thumb:hover {
    background: transparent
}

@media (max-width: 991px) {
    #section_table .title-home{
        margin: auto;
        width: 100%;
        max-width: 400px;
    }
}
@media (max-width: 575px) {
    #section_table{
        padding-bottom: 24px;
    }
    #section_table .title-home{
        max-width: 260px;
        padding-top: 24px;
    }
    .custom-table-home .sub-txt.topic{
        font-size: 12px;
    }
    .custom-table-home tbody td:first-child,
    .custom-table-home thead tr.for-frist th:first-child,
    .custom-table-home tfoot td:first-child {
      width: 172px;
      min-width: 172px;
      max-width: 172px;
    }
    .custom-table-home tfoot td:first-child{
        font-size: 16px;
    }
    .custom-table-home th, .custom-table-home td {
        padding: 6px 8px;
        font-size: 14px;
    }
    .custom-table-home .col-label {
        font-size: 16px;
    }
    .custom-table-home .col-basic {
        width: 317px;
        min-width: 317px;
        max-width: 317px;
        font-size: 18px;
    }
    
    .custom-table-home .col-perfect {
        width: 290px;
        min-width: 290px;
        max-width: 290px;
        font-size: 18px;
    }
}

/* 03-1.condition */
.custom-home-condition{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.custom-home-condition .condition-accord {
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    border: 1px solid var(--main-home-01);
    padding: 20px 36px;
    background: var(--white);
    box-shadow: 0px 0px 10px 0px rgba(191, 191, 191, 0.3019607843);
}
@media screen and (max-width: 1000px) {
    .custom-home-condition .condition-accord {
        padding: 16px 24px;
    }
}
.custom-home-condition .condition-accord .content-accord {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.custom-home-condition .condition-accord .content-text {
    color: #757575;
    font-size: 14px;
}
.custom-home-condition .condition-accord .content-text ul ,.custom-home-condition .condition-accord .content-text ol{
    padding-inline-start: 30px;
}
.custom-home-condition .condition-accord .content-text ol{
    padding-right: 10px;
}
.custom-home-condition .condition-accord .content-title {
    color: #2D2F32;
    font-size: 16px;
}
.custom-home-condition .condition-accord  hr.dash {
    opacity: 1;
    border-top: 1px solid #D9EBF4;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* 04.form */
#section_form{
    background: linear-gradient(86.3deg, #FFFFFF -2.87%, #D9EBF4 158.64%);
    padding-bottom: 56px;
}
#section_form .title-home{
    padding-top: 56px;
    padding-bottom: 24px;
    max-width: 725px;
    line-height: 48px;
    margin: auto;
}
.box-form-home{
    width: 100%;
    max-width: 850px;
    margin: auto;
}
.box-form-home .form-control{
    height: 45px;
}
.box-form-home textarea.form-control{
    height: 116px;
}
.box-form-home .select2-container .select2-selection--single {
    height: 45px !important;
}
.box-form-home .select2-container .select2-selection--single .select2-selection__rendered{
    line-height: 29px !important;
}
.box-form-home .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--main-home-01) var(--main-home-01) transparent transparent !important;
    margin-left: -10px !important;
}
.box-form-home .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: var(--main-home-01) var(--main-home-01) transparent transparent !important;
}
.select2-container--default .select2-results__option--selected{
    background-color: white !important;
}

.box-form-home .form-check-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.box-form-home .form-check {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.box-form-home .form-check-input + .form-check-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border: 2px solid#03256C;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}
.box-form-home .form-check-input:checked + .form-check-label::after {
  content: url("data:image/svg+xml,%3Csvg width='21' height='17' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.943 0.362223L6.75157 13.0957L2.85127 9.02239C2.3886 8.53942 1.63905 8.53942 1.17638 9.02239C0.713993 9.50566 0.713993 10.2886 1.17638 10.7718L5.91412 15.7205C6.1458 15.9624 6.44826 16.0829 6.75157 16.0829C7.05494 16.0829 7.3574 15.9624 7.58902 15.7205L20.6179 2.11166C21.0803 1.62838 21.0803 0.84549 20.6179 0.362223C20.1552 -0.120741 19.4057 -0.120741 18.943 0.362223Z' fill='%23007AB3'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 3;
}
.box-form-home .form-check-label {
    pointer-events: none;
    color: #959595;
}
.box-form-home a.type-consent{
    color: var(--main-home-01);
}

.box-form-home .btn {
    width: 100%;
    max-width: 296px;
    margin-top: 30px;
}

@media (max-width: 991px) {
    #section_form .title-home{
        max-width: 450px;
    }
}
@media (max-width: 575px) {
    #section_form{
        padding-bottom: 24px;
    }
    #section_form .title-home{
        max-width: 313px;
        padding-top: 24px;
        line-height: 36px;
    }
    .box-form-home .form-check-label {
        font-size: 14px;
    }
}


/* 05.modal */
#privacyModal .modal-title{
    font-weight: 400;
    font-size: 26px;
    line-height: 35px;
    margin-top: 18px;
}

#privacyModal .close {
    right: 24px;
    opacity: 1;
    top: 24px;
}

#privacyModal .modal-body{
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
}

#privacyModal .custom-scroll::-webkit-scrollbar {
    width: 4px;
}
#privacyModal .custom-scroll::-webkit-scrollbar-track{
    background: #DEE3F3;
    border-radius: 8px;
}

#privacyModal .custom-scroll::-webkit-scrollbar-thumb,#privacyModal .custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #007AB3;
    border-radius: 8px;
}

#privacyModal .btn{
    width: 100%;
    max-width: 296px;
}

/* 05.01 AncModalAlert */
#titleSection .title_anc_modal{
    color:#2D2F32;
}
#contentSection {
    padding-left: 40px;
    padding-right: 40px;
}
#contentSection .content_anc_modal{
    color: #757575;
}

@media (max-width: 575px) {
    #privacyModal .modal-title{
        font-size: 20px;
        line-height: 28px;
        margin-top: 10px;
    }

    #privacyModal .close {
        right: 16px;
        top: 16px;
    }
    
    #privacyModal .modal-body{
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px !important;
    }

    #privacyModal .btn{
        width: 100%;
        max-width: 100%;
    }

    #titleSection div span{
        font-size: 20px;
        line-height: 28px;
    }
    #imgSection img{
        width: 88px !important; 
    }
    #contentSection {
        width: 100%;
        max-width: 321px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #contentSection .content_anc_modal{
        font-size: 16px;
        line-height: 24px;
    }
    #ModalJsWasMadeByAncDevelopers .btn-close-modal{
        width: 100%;
        max-width: 100%;
        margin-bottom: -30px;
    }
}

/* 06.faq */

#section_faq{
    padding-top: 56px;
    padding-bottom: 56px;
    background: linear-gradient(86.41deg, #FFFFFF -2.87%, #D9EBF4 112.69%, #004189 302.69%);
}

@media (max-width: 575px) {
    #section_faq{
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

/* 07.claim_doc*/
#section_claim_doc{
    padding-top: 48px;
    padding-bottom: 56px;
}
#section_claim_doc .title-home{
    margin-bottom: 36px;
}
#section_claim_doc hr.border-home{
    margin-top: 32px;
    margin-bottom: 36px;
}
.nav.nav-claim-doc{
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 28px;
    user-select: none;
    row-gap: 16px;
    column-gap: 8px;
}
.nav.nav-claim-doc .nav-item{
    font-family: 'kanit';
    width: 100%;
    max-width: 198px;
}
.nav.nav-claim-doc .nav-link{
    color: #595959;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.1px;
    padding: 6px 5px;
    border: 1px solid #D9D9D9;
    border-radius: 28px;
    text-align: center;
}
.nav.nav-claim-doc img.img-icon-nav{
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid var(--main-home-01);;
}
.nav.nav-claim-doc .nav-link.active, .nav.nav-claim-doc .show>.nav-link{
    border: 1px solid var(--main-home-01);
    background: #DDECF3;
    color: var(--main-home-01);
}

.gap-card-claim{
    gap: 36px;
}
.card-claim {
    overflow: hidden;
    border: 1px solid var(--main-home-01);
    border-radius: 24px;
}
.card-claim > .head-card{
    background: var(--main-home-01);
    padding: 17.5px 28.5px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 20.5px;
}

.card-claim > .head-card i.icon-head{
    content: url("data:image/svg+xml,%3Csvg width='28' height='34' viewBox='0 0 28 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.81802 2.1481C2.66193 1.30418 3.80653 0.830078 5 0.830078H17C17.3978 0.830078 17.7794 0.988113 18.0607 1.26942L27.0607 10.2694C27.342 10.5507 27.5 10.9323 27.5 11.3301V29.3301C27.5 30.5236 27.0259 31.6681 26.182 32.5121C25.3381 33.356 24.1935 33.8301 23 33.8301H5C3.80653 33.8301 2.66193 33.356 1.81802 32.5121C0.974106 31.6681 0.5 30.5236 0.5 29.3301V5.33008C0.5 4.1366 0.974105 2.99201 1.81802 2.1481ZM5 3.83008C4.60217 3.83008 4.22064 3.98811 3.93934 4.26942C3.65804 4.55072 3.5 4.93225 3.5 5.33008V29.3301C3.5 29.7279 3.65804 30.1094 3.93934 30.3907C4.22064 30.672 4.60218 30.8301 5 30.8301H23C23.3978 30.8301 23.7794 30.672 24.0607 30.3907C24.342 30.1094 24.5 29.7279 24.5 29.3301V12.8301H17C16.1716 12.8301 15.5 12.1585 15.5 11.3301V3.83008H5ZM18.5 5.9514L22.3787 9.83008H18.5V5.9514ZM6.5 12.8301C6.5 12.0017 7.17157 11.3301 8 11.3301H11C11.8284 11.3301 12.5 12.0017 12.5 12.8301C12.5 13.6585 11.8284 14.3301 11 14.3301H8C7.17157 14.3301 6.5 13.6585 6.5 12.8301ZM6.5 18.8301C6.5 18.0016 7.17157 17.3301 8 17.3301H20C20.8284 17.3301 21.5 18.0016 21.5 18.8301C21.5 19.6585 20.8284 20.3301 20 20.3301H8C7.17157 20.3301 6.5 19.6585 6.5 18.8301ZM6.5 24.8301C6.5 24.0016 7.17157 23.3301 8 23.3301H20C20.8284 23.3301 21.5 24.0016 21.5 24.8301C21.5 25.6585 20.8284 26.3301 20 26.3301H8C7.17157 26.3301 6.5 25.6585 6.5 24.8301Z' fill='white'/%3E%3C/svg%3E%0A");
}

.card-claim > .detail-card{
    padding: 20px;
}

.card-claim > .detail-card .row.gap-box{
    row-gap: 20px;
}

.card-claim > .detail-card .box-img-detail{
    border: 1px solid #B1E0F8;
    border-radius: 16px;
    padding: 12px;
}

.card-claim > .detail-card .box-img-detail img{
    width: 100%;
    height: 270px;
    object-fit: contain;
}

.card-claim > .detail-card .box-txt{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: fit-content;
    color: #757575;
}

.card-claim > .detail-card .box-txt .number{
    min-width: 36px;
    min-height: 36px;
    gap: 10px;
    border-radius: 50%;
    border: 1px solid var(--main-home-01);
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: var(--main-home-01);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-claim > .detail-card .box-txt .btn{
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-flex;
    margin-top: 12px;
}

.card-claim > .detail-card .title{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #2D2F32;
}

.card-claim > .detail-card hr.border-contact{
    margin-top: 16px;
    margin-bottom: 10px;
    border-color:  #DBF1FC;
}

.card-claim > .detail-card .detail-contact{
    color: #757575;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.card-claim > .detail-card .detail-contact a {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    color: #54A6CF;
}

@media (max-width: 991px) {
    .nav.nav-claim-doc{
        justify-content: normal;
        flex-wrap: nowrap;
    }
    .nav.nav-claim-doc .nav-item{
        min-width: 198px;
    }
    .card-claim > .detail-card .gap-contact{
        row-gap: 24px;
    }
}
@media (max-width: 767px) {
    .card-claim > .detail-card .box-img-detail img {
        height: 150px;
    } 
}
@media (max-width: 575px) {
    #section_claim_doc{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    #section_claim_doc .title-home{
        margin-bottom: 24px;
    }
    .nav.nav-claim-doc .nav-link{
        padding: 8px 5px;
        font-size: 14px;
    }
    #section_claim_doc hr.border-home {
        margin-top: 16px;
        margin-bottom: 24px;
    }
    .card-claim > .head-card{
        background: var(--main-home-01);
        padding: 14px 16px;
        font-size: 18px;
        line-height: 26px;
        gap: 12px;
    }
    .card-claim > .detail-card{
        padding: 16px;
    }
    .card-claim > .detail-card .box-img-detail img {
        height: 132px;
    } 
    .card-claim > .detail-card .box-txt{
        font-size: 14px;
        line-height: 18px;
    }
    .card-claim > .detail-card .box-txt .number{
        min-width: 24px;
        min-height: 24px;
        gap: 4px;
        font-size: 14px;
        line-height: 18px;
    }
    .card-claim > .detail-card .box-txt .btn {
        width: 100%;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 5px;
        justify-content: center;
    }
    .card-claim > .detail-card .detail-contact {
        padding: 0 25px;
    }
    
}


/* 08.step */
#section_step{
    margin-top: 56px;
}
#section_step .title-home{
    width: 100%;
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    line-height: 50px;
}
.box-step {
    background-image: url(../../img_front/1/bg-step.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 580px;
}

.box-step .custom-row{
    width: 100%;
    max-width: 1000px;
    margin-right: 78px;
    margin-left: auto;
    padding-top: 8px;
}
.box-step .custom-row > .custom-col{
    padding: 12px;
}

.box-step .step {
    border-radius: 46px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: center;
    position: relative;
}

.box-step .step.step1 , .box-step .step.step3{
    background: linear-gradient(86.41deg, #FFFFFF -2.87%, #D9EBF4 112.69%, #004189 302.69%);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.box-step .step.step2 , .box-step .step.step4 {
    background: #FFFFFF;
}

.box-step .step.step1 ,.box-step .step.step3{
    padding-top: 35px;
    padding-bottom: 35px;
}
.box-step .step.step2 ,.box-step .step.step4 {
    padding-top: 0;
    padding-bottom: 48px;
    margin-top: 60px;
}


.box-step .step-number {
    background: var(--main-home-01);
    color: #FFFFFF;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

.box-step .step img {
    margin-bottom: 16px;
}
.box-step .step.step1 img{
    width: 180px;
}
.box-step .step.step2 img{
    width: 200px;
}
.box-step .step.step3 img{
    width: 165px;
}
.box-step .step.step4 img{
    width: 210px;
}

.box-step .step h3 {
    color: var(--main-home-01);
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 8px;
}

.box-step .step p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #757575;
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .box-step .custom-row{
        max-width: 797px;
        margin-right: 62px;
        padding-top: 123px;
    }
    .box-step .custom-row > .custom-col{
        padding: 8px;
    }

    .box-step .step.step1 ,.box-step .step.step3{
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .box-step .step.step2 ,.box-step .step.step4 {
        padding-bottom: 25px;
        margin-top: 45px;
    }
    .box-step .step.step1 img {
        width: 130px;
    }
    .box-step .step.step2 img{
        width: 140px;
    }
    .box-step .step.step3 img{
        width: 119px;
    }
    .box-step .step.step4 img{
        width: 147px;
    }
    .box-step .step h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .box-step .step p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 991px) {
    .box-step {
        background-image: url(../../img_front/1/bg-step-lg.png);
        height: 100%;
        padding-bottom: 40px;
        padding-left: 70px;
        padding-right: 70px;
    }

    .box-step .custom-row {
        max-width: 100%;
        margin-left: -8px;
        margin-right: -8px;
        padding-top: 0;
        row-gap: 16px;
    }

    .box-step .custom-row > .custom-col {
        padding: 0px 8px;
    }

    .box-step .step.step1 ,
    .box-step .step.step2 ,
    .box-step .step.step3 ,
    .box-step .step.step4 {
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0;
        min-height: 395px;
    }
    .box-step .step.step2 , .box-step .step.step4 {
        border: 1px solid #B1E0F8
    }
    
}
@media (max-width: 767px) {
    .box-step {
        padding-left: 0;
        padding-right: 0;
    }
    .box-step .step.step1 ,
    .box-step .step.step2 ,
    .box-step .step.step3 ,
    .box-step .step.step4 {
        width: 100%;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 575px) {
    #section_step{
        margin-top: 24px;
    }
    #section_step .title-home{
        max-width: 350px;
        line-height: 38px;
    }
    .box-step .step.step1 ,
    .box-step .step.step2 ,
    .box-step .step.step3 ,
    .box-step .step.step4 {
        min-height: auto;
    }
    .box-step .step img {
        margin-bottom: 12px;
    }
    .box-step .step-number {
        width: 32px;
        height: 32px;
        font-size: 18px;
        margin-bottom: 12px;
    }
    .box-step .step h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 4px;
    }
    .box-step .step p {
        font-size: 16px;
        line-height: 24px;
    }
    .bg-absolute-sm{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-60%, -50%);
        width: 100%;
        max-width: 257px;
    }
}