.banner-kskxd{
    background-color: unset !important;
    background: transparent;
}
.banner-kskxd .banner-layers{
    max-width: 1350px;
}
.banner-kskxd .banner-bg {
    border-radius: 50px 50px 0 0;
    margin: 0 30px !important;
    background: linear-gradient(180deg, #D2EAFF 35%, #fff);
}
.banner-kskxd .col-left-img,
.banner-kskxd .col-right-img{
    padding-bottom: unset;
}
.banner-kskxd .banner-layers h4{
    font-size: 18px;
    font-weight: 500;
    color: var(--blue);
    position: relative;
    padding: 10px 10px 10px 40px;
    border: 1px solid var(--green);
    background-color: #E0FAF0;
    max-width: fit-content;
    border-radius: 35px;
    text-transform: uppercase;
}
.banner-kskxd .banner-layers h4::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/05/icon-tnk-blue-scaled.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    left: 4%;
    top: 50%;
    transform: translate(-4%, -50%);
}
.banner-kskxd h1{
    color: var(--blue) !important;
    font-weight: 600 !important;
}
.banner-kskxd h1 span{
    color: var(--green);
}
.banner-kskxd p{
    color: var(--text) !important;
}
.banner-kskxd .icon-box-2{
    margin-top: 15px;
    margin-bottom: 15px;
}
.banner-kskxd .icon-box-text{
    display: flex;
    align-items: center;
}
.banner-kskxd .icon-box-text p{
    margin-top: unset;
}
.banner-kskxd .button{
    margin-top: 30px !important;
}
.banner-kskxd .button.primary{
    border-radius: 8px;
    background: linear-gradient(264deg, #0FFCB9, #2BE0C2, #15C191);
    border: unset;
    position: relative;
    padding: 5px 35px 5px 15px;
}
.banner-kskxd .button.primary:hover{
    box-shadow: unset;
}
.banner-kskxd .button.primary::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/04/icon-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    right: 5%;
    top: 50%;
    transform: translate(5%,-50%);
}
.banner-kskxd .button.primary span{
    font-size: 14px;
    color: var(--blue);
    font-weight: 500;
}
.banner-kskxd .button.is-outline{
    background: #fff;
    border: 1px solid var(--blue);
    position: relative;
}
.banner-kskxd .button.is-outline::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/04/icon-phone.png);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    right: 8%;
    top: 50%;
    transform: translate(-8%, -50%);
}
.banner-kskxd .text-box-content{
    padding: 60px 0;
}
.banner-kskxd .col-left-img img{
    height: 400px;
    border-radius: 20px;
}
.banner-kskxd .col-left-img .box-text-inner{
    background-color: #fff;
    border-radius: 20px;
    padding: 10px 15px;
}
.banner-kskxd .col-left-img .box-text-inner p{
    font-size: 16px;
    color: var(--text) !important;
    text-shadow: unset;
    font-weight: 400;
    margin-bottom: unset;
    margin-top: unset;
}
.banner-kskxd .col-left-img .box-text-inner .number{
    font-size: 32px;
    color: var(--blue) !important;
}
.banner-kskxd .col-left-img .box-text{
    text-shadow: unset !important;
}
.banner-kskxd .col-left-img .shade{
    display: none;
}
/* Group Row */
.banner-kskxd .col-right-img .gr-right-img img{
    border-radius: 20px;
    height: 185px;
}
.banner-kskxd .col-right-img .gr-right-img .number{
    font-size: 32px;
    color: var(--green) !important;
    font-weight: 500;
    margin-bottom: unset;
}
.banner-kskxd .col-right-img .gr-right-img p{
    color: #fff !important;
    margin-top: unset;
    margin-bottom: unset;
}
.banner-kskxd .col-right-img .gr-right-img .overlay{
    border-radius: 20px;
}
.banner-kskxd .col-right-img .gr-right-img .name{
    font-weight: 600;
    font-size: 20px;
}
.banner-kskxd .gr-right-img .col-bottom .overlay{
    position: relative;
}
.banner-kskxd .gr-right-img .col-bottom .overlay::before{
    content: '';
    position: absolute;
    background: linear-gradient(0deg, #18B18A 11%, transparent 80%);
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    border-radius: 0 0 20px 20px;
}

/* Row Bottom Image */
.banner-kskxd .row-img-box-bottom img{
    border-radius: 20px;
    height: 230px;
}
.banner-kskxd .row-img-box-bottom p{
    color: #fff !important;
    margin-top: unset;
    margin-bottom: unset;
}
.banner-kskxd .row-img-box-bottom .number{
    font-size: 32px;
    color: var(--green) !important;
    margin-top: unset;
    margin-bottom: unset;
}
.banner-kskxd .row-img-box-bottom .box-text{
    background-color: transparent !important;
}
.banner-kskxd .row-img-box-bottom .overlay{
    background-color: transparent !important;
    position: relative;
}
.banner-kskxd .row-img-box-bottom .overlay::before{
    content: '';
    position: absolute;
    background: linear-gradient(42deg, #022759f2 11%, transparent 80%);
    width: 100%;
    height: 230px;
    left: 0;
    bottom: 0;
    border-radius: 20px 0 0 20px;
}


.section1-kskxd{
    background: linear-gradient(270deg, #233575, #3450BB);
}
.section1-kskxd .col{
    padding-bottom: unset;
}
.section1-kskxd .col img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(0%) hue-rotate(141deg) brightness(104%) contrast(101%);
}

.section2-kskxd{
    padding-top: 60px !important;
}
.section2-kskxd h2{
    font-size: 40px;
    font-weight: 600;
    color: var(--blue);
    text-transform: uppercase;
    margin-top: .5em;
}
.section2-kskxd h2 span{
    color: var(--green);
}
.section2-kskxd p,
.section3-kskxd p,
.section4-kskxd p,
.section7-kskxd p{
    color: var(--text);
}
.section2-kskxd .row-icon-box .col-inner{
    border: 1px solid #E8E8EA;
    border-radius: 20px;
    padding: 30px 30px 15px 30px;
    height: 320px;
}
.section2-kskxd .row-icon-box h3{
    color: var(--blue);
    font-weight: 600;
}

.section3-kskxd h4,
.section4-kskxd h4,
.section6-kskxd h4,
.section7-kskxd h4{
    font-size: 14px;
    color: var(--blue);
    font-weight: 500;
    background-color: #E0FAF0;
    padding: 10px 15px 10px 40px;
    max-width: fit-content;
    border-radius: 35px;
    position: relative;
    border: 1px solid var(--green);
    text-transform: uppercase;
}
.section3-kskxd h4::before,
.section4-kskxd h4::before,
.section6-kskxd h4::before,
.section7-kskxd h4::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/05/icon-tnk-blue-scaled.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    left: 4%;
    top: 50%;
    transform: translate(-4%, -50%);
}
.section3-kskxd h2,
.section4-kskxd h2,
.section6-kskxd h2,
.section7-kskxd h2{
    font-size: 40px;
    font-weight: 600;
    color: var(--blue);
    text-transform: uppercase;
    margin-top: .5em;
}
.section3-kskxd h2 span,
.section4-kskxd h2 span,
.section6-kskxd h2 span,
.section7-kskxd h2 span{
    color: var(--green);
}
.section4-kskxd .row-title .text,
.section6-kskxd .row-title .text{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section3-kskxd .row-icon-box .col-inner{
    padding: 30px;
    border-radius: 20px;
}
.section3-kskxd .row-icon-box h3{
    font-size: 26px;
    font-weight: 500;
    color: var(--blue);
}
.section3-kskxd .icon-box{
    margin-bottom: 15px;
}
.section3-kskxd .icon-box:last-child{
    margin-bottom: unset;
}
.section3-kskxd .col-right{
    display: flex;
    align-items: center;
}
.section3-kskxd .col-right img{
    border-radius: 20px;
}

.section4-kskxd .row-content .col-inner{
    border: 1px solid #E8E8EA;
    border-radius: 20px;
    padding: 30px;
    height: 460px;
    position: relative;
    overflow: hidden;
}
.section4-kskxd .row-content h3{
    font-size: 32px;
    font-weight: 500;
    color: var(--blue);
}
.section4-kskxd .row-content .col-middle .col-inner{
    background: linear-gradient(180deg,#233575,#3450BB);
}
.section4-kskxd .row-content .col-middle h3,
.section4-kskxd .row-content .col-middle p{
    color: #fff;
}
.section4-kskxd .row-content .col-left .col-inner::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/06/bao-cao-digital.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 240px;
    height: 255px;
    right: 0;
    bottom: -15%;
    transform: rotate(332deg);
}
.section4-kskxd .row-content .col-middle .col-inner::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/06/tu-van-chien-luoc.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 240px;
    height: 255px;
    right: 0;
    bottom: -15%;
    transform: rotate(332deg);
}
.section4-kskxd .row-content .col-right .col-inner::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/06/de-xuat-phuong-an.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 240px;
    height: 240px;
    right: 0;
    bottom: -15%;
    transform: rotate(332deg);
}

.section5-kskxd{
    width: 96% !important;
    margin-left: auto;
    margin-right: auto;
}
.section5-kskxd .section-bg img{
    border-radius: 30px;
}
.section5-kskxd .row-title h4{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background-color: transparent;
    padding: 10px 15px 10px 40px;
    max-width: fit-content;
    border-radius: 35px;
    position: relative;
    border: 1px solid #fff;
    text-transform: uppercase;
}
.section5-kskxd .row-title h4::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/04/icon-tnk-scaled.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    left: 5%;
    top: 50%;
    transform: translate(-5%, -50%);
}
.section5-kskxd .row-title h2{
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.section5-kskxd .row-title h2 span{
    color: var(--green);
}
.section5-kskxd p{
    color: #fff;
}


.section6-kskxd .col-left .col-inner,
.section6-kskxd .col-right .col-inner{
    border: 1px solid #E8E8EA;
    border-radius: 20px;
    padding: 15px;
}
.section6-kskxd .col-left .top-content,
.section6-kskxd .col-right .top-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 0 15px;
}
.section6-kskxd .col-left .title,
.section6-kskxd .col-right .title{
    font-size: 20px;
    color: var(--blue);
    font-weight: 600;
}
.section6-kskxd .col-left .num-car,
.section6-kskxd .col-right .num-car{
    font-size: 16px;
    color: var(--text);
    border: 1px solid #E8E8EA;
    border-radius: 8px;
    padding: 10px 10px 10px 25px;
    position: relative;
}
.section6-kskxd .col-left .num-car::before,
.section6-kskxd .col-right .num-car::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/06/icon-user.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    left: 8%;
    top: 50%;
    transform: translate(-8%, -50%);
}
.section6-kskxd .col-left .middle-content,
.section6-kskxd .col-right .middle-content{
    border: 1px solid #E8E8EA;
    border-radius: 8px;
    padding: 15px;
}
.section6-kskxd .col-left .middle-content .price{
    color: var(--text);
}
.section6-kskxd .col-left .middle-content span,
.section6-kskxd .col-middle .middle-content span,
.section6-kskxd .col-right .middle-content span{
    font-size: 28px;
    font-weight: 600;
    color: var(--blue);
}
.section6-kskxd .col-left .middle-content p,
.section6-kskxd .col-middle .middle-content p,
.section6-kskxd .col-right .middle-content p{
    text-align: center;
    color: var(--text);
    margin-bottom: unset;
}
.section6-kskxd .col-left .middle-content .sub-content,
.section6-kskxd .col-middle .middle-content .sub-content,
.section6-kskxd .col-right .middle-content .sub-content{
    margin-bottom: 1.2em;
    padding-bottom: 1.2em;
    border-bottom: 1px solid #E8E8EA;
}
.section6-kskxd .col-left .middle-content .button br,
.section6-kskxd .col-middle .middle-content .button br,
.section6-kskxd .col-right .middle-content .button br{
    display: none;
}
.section6-kskxd .col-left .button,
.section6-kskxd .col-right .button{
    width: 100%;
    border: 1px solid var(--blue);
    border-radius: 8px;
    margin-bottom: .5em;
    margin-top: .2em;
    padding: 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.section6-kskxd .col-left .button span,
.section6-kskxd .col-middle .button span,
.section6-kskxd .col-right .button span{
    font-size: 12px;
    color: var(--blue);
    position: relative;
}
.section6-kskxd .col-left .button span::before,
.section6-kskxd .col-middle .button span::before,
.section6-kskxd .col-right .button span::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/04/icon-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 13px;
    right: -20%;
    top: 50%;
    transform: translate(20%, -50%);
}

.section6-kskxd .col-middle .col-inner{
    background: linear-gradient(310deg,#233575,#3450BB);
    border-radius: 20px;
    padding: 15px;
}
.section6-kskxd .col-middle .top-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 0 15px;
}
.section6-kskxd .col-middle .title {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}
.section6-kskxd .col-middle .num-car {
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 10px 10px 10px 30px;
    position: relative;
}
.section6-kskxd .col-middle .num-car::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/06/icon-user-white.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    left: 8%;
    top: 50%;
    transform: translate(-8%, -50%);
}
.section6-kskxd .col-middle .middle-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
}
.section6-kskxd .col-middle .button{
    width: 100%;
    border: unset;
    background: linear-gradient(264deg, #0FFCB9, #2BE0C2, #15C191);
    border-radius: 8px;
    margin-bottom: .5em;
    margin-top: .2em;
    padding: 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.section7-kskxd .col-left h3{
    font-size: 20px;
    color: var(--blue);
    font-weight: 600;
    margin-bottom: unset;
}
.section7-kskxd .col-left p{
    color: var(--text);
}
.section7-kskxd .col-left .icon-box{
    margin-bottom: 2em;
    border: 1px solid var(--green);
    border-radius: 16px;
    padding: 10px;
}
.section7-kskxd .col-left .icon-box-img{
    display: flex;
    align-items: center;
}
.section7-kskxd .col-left .icon-box span{
    color: var(--green);
}
.section7-kskxd .col-left .button{
    background: linear-gradient(264deg, #0FFCB9, #2BE0C2, #15C191);
    border: unset;
    border-radius: 8px;
    padding: 5px 35px 5px 10px;
}
.section7-kskxd .col-left .button span{
    color: var(--blue);
    font-size: 12px;
    font-weight: 500;
    position: relative;
}
.section7-kskxd .col-left .button span::before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/06/icon-double-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    right: -10%;
    top: 50%;
    transform: translate(10%, -50%);
}
.section7-kskxd .col-left .button:hover{
    box-shadow: unset;
}
.section7-kskxd .col-right{
    display: flex;
    align-items: center;
}
.section7-kskxd .col-right img{
    border-radius: 20px;
    border: 3px solid #fff;
}


/* RESPONSIVE */
/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .banner-kskxd{
        padding-top: 1100px !important;
    }
    .banner-kskxd .col-left,
    .banner-kskxd .col-right{
        flex-basis: 80%;
        max-width: 80%;
    }
    .banner-kskxd .col-left-img img{
        height: 250px;
    }
    .banner-kskxd .col-right-img .gr-right-img img{
        height: 110px;
    }
    .banner-kskxd .row-img-box-bottom img{
        height: 180px;
    }
    .banner-kskxd .row-img-box-bottom .box-image{
        border-radius: 20px;
    }
}

/* MOBILE */
@media only screen and (max-width: 767px){
    .banner-kskxd .text-box-content{
        padding: 30px 0;
    }
    .banner-kskxd .banner-layers h4{
        font-size: 14px;
    }
    .banner-kskxd .col-left,
    .banner-kskxd .col-right{
        flex-basis: 80%;
        max-width: 80%;
    }
    .banner-kskxd .col-left .button.is-outline{
        margin-top: .8em !important;
    }
    .banner-kskxd .col-left-img img{
        height: 220px;
    }
    .banner-kskxd .col-right-img .gr-right-img img{
        height: 120px;
    }
    .banner-kskxd .col-right-img .gr-right-img .col-top{
        padding-top: 30px;
    }
    .banner-kskxd .row-img-box-bottom img{
        height: 150px;
    }
    .banner-kskxd .row-img-box-bottom .box-image{
        border-radius: 20px;
    }
    .section3-kskxd h2 br,
    .section4-kskxd h2 br{
        display: none;
    }
}