/* Reset font */
.icw h1, .icw .h1, .icw h2, .icw .h2, .icw h3, .icw .h3, .icw h4, .icw .h4, .icw h5, .icw .h5, .icw h6, .icw .h6, .section.section-benefit, .popup-benefit, .section.section-highlight, .ui-datepicker, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year, .content-table-terms table, .section-coverage, .section.section-faq .accordion, .section.section-contact, fieldset, .txt-notify, .table-wrap .table-overlay .desc, .icw-table.table.tb-content, .converage-card-body td, .select2-container .select2-results__option, .image-onMobile p {
    font-family: "kurious-looped";
}
.icw h1>strong, .icw .h1>strong, .icw h2>strong, .icw .h2>strong, .icw h3>strong, .icw .h3>strong, .icw h4>strong, .icw .h4>strong, .icw h5>strong, .icw .h5>strong, .icw h6>strong, .icw .h6>strong, .section.section-benefit strong, .popup-benefit strong, .section.section-highlight strong, .btn.btn-theme, .content-table-terms table strong, .section-coverage strong, .section.section-coverage-terms .accordion-title, .section.section-contact strong, .section.section-contact a, .converage-card-title, .icw-table.table.tb-content strong, .tabs-faq {
    font-family: "kurious-looped";
}

.pt-0 {
    padding-top: 0;
}
.mb-32 {
    margin-bottom: 32px;
}
.visible-mb {
    display: none;
}
.visible-dt {
    display: block;
}
h3.new-service-title {
    font-size: 35px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin-bottom: 32px;
}
.card-new-service {
    /* min-width: 1140px; */
    /* min-height: 422px; */
    width: 100%;
    border-radius: 8px;
    display: flex;
    gap: 32px;
}
.header-green {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #00A94F;
    margin-bottom: 16px !important;
}
.bg-mtl-health .wrapper-content-right .text-info {
    border-top: 1px solid #D9D9D9;
    margin-top: 24px;
    padding-top: 24px;
}
.bg-kbank-health .wrapper-content-right .text-contact {
    /* color: #BBA985; */
    /* border: 1px solid; */
    /* border-top: 1px solid #BBA985; */
    border: 1px solid transparent;
    border-image: linear-gradient(270deg, #D0C0A1 4.51%, #BBA985 85.76%) 1;
    border-image-width: 1px 0 0 0;
    margin-top: 24px;
    padding-top: 24px;
    /* border-image-source: linear-gradient(270deg, #D0C0A1 4.51%, #BBA985 85.76%); */

    margin: 24px 0;
}
.wrapper-content-right .text-info {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 8px;
}
.text-contact {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 8px !important;
}
.bg-mtl-health .text-contact span {
    font-weight: 600;
    color: #FF0092;
    margin-right: 8px;
}
.bg-kbank-health .text-contact span {
    font-weight: 600;
    color: #547556;
    margin-right: 8px;
    margin-left: 8px;
}
.text-contact img {
    width: 24px;
    margin-right: 8px;
    margin-top: -2px;
}
.date-time-open {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
    margin-bottom: 24px !important;
}

/* box mtl health */
.bg-mtl-health {
    background: linear-gradient(99.39deg, rgba(254, 204, 203, 0.8) -7.37%, rgba(255, 244, 248, 0.8) 27.99%, rgba(237, 251, 251, 0.8) 56.4%, rgba(176, 232, 224, 0.8) 104.07%);
    overflow: hidden;
}
.bg-mtl-health .wrapper-content-left {
    position: relative;
    min-width: 410px;
}
.bg-mtl-health .img-banner {
    position: absolute;
    bottom: 0;
    max-height: 416px;
    right: 0;
}
.bg-mtl-health .wrapper-content-right {
    padding-top: 32px;
    padding-bottom: 32px;
    width: 100%;
    max-width: 578px;
}
.bg-mtl-health .wrapper-content-right .header-content-right {
    background: linear-gradient(320.16deg, #DC107D 13.36%, #FF0092 84.6%);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 8px;
    max-width: fit-content;
}
.bg-mtl-health .wrapper-content-right h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 8px !important;
}
.bg-mtl-health .condition {
    /* background: rgba(82, 231, 210, 0.1); */
    /* border: 1px solid rgba(82, 231, 210, 0.3); */
    padding: 16px 24px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #666666;
    /* border-radius: 8px; */
    padding-left: 0;
    text-align: left;
}
.bg-kbank-health .condition {
    margin-top: 24px;
    /* background: rgba(255, 255, 255, 0.3); */
    /* border: 1px solid rgba(187, 169, 133, 0.3); */
    padding: 16px 24px;
    font-size: 13px;
    line-height: 20px;
    /* text-align: center; */
    color: #678364;
    /* border-radius: 8px; */

    background: none;
    border: none;
    text-align: left;
    padding-left: 0;
}
/* box mtl health */

/* box kbank health */
.bg-kbank-health {
    /* background: radial-gradient(162% 162% at 50% 50%, #FFFBF4 0%, #F8E2BE 54.81%, #D4B785 100%); */
    background: url("/SiteCollectionDocuments/personal/insure/life/dhealthplus/img/kbank-health-service-bg-desktop.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* border: 4px solid transparent;
    border-image: linear-gradient(270deg, #F9E8CA 3.82%, #D0C0A1 28.64%, #BBA985 60.94%, #F9E8CA 85.76%) 1;
    border-image: linear-gradient(90deg, #778F6F 0%, rgba(119, 143, 111, 0) 50%, rgba(119, 143, 111, 0) 100%) 1;
    
    border-image-width: 4px 0; */
    position: relative;
}
.bg-kbank-health::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #778F6F 0%, rgba(119, 143, 111, 0) 50%, rgba(119, 143, 111, 0) 100%);
}
.bg-kbank-health::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, rgba(151, 66, 75, 0) 0%, rgba(151, 66, 75, 0) 50%, #97424B 100%);
}
.bg-kbank-health .wrapper-content-left {
    position: relative;
    min-width: 457px;
}
.bg-kbank-health .img-banner {
    position: absolute;
    bottom: 0;
    max-height: 504px;
    right: 0;
}
.bg-kbank-health .wrapper-content-right {
    /* padding-top: 72px; */
    padding-bottom: 64px;
}
.bg-kbank-health h3 {
    font-size: 35px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 24px !important;
    text-align: center;
    padding-top: 64px;
}
.bg-kbank-health .wrapper-content-right .header-content-right {
    background: linear-gradient(90deg, #350F18 -112.76%, #4E1724 -50.63%, #641D2E 42.56%, #451420 135.76%, #1E090E 197.89%);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 8px;
    max-width: fit-content;
}
.bg-kbank-health .wrapper-content-right h4 {
    color: #333333;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 8px !important;
}
/* box kbank health */
.c-sierra {
    color: #547556 !important;
}
.c-wisdom {
    color: #641D24 !important;
}
.header-sierra {
    background: radial-gradient(87.36% 841.82% at 55.85% 115.75%, #547556 0%, #8EA07F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 600;
    /* color: rgba(84, 117, 86, 1); */
}
@media screen and (max-width: 767px) {
    .visible-mb {
        display: block;
    }
    .visible-dt {
        display: none;
    }
    .img-phone {
        display: flex;
        gap: 8px;
        margin-bottom: 8px;
    }
    .img-phone img {
        height: 24px;
    }
    .bg-mtl-health {
        background: linear-gradient(167.3deg, rgba(254, 204, 203, 0.8) -10.7%, rgba(255, 244, 248, 0.8) 31.55%, rgba(237, 251, 251, 0.8) 75.82%, rgba(176, 232, 224, 0.8) 122.45%);
    }
    /* .bg-kbank-health {
        background: url("/SiteCollectionDocuments/personal/insure/life/dhealthplus/img/kbank-health-service-bg-mobile.jpg");
    } */
    h3.new-service-title {
        font-size: 26px;
        margin-bottom: 24px;
        line-height: 38px;
    }
    .bg-kbank-health h3 {
        line-height: 38px;
    }
    .mb-32 {
        margin-bottom: 24px;
    }
    .bg-mtl-health .wrapper-content-right {
        padding-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
    }
    .bg-mtl-health .wrapper-content-right h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .card-new-service {
        flex-direction: column;
        gap: 24px;
    }
    /* .img-banner {
        order: 2;
    } */
    .bg-kbank-health .wrapper-content-right {
        padding-bottom: 0;
    }
    .bg-mtl-health .wrapper-content-left {
        min-width: 100%;
        order: 2;
        display: flex;
        justify-content: center;
    }
    .bg-mtl-health .img-banner {
        position: relative;
        max-height: 300px;
    }
    .bg-kbank-health .wrapper-content-left {
        position: relative;
        min-width: 100%;
        order: 2;
        display: flex;
        justify-content: center;
    }
    .bg-kbank-health .img-banner {
        position: relative;
        max-height: 300px;
    }
    .bg-mtl-health .text-contact span {
        /* margin-bottom: 8px; */
        margin-right: 0;
    }
    .bg-mtl-health .condition {
        padding: 8px;
        margin-bottom: 24px;
    }

    .bg-kbank-health h3 {
        font-size: 26px;
    }
    .c-kbank-health-mb {
        font-weight: 600;
        color: #547556;
        font-size: 16px;
        line-height: 24px;
    }
    .kbank-health-mb {
        margin-top: 8px !important;
        color: #333333;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .kbank-health-mb img {
        width: 24px;
        margin-top: -2px;
        margin-right: 8px;
    }
    .bg-kbank-health .condition {
        padding: 8px;
        margin-bottom: 24px;
    }
}

/* ============================================
   MOBILE STYLES - Expand/Collapse Feature
   ============================================ */
@media (max-width: 768px) {
    .content-collapsible {
        max-height: 180px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.5s ease-out;
        
        -webkit-mask-image: linear-gradient(
            to bottom,
            black 0%,
            black 50%,
            transparent 100%
        );
        mask-image: linear-gradient(
            to bottom,
            black 0%,
            black 50%,
            transparent 100%
        );
    }
    .bg-mtl-health .content-collapsible {
        max-height: 207px;
    }
    .bg-kbank-health .content-collapsible {
        max-height: 230px;
    }

    .content-collapsible.expanded {
        max-height: 2000px;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .btn-see-more {
        display: block;
        width: 100%;
        text-align: center !important;
        color: #00A94F !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        /* padding: 15px; */
        cursor: pointer;
        background: transparent;
        border: none;
        /* margin-top: 5px; */
        text-decoration: underline;
        /* text-underline-offset: 3px; */
    }
}

@media (min-width: 769px) {
    .btn-see-more {
        display: none !important;
    }

    .content-collapsible {
        max-height: none !important;
        overflow: visible !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }
}