/* ################################################# */
#page {
    opacity: 1;
    font-weight: 500;
}

.mt-8 {
    margin-top: 8px !important;
    display: block;
}

.mt-16 {
    margin-top: 16px !important;
    display: block;
}

.mb-4 {
    margin-bottom: 4px !important;
    display: block;
}

.mb-8 {
    margin-bottom: 8px !important;
    display: block;
}

.mb-16 {
    margin-bottom: 16px !important;
    display: block;
}

.mb-24 {
    margin-bottom: 24px !important;
    display: block;
}

.mb-32 {
    margin-bottom: 32px !important;
    display: block;
}

.sc {
    overflow: hidden;
}

.icw main * strong {
    font-weight: 600;
}

.icw main * {
    font-family: kurious-looped;
}

.a-left {
    text-align: left !important;
}

.inactive {
    display: none !important;
}

.nw {
    white-space: nowrap !important;
}

.f-kurious {
    font-family: kurious !important;
}

.f-kurious-looped {
    font-family: kurious-looped !important;
}

.visible-w414 {
    display: block !important;
}

.hidden-w414 {
    display: none !important;
}

.visible-w1199 {
    display: block !important;
}

.hidden-w1199 {
    display: none !important;
}

.visible-w1024 {
    display: block !important;
}

.hidden-w1024 {
    display: none !important;
}

.visible-w991 {
    display: block !important;
}

.hidden-w991 {
    display: none !important;
}

.visible-w767 {
    display: block !important;
}

.hidden-w767 {
    display: none !important;
}

@media screen and (min-width:414px) {
    .visible-w414 {
        display: none;
    }

    .hidden-w414 {
        display: block;
    }
}

@media screen and (min-width: 1199px) {
    .visible-w1199 {
        display: none !important;
    }

    .hidden-w1199 {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) {
    .visible-w1024 {
        display: none !important;
    }

    .hidden-w1024 {
        display: block !important;
    }
}

@media screen and (min-width: 991px) {
    .visible-w991 {
        display: none !important;
    }

    .hidden-w991 {
        display: block !important;
    }
}

@media screen and (min-width:767px) {
    .visible-w767 {
        display: none !important;
    }

    .hidden-w767 {
        display: block !important;
    }
}

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
    padding-left: 0 !important;
}

ol.c-number-list {
    padding-left: 20px !important;
}

ol>li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

ol>li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}

li ol>li {
    margin: 0;
}

li ol>li:before {
    content: counters(item, ".") " ";
}

/* ################################################# */

/*########################### sc-hero-banner ###########################*/
.sc-hero-banner .container {
    position: relative;
}

.icw .btn-banner .btn {
    width: 169px;
}

.icw .btn {
    box-shadow: none;
    background: #00a94f;
    color: #ffffff;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    width: 100%;
    line-height: 48px;
    height: 48px;
    border-radius: 8px;
}

.icw .btn-banner .btn {
    width: 169px;
}

.icw .btn:hover {
    background: #009445;
}

.banner-slider {
    margin-bottom: 0 !important;
    position: relative;
}

.banner-slider.slick-slider .slick-dots {
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
}


.slick-dots li button:before {
    display: none;
}

.slick-slider .slick-dots {
    bottom: -32px;
}

.slick-slider .slick-dots li.slick-active button {
    width: 24px;
    height: 8px;
    background: #00A850;
    border-radius: 50px;
    border: 0;
}

.slick-slider .slick-dots li {
    margin: 0 8px;
}

.slick-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #ddd;
}

.btn-banner {
    position: absolute;
    bottom: 64px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
}

.container .heading .text {
    color: #333;
    font-family: kurious-looped;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}

.sc-inner {
    padding: 48px 0;
}

.icw .container {
    margin: 0 auto;
    padding: 0 16px;
}

.sc-app-detail .container .heading .text {
    margin-bottom: 24px !important;
}

@media screen and (min-width: 1024px) {
    .icw .btn {
        width: 200px;
    }

}

@media screen and (min-width: 767px) {
    .sc-app-detail .container .heading .text {
        margin-bottom: 32px !important;
    }

    .banner-slider.slick-slider .slick-dots {
        text-align: right;
        bottom: 56px;
    }

    .btn-banner {
        bottom: 48px;
        left: 15px;
        text-align: left;
    }

    .sc-inner {
        padding: 64px 0;
    }

    .container .heading .text {
        font-size: 33px;
    }
}

/*########################### end sc-hero-banner ###########################*/

/*############### faq ###############*/
.sc-faqs {
    background: #ECF4F3;
}

.sc-faqs .sc-content {
    margin-top: 16px;
}

.sc-faqs .accordion-kl {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 16px;
}

.sc-faqs .accordion-kl:last-child {
    margin-bottom: 0;
}

.sc-faqs .accordion-title {
    background: #fff;
    color: #00a94f;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    padding: 16px 46px 16px 16px;
    border-left: 0;
    /* border-radius: 0; */
}

.sc-faqs .accordion-title.active {
    background: #00a94f;
    color: #fff;
}

.sc-faqs .accordion-title:hover {
    background: #00a94f;
    color: #fff;
}

.sc-faqs .accordion-title:after {
    color: #00a94f;
    font-weight: 400;
    font-size: 16px;
}

.sc-faqs .accordion-content {
    background: #fff;
    padding: 16px;
}

.sc-faqs .accordion-title.active:after,
.sc-faqs .accordion-title.active,
.sc-faqs .accordion-title:hover:after {
    color: #fff;
}

.icw .sc-faqs ul,
.icw .sc-faqs ol {
    padding-left: 20px;
}

.icw .sc-faqs ul li {
    list-style: disc;
    color: #333;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.icw .sc-faqs ol li {
    list-style: decimal;
    color: #333;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.icw .sc-faqs p {
    list-style: decimal;
    color: #333;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 4px;
}

.icw .sc-faqs ul li:last-child,
.icw .sc-faqs ol li:last-child {
    margin-bottom: 0;
}

@media screen and (min-width:767px) {
    .sc-faqs .sc-content {
        margin-top: 24px;
    }

    .sc-faqs .accordion-content {
        padding: 16px 24px;
    }

    .sc-faqs .accordion-title {
        padding: 16px 46px 16px 24px;
        font-size: 18px;
    }

    .icw .con-sm {
        width: 880px;
    }
}

/*############### end faq ###############*/

/*############### shortcut ###############*/
.sc-shortcut .sc-inner {
    padding: 40px 0;
}

.service-container .item {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 18px;
    padding-bottom: 18px;

    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.service-container .item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.service .image i {
    background: transparent;
    width: auto;
    height: auto;
    line-height: initial;
}

.service .image i:before {
    color: #00A94F;
    font-size: 24px;
}

.service .caption {
    padding: 0;
}

.service .image {
    width: auto;
}

.service .caption .desc {
    color: #00A94F;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 600 !important;
    cursor: pointer;
    text-decoration: underline !important;
}

.caption .titele-service {
    color: #333;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 1.5;
}

/* 
.service .caption .desc:hover {
    color: #00873F;
} */

@media screen and (min-width:767px) {
    .service-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .service-container .item {
        width: 215px;
        /* height: 144px; */
        border-radius: 8px;
        border: 1px solid #EDEDED;
        background: #FFF;
        margin-bottom: 0;
        padding-bottom: 0;
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .service-container .item:last-child {
        border-bottom: 1px solid #E7E7E7;
        padding-bottom: 16px;
    }

    /* .service .caption .desc {
        color: #333;
        font-family: kurious-looped;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        text-decoration: none !important;
    }

    .service .caption .desc:hover {
        color: #00A94F;
    } */

    .item.service:hover {
        transform: scale(1.1);
    }

    .service-container .item .caption {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .service .image i:before {
        font-size: 32px;
    }
}

/*############### end shortcut ###############*/

/*############### sc-apply ###############*/
.sc-apply {
    background: #99DDB9;
    background: url(../img/apply-bg-mb-2.png);
    background-repeat: no-repeat;
    background-size: cover;

    background-attachment: unset !important;
}

.sc-apply .sc-inner {
    padding-top: 48px;
    padding-bottom: 48px;
}

.mb-apply {
    width: 338px;
    /* max-width: unset !important; */
    margin-bottom: 24px;
}

.flex-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    gap: 24px;
}

.sc-apply .heading .desc {
    margin: 0;
    line-height: 1.5em;
    color: #fff;
    text-align: center;
    margin-top: 8px;
    font-size: 13px;
}

.sc-apply .heading .desc .icon {
    position: relative;
    top: 4px;
    margin-right: 3px;
    font-size: 20px;
}

.sc-apply .btn {
    margin-top: 16px;
    width: 100%;
    font-size: 20px;
    background: #fff;
    color: #00A94F;
}

.sc-apply .btn:hover {
    background: #CCEEDC;
    color: #00A94F;
}

.sc-apply .heading .text {
    color: #fff;
    font-size: 28px;
}

@media screen and (min-width:768px) {

    .sc-apply .heading .text {
        font-size: 33px;
    }

    .sc-apply .heading .desc {
        font-size: 16px;
    }

    .flex-box {
        gap: 60px;
        flex-direction: row;
    }

    .mb-apply {
        margin-bottom: 0;
        max-width: unset !important;
    }

    .sc-apply .con-sm {
        padding: 0 36px;
    }

    .sc-apply .btn {
        margin-bottom: 40px;
    }

    .sc-apply .sc-inner {
        padding-bottom: 0;
        padding-top: 40px;
    }

    .sc-apply {
        background: url(../img/apply-bg-pc-2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/*############### end sc-apply ###############*/

/*############### application-details ###############*/
.sc-app-detail {
    background-color: #E6F7EE;
}

.sc-app-detail .sc-inner .container .box-content {
    /* box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06); */
    background-color: #ffffff;
    padding: 30px 20px;
    border-top: 5px solid #45a94f;
    margin-bottom: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.sc-app-detail .sc-inner .container .box-content:last-child {
    margin-bottom: 0;
}

.sc-app-detail .sc-inner .container .box-content .title {
    color: #111;
    font-family: kurious-looped;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}

.sc-app-detail .sc-inner .container .box-content .sub-title {
    margin-bottom: 16px;
    color: #111;
    font-family: kurious-looped;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.sc-app-detail .sc-inner .container .box-content .con.col-2 {
    columns: 1;
}

.sc-app-detail .sc-inner .container .box-content .con {
    padding-left: 20px;
    color: #666;
}

.sc-app-detail .sc-inner .container .box-content .con li {
    list-style: disc;
    margin-bottom: 10px;
}

@media screen and (min-width:992px) {
    .sc-app-detail .sc-inner .container .box-content {
        padding: 40px 32px 32px;
    }

    .sc-app-detail .sc-inner .container .box-content .con.col-2 {
        columns: 2;
        column-gap: 10%;
    }
}

@media screen and (min-width:768px) {
    .sc-app-detail .sc-inner .container .box-content .title {
        margin-bottom: 32px;
    }
}

/*############### end application-details ###############*/

/*############### loan-details ###############*/
.sc-loan-details {
    background-color: #f4f4f4;
}

.sc-loan-details .table {
    max-width: 850px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 40px;
}

.table-loan {
    border-radius: 8px;
    border-collapse: collapse;
}


.table-loan tr th {
    background: #00A94F;
    color: #FFF;
    text-align: center;
    font-family: kurious-looped;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    padding: 16px;
}

.table-loan tr td {
    color: #666;
    text-align: center;
    font-family: kurious-looped;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    padding: 16px;
}

.table-loan tr td:first-child {
    background: #00A94F;
    color: #FFF;
    font-weight: 600;
    width: 35%;
}

@media screen and (min-width:768px) {
    .table-loan tr th {
        font-size: 18px;
        padding: 24px;
    }

    .table-loan tr td {
        font-size: 16px;
        padding: 24px;
    }
}

/*############### end loan-details ###############*/