[v-cloak] {
    display: none;
}

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

.title-head-section {
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    color: #2D2F32;
}

@media (max-width: 500px) {
    .title-head-section {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 374px) {
    .title-head-section {
        font-size: 26px;
        line-height: 34px;
    }
}

.top-for-box-checkbia-center {
    top: -65px;
}

.box-checkbia-center {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 12px #DEE3F3;
    border-radius: 8px;
}

.bg-box-checkbia-top {
    position: absolute;
    top: 0;
    left: 0;
}

.bg-box-checkbia-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.box-in-checkbia-center {
    padding: 24px 48px 34px;
}

.text-title-checkbia-center {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #222222;
    margin-bottom: 16px;
}

.text-custom-detail-cal {
    font-weight: 400;
    font-size: 15px;
    line-height: 22.43px;
}

.text-custom-detail-cal.head {
    color: #2541B2;
}

.btn.btn-warning-prakun.btn-custom-1 {
    width: auto;
}

.card-footer.fix-footer {
    margin-top: -45px;
}

.font-weight-300 {
    font-weight: 300 !important;
}


@media (max-width: 767px) {
    .box-in-checkbia-center {
        padding: 20px 20px 24px;
    }
}

@media (max-width: 500px) {
    .text-title-checkbia-center {
        font-size: 20px;
        line-height: 28px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px;
        width: 100%;
        max-width: 175px;
    }

    .btn.btn-warning-prakun.btn-custom-1 {
        width: 100%;
        height: 40px;
    }
}

@media (max-width: 424px) {
    .box-checkbia-center .box-txt-check-gender {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-checkbia-center .form-label {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* info_cal */

.b-example-left {
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 14px;
    background-color: #E5E9FB;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.b-example-left .title {
    color: #2541B2;
    margin-bottom: 8px;
}

.b-example-left .detail {
    color: #5F5F5F;
}

.b-cal-right {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    width: 100%;
}

.b-cal-right .b-step-cal {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.b-step-cal .title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.b-step-cal .title .number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #FFFBE0;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #5A4C00;
}

.b-step-cal .title .txt {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #5A4C00;
}

.b-step-cal .b-detail {
    padding: 16px 24px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #5F5F5F;
}

.b-step-cal .b-detail.last {
    background-color: #FFF16F;
    border: 1px solid #FFF16F;
}

.b-step-cal .b-detail .txt {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.b-step-cal .b-detail .txt .w-txt {
    min-width: 146px;
}

.b-step-cal .b-detail .txt-sub {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
}

.b-step-cal .b-detail .txt-blue {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #2541B2;
}

.b-step-cal .b-detail .txt-big {
    font-weight: 400;
    font-size: 35px;
    line-height: 43px;
    color: #222222;
    margin-top: 8px;
}

.b-step-cal .b-detail hr {
    margin-top: 12px;
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    #section_info_cal.title-head-section {
        margin-bottom: 10px;
    }

    .b-example-left {
        margin-top: 10px;
        margin-bottom: 16px;
    }

    .img-info-cal {
        max-width: 425px;
    }

    .b-cal-right {
        row-gap: 20px;
    }

}

@media (max-width: 500px) {
    .img-info-cal {
        width: 100%;
        max-width: 320px;
    }

    .b-example-left {
        padding: 12px 16px;
        font-size: 14px;
        line-height: 18px;
    }

    .b-step-cal .b-detail {
        padding: 12px 16px;
    }

    .b-cal-right .b-step-cal {
        row-gap: 8px;
    }

    .b-step-cal .title .txt {
        font-size: 18px;
        line-height: 26px;
    }

    .b-step-cal .b-detail .txt-big {
        font-size: 28px;
        line-height: 36px;
        margin-top: 4px;
    }
}

/* info_help */
#section_info_help.title-head-section {
    margin-bottom: 36px;
}

.img-info-help {
    width: 100%;
    max-width: 200px;
}

.b-txt-info-help {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #5A4C00;
    text-align: center;
    width: 100%;
    max-width: 245px;
    margin: 16px auto;
}

@media (max-width: 500px) {
    #section_info_help.title-head-section {
        margin-bottom: 24px;
    }

    .img-info-help {
        max-width: 183px;
    }

    .b-txt-info-help {
        font-size: 16px;
        line-height: 24px;
        max-width: 196px;
        margin: 12px auto 16px;
    }

    .row.row-custom-info-help {
        margin-left: -8px;
        margin-right: -8px;
    }

    .row.row-custom-info-help [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 374px) {
    .b-txt-info-help {
        font-size: 14px;
        line-height: 22px;
        max-width: 196px;
    }
}

/* info_refinance */
#section_info_refinance.title-head-section {
    margin-bottom: 36px;
}

.row.row-custom-info-refinance {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.row.row-custom-info-refinance [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.row.row-custom-info-refinance .btn-see-plan-prakun {
    max-width: 320px;
    margin-top: 8px;
    padding: 8px 12px;
    margin-bottom: 8px;
}

.row.row-custom-info-refinance .btn-see-plan-prakun:hover {
    color: #FFFFFF;
}

.b-txt-refinance {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 24px;
}

.b-txt-refinance img {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
}

.b-txt-refinance .txt .head {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #2541B2;
    margin-bottom: 8px;
}

.b-txt-refinance .txt .detail {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5F5F5F;
}

@media (max-width: 500px) {
    #section_info_refinance.title-head-section {
        margin-bottom: 24px;
    }

    .b-txt-refinance {
        gap: 12px;
        margin-top: 16px;
    }

    .b-txt-refinance img {
        width: 36px;
        min-width: 36px;
        max-width: 36px;
        height: 36px;
    }

    .b-txt-refinance .txt .head {
        font-size: 18px;
        line-height: 26px;
    }

    .row.row-custom-info-refinance .btn-see-plan-prakun {
        display: none;
    }

    .img-info-refinance {
        margin-top: 16px;
    }
}

/* 08.step */
#section_claim.title-head-section {
    width: 100%;
    max-width: 741px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

.b-step {
    background-image: url('../img/claim/bg-step.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 580px;
}

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

.b-step .custom-row>.custom-col {
    padding: 12px;
}

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

.b-step .step.step1,
.b-step .step.step3 {
    background: linear-gradient(76.19deg, #FFFFFF -3.08%, #E5E9FB 122.59%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.b-step .step.step2,
.b-step .step.step4 {
    background: #FFFFFF;
}

.b-step .step.step1,
.b-step .step.step3 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.b-step .step.step2,
.b-step .step.step4 {
    padding-top: 0;
    padding-bottom: 48px;
    margin-top: 60px;
}


.b-step .step-number {
    background: #FFF16F;
    color: #222222;
    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;
}

.b-step .step img {
    margin-bottom: 16px;
}

.b-step .step.step1 img {
    width: 180px;
}

.b-step .step.step2 img {
    width: 200px;
}

.b-step .step.step3 img {
    width: 165px;
}

.b-step .step.step4 img {
    width: 210px;
}

.b-step .step h3 {
    color: #222222;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 8px;
}

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

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

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

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

    .b-step .step.step2,
    .b-step .step.step4 {
        padding-bottom: 25px;
        margin-top: 45px;
    }

    .b-step .step.step1 img {
        width: 130px;
    }

    .b-step .step.step2 img {
        width: 140px;
    }

    .b-step .step.step3 img {
        width: 119px;
    }

    .b-step .step.step4 img {
        width: 147px;
    }

    .b-step .step h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .b-step .step p {
        font-size: 14px;
        line-height: 22px;
    }
}

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

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

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

    .b-step .step.step1,
    .b-step .step.step2,
    .b-step .step.step3,
    .b-step .step.step4 {
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0;
        min-height: 395px;
    }

    .b-step .step.step2,
    .b-step .step.step4 {
        border: 1px solid #B1E0F8
    }

}

@media (max-width: 767px) {
    .b-step {
        padding-left: 0;
        padding-right: 0;
    }

    .b-step .step.step1,
    .b-step .step.step2,
    .b-step .step.step3,
    .b-step .step.step4 {
        width: 100%;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 575px) {
    #section_step .title-home {
        max-width: 350px;
        line-height: 38px;
    }

    .b-step .step.step1,
    .b-step .step.step2,
    .b-step .step.step3,
    .b-step .step.step4 {
        min-height: auto;
    }

    .b-step .step img {
        margin-bottom: 12px;
    }

    .b-step .step-number {
        width: 32px;
        height: 32px;
        font-size: 18px;
        margin-bottom: 12px;
    }

    .b-step .step h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 4px;
    }

    .b-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;
    }
}


#section_claim_doc {
    padding-top: 48px;
    padding-bottom: 36px;
}

hr.border-home-claim {
    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 #2541B2;
}

.nav.nav-claim-doc .nav-link.active,
.nav.nav-claim-doc .show>.nav-link {
    border: 1px solid #2541B2;
    background: #E5E9FB;
    color: #2541B2;
}

.gap-card-claim {
    gap: 36px;
}

.card-claim {
    overflow: hidden;
    border: 1px solid #2541B2;
    border-radius: 24px;
}

.card-claim>.head-card {
    background: #2541B2;
    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 #D9D9D9;
    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: #222222;
}

.card-claim>.detail-card .box-txt .number {
    min-width: 36px;
    min-height: 36px;
    gap: 10px;
    border-radius: 50%;
    border: 1px solid #2541B2;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #2541B2;
    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: #2541B2;
}

.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
}

.btn.btn-custom-outline-home01 {
    color: #2541B2;
    background: #FFFFFF;
    border-color: #2541B2;
}

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%3Cpath d='M17.3277 10.1797H8.65509C8.45935 10.1797 8.30078 10.3383 8.30078 10.5338C8.30078 10.7296 8.45935 10.8881 8.65509 10.8881H17.3277C17.5233 10.8881 17.6818 10.7296 17.6818 10.5338C17.6818 10.3383 17.5233 10.1797 17.3277 10.1797Z' fill='%232541B2'/%3E%3Cpath d='M17.3277 7.98438H8.65509C8.45935 7.98438 8.30078 8.14294 8.30078 8.33868C8.30078 8.53424 8.45935 8.69281 8.65509 8.69281H17.3277C17.5233 8.69281 17.6818 8.53424 17.6818 8.33868C17.6818 8.14294 17.5233 7.98438 17.3277 7.98438Z' fill='%232541B2'/%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='%232541B2'/%3E%3Cpath d='M8.65509 6.50549H14.173C14.3687 6.50549 14.5273 6.34692 14.5273 6.15118C14.5273 5.95544 14.3687 5.79688 14.173 5.79688H8.65509C8.45935 5.79688 8.30078 5.95544 8.30078 6.15118C8.30078 6.34674 8.45935 6.50549 8.65509 6.50549Z' fill='%232541B2'/%3E%3C/svg%3E%0A");
}

@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;
    }

    .nav.nav-claim-doc .nav-link {
        padding: 8px 5px;
        font-size: 14px;
    }

    hr.border-home-claim {
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .card-claim>.head-card {
        background: #2541B2;
        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;
    }

}

/* article */
@media (max-width: 500px) {
    #article .txt-head-title-prakun-template {
        width: 100%;
        max-width: 308px;
        margin-left: auto;
        margin-right: auto;
    }

}