.section.section-details.section-details-bg {
     background-color: #FAFAFA;
}
 @media screen and (min-width: 1200px) {
    .section.section-highlight .content-box {
         padding-left: 0;
    }
}
 .icw a.more {
     text-decoration: underline !important;
}
 .icw .d-block-table {
     display: none;
}
 .icw .text-img-banner {
     margin-bottom: 15px;
}
 .icw .head-main-k-connect{
     padding-bottom: 90px;
}
 .icw .head-main-k-connect.feature-k-connect {
     margin-bottom: 10px 
}
 .icw .head-main-k-connect.feature-k-connect h2 {
     font-size: 42px;
}
 .icw .section-component, .icw .section-details {
     margin: 0;
     padding: 0;
}
 .icw .section-details {
     background-size: cover;
}
 .icw .head-main-k-connect h1 {
     font-size: 42px;
     margin-bottom: 10px;
}
 .icw .head-main-k-connect h2 {
     font-size: 18px;
     line-height: 1.5;
}
 .icw .head-main-k-connect {
     text-align: center;
     margin-bottom: 50px;
     font-family: 'kurious-looped';
}
 .icw .card-feature-k-connect {
     margin: 0 1.5rem;
}
 .icw .card-feature-k-connect img {
     max-width: 230px;
     margin: 0 auto;
}
 .icw .card-main-k-connect {
     background-size: cover;
     padding-bottom: 30px;
     position: relative;
     overflow: hidden;
}
 .icw .bg-connect-card {
     position: absolute;
     z-index: -1;
     height: 100%;
     width: 100%;
}
 .icw .card-k-connect {
     text-align: center;
}
 .icw .card-main-k-connect {
     text-align: center;
     height: 440px;
     border-radius: 20px;
     margin: 0 1.7rem;
}
 .icw .card-main-k-connect .card-k-connect {
     justify-content: flex-end;
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
}
 .icw .card-main-k-connect p.card-k-connect-head, .icw .card-main-k-connect h2.card-k-connect-head {
     font-size: 20px;
     margin-bottom: 10px;
     line-height: 1.5;
}
 .icw .card-main-k-connect p.card-k-connect-desc {
     font-size: 13px;
}
 .icw .card-feature-k-connect p.card-k-connect-head, .icw .card-feature-k-connect h2.card-k-connect-head {
     font-size: 18px;
     line-height: 1.5;
     margin-bottom: 10px;
}
 .icw .card-feature-k-connect p.card-k-connect-desc {
     font-size: 13px;
}
 .icw p.card-k-connect-head, .icw h2.card-k-connect-head {
     font-weight: 600;
     font-family: 'kurious-looped';
}
 .icw p.card-k-connect-desc {
     line-height: 1.5;
     margin-bottom: 5px;
}
 .icw ul.slick-dots {
     text-align: center;
     margin-top: 30px;
}
 .icw ul.slick-dots li {
     display: inline-block;
     margin: 0 5px;
}
 .icw .slick-slider .slick-dots li button {
     font-size: 0;
     line-height: 0;
     margin: 0;
     padding: 0;
     display: block;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #cccaca5e;
     opacity: 1;
}
 .icw .slick-slider .slick-dots li.slick-active button {
     background: #00A94F;
}
 .icw button.slick-arrow {
     width: 16px;
     height: 50px;
     margin: 30px;
     display: block;
     position: absolute;
     top: 30%;
     z-index: 1000;
}
 .slick-arrow.slick-next {
     right: 0;
}
/* property */
 .icw .k-connect-property-content {
     display: flex;
     margin-bottom: 45px;
}
 .icw .k-connect-property-icon img {
     max-width: 72px;
     max-height: 72px;
     margin-right: 13px;
}
 .icw p.k-connect-property-head {
     font-size: 18px;
     line-height: 1.5;
     font-weight: 600;
     font-family: 'kurious-looped';
}
 .icw p.k-connect-property-desc.c-white {
     font-size: 13px;
}
 .icw .k-connect-property {
     width: 50%;
}
 .icw .k-connect-property-layout {
     display: flex;
     justify-content: flex-end;
}
 .icw .k-connect-property-content:last-child {
     margin-bottom: 0;
}
 .icw p.subhead-banner {
     font-size: 20px;
     font-family: 'kurious-looped';
}
 .icw a.link {
     display: block !important;
}
 .icw .section-all-fixed .content-box, .icw .section-bg-fixed .content-box {
     margin: 0 50% 0 0;
}
 .icw h1, .icw .h1 {
     font-size: 33px;
}
 .icw h1.f-65 {
     font-size: 42px;
}
 .icw .f-18{
     font-size: 16px;
     color: #666;
}
 .icw .f-16{
     font-size: 16px;
     margin-bottom: 16px;
}
 .icw .icon p{
     color: #666;
     margin-top: 8px;
}
 .icw h3.f-db{
     font-family: 'kurious-looped';
     font-size: 42px; margin-bottom: 8px;
}
 .d-flex{
     display: flex;
     float: right;
}
 .d-flex-icon{
     display: flex;
     margin-top: 32px;
     justify-content: center;
     gap: 20px;
}

.icw .section-details .sc-inner{
     padding-top: 60px;
     padding-bottom: 60px;
}
 .section-details .sc-inner.padding-0{
     padding-bottom: 0;
}
/* section-service-channel */
 .section-service-channel{
     background: url(../img/bg.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .box-content{
     display: flex;
     justify-content: center;
     gap: 24px;
}
 .box-com, .box-branch{
     background-color: #fff;
     border-radius: 8px;
     padding: 30px; padding-bottom: 26px;
     width: 360px;
     text-align: center;
}
 .box-com img, .box-branch img{
     margin-top: -88px;
     padding-bottom: 20px;
}
 .box-branch.pb-50 img{
     padding-bottom: 31px;
}
 .box-branch .action{margin-top: 26px;}
 .icw .mt-20{
     margin-top: 20px;
}
 .icw .f-14{
     font-size: 13px;
}
 .icw .btn.btn-more {
     position: relative; font-size: 13px;
     background-color: #09A94E;
     color: #fff;
     border-radius: 100px;
     padding: 7px 13px;
     width: 100%;
     max-width: 300px;
}
 .icw .btn.btn-more .icon-more {
     margin-left: 5px;
     border-radius: 25px;
     background-color: #fff;
     width: 25px;
     height: 25px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     top: -1px;
}
 .icw .btn.btn-more .icon-more:before {
     content: '';
     border-top: 2px solid #09A94E;
     border-left: 2px solid #09A94E;
     width: 8px;
     height: 8px;
     position: absolute;
     right: 0;
     top: 0;
     left: -3px;
     bottom: 0;
     margin: auto;
     transform: rotate(135deg);
}
 .more:after, .turnback:before, ul.shortcut li a:after, .accordion-title:after {
     font-size: 70%;
}
 .section-details .sc-inner.pd-0{
     padding-top: 20px;
}
 .more:after {
     font-family: 'icokbank';
     content: "\e909";
     display: inline-block;
     margin-left: 3px;
}
.icw .c-black-0{
     color: #000;
     font-family: 'kurious-looped';
     font-size: 20px;
}
.icw .note-box{
     font-size: 16px;
}
span.nw{white-space: nowrap;}

.section-highlights .d-flex{position: relative; width: 100%; float: none; justify-content: flex-end;}
.section-highlights .d-flex .bg-img{position: absolute; z-index: 0; left: 0; bottom: -60px; width: 550px;}
.section-highlights .d-flex .a-center{position: relative; z-index: 1;}

@media screen and (max-width: 1199px){
     .icw .mb-40{
         margin-bottom: 40px;
    }
     .d-flex{
         align-items: flex-end;
    }
    .section-highlights .d-flex .bg-img {width: 500px;}
}
@media screen and (max-width: 991px) {
    .icw .d-block-table {
         display: block;
    }
     .icw p.subhead-banner {
         font-size: 16px;
    }
     .icw .head-main-k-connect h1 {
         font-size: 24px;
    }
     .icw .head-main-k-connect h2 {
         font-size: 16px;
    }
     .icw .k-connect-property-content {
         margin-bottom: 15px;
    }
     .icw p.k-connect-property-head {
         font-size: 16px;
         line-height: 1.5;
    }
     .icw p.k-connect-property-desc.c-white {
         font-size: 13px;
    }
     .icw #k-connect-property {
         padding: 0;
    }
     .icw h1, .icw .h1 {
         font-size: 24px;
    }
     .section-details .sc-inner.pd-0{
         padding-top: 0;
    }
     .icw .section-all-fixed .content-box, .icw .section-bg-fixed .content-box {
         margin: 0;
    }
     .section-details .sc-inner {
         padding-top: 55px;
         padding-bottom: 265px;
    }
     .section-details .sc-inner.pb-mb-40{
         padding-bottom: 40px;
    }
     .d-flex, .box-content{
         display: block;
    }
    .section-highlights .sc-inner{padding-bottom: 0;}
    .section-highlights .d-flex{display: block;}
    .section-highlights .d-flex .bg-img{position: relative; bottom: 0; width: 100%;}
    .box-com{margin: 0 auto;}
    .box-branch{margin: 100px auto 40px;padding: 30px 15px 26px;}
     .section-service-channel{
         background: url(../img/bg-m.jpg);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
    }
     .d-flex {
         float: none;
    }
     .bg-img{
         text-align: center;
    }
     .icw h1.f-65 {
         font-size: 28px;
    }
}
@media screen and (max-width: 767px) {
     .visible-desktop {
         display: none 
    }
     .icw .text-img-banner {
         max-width: 273px;
         margin-bottom: 10px;
    }
     .icw .head-main-k-connect h1 {
         font-size: 28px;
    }
     .icw .head-main-k-connect h2 {
         font-size: 18px;
    }
     .icw .k-connect-property {
         width: 100%;
    }
     .icw h1.f-65, .icw h3.f-db, .icw .head-main-k-connect.feature-k-connect h2{
         font-size: 28px;
    }
    /*.bg-img .visible-w991 {margin-top: 56px;}*/
     .icw .f-18{
         font-size: 16px;
    }
    .icw .section-details .sc-inner {
         padding-top: 40px;
         padding-bottom: 265px;
    }
     .section-details .sc-inner.pb {
         padding: 40px 0 0 !important;
    }
     .section-details .sc-inner.pb-mb-40{
         padding-bottom: 40px;
    }
     .d-flex, .box-content{
         display: block;
    }
     .box-branch{
         margin-top: 100px; margin-bottom: 0;
    }
     .box-com, .box-branch{
         width: auto;
    }
    .icw .btn-more .icon-more {width: 20px; height: 20px;}
}
@media screen and (max-width: 640px){
    .icw, .action-table .more {font-size: 16px }
}
.show-w360 {display: none;}
.show-w1024 {display: none;}
.show-w1440 {display: none;}
@media screen and (max-width: 374px) and (min-width: 360px) {
    .show-w360 {display: block;}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .show-w1024 {display: block;}
}
 @media screen and (max-width: 1440px) and (min-width: 1025px) {
    .show-w1440 {display: block;}
}