.about_us-b1 {
    height: 600px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
}

.about_us-b1 .box-head {
    max-width: 696px;
    width: 100%;
}

.about_us-b1 .bigtitle {
    margin-bottom: 24px;
}

.about_us-b1 .des {
    margin-bottom: 40px;
}

.about_us-b1 .main-button {
    background-color: var(--color-6EBE13);
    padding: 16px 36px;
}

.about_us-b1 .main-button:hover {
    background-color: var(--color-1979F7);
}

/* Box 2 */
.about_us-b2 {
    padding: 60px 0;
}

.about_us-b2 .box-left .title_section {
    margin-bottom: 20px;
}

.about_us-b2 .box-right ul {
    padding-left: 0px;
    list-style: none;
}

.about_us-b2 .box-right ul li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 32px;
}

.about_us-b2 .box-right ul li::before {
    content: "";
    background: url(./images/checked.png);
    left: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
}

.about_us-b2 .box-right .box-btn {
    margin-top: 40px;
}

/* Box 3 */
.about_us-b3 {
    background: #F6F7FB;
    position: relative;
    padding: 60px 0;
}

.about_us-b3::before {
    content: "";
    background-image: url(./images/Vector.png);
    max-width: 630px;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 28px;
    right: 18%;
    opacity: 1;
    height: 256px;
    z-index: 2;
}

.about_us-b3 .box-head {
    max-width: 650px;
    width: 100%;
    position: relative;
    z-index: 4;
}

.box-kn {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    z-index: 4;
}

.box-kn .box-item {
    background: #F6F7FB;
    padding: 16px;
}

.box-kn .box-item .number {
    font-size: 36px;
    font-weight: 800 !important;
    color: var(--color-1979F7);
}

.box-kn .box-item h5 {
    font-weight: 600 !important;

}
.about_us-b4{
    overflow: hidden;
    padding-top: 60px;
}
.box_des_csvt{
    display: flex;
    flex-direction: column;
    gap: 28px;

}
.box_des_csvt .box-text{
    padding: 17px 47px;
    border-top-right-radius: 72px;
    border-bottom-left-radius: 59px;
    background: var(--Blue, #1979F7);
   min-height: 118px;
   display: flex;
   align-items: center;
position: relative;
overflow: hidden;
}
.box_des_csvt .box-text::after{
    content: "";
    background-image: url(./images/icon-logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -58px;
    top: 11px;
    width: 153.2px;
    height: 214.83px;
    opacity: 0.1;
}
.box_des_csvt .box-text::before{
    content: "";
    background-image: url(./images/icon-logo-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -14px;
    bottom: -8px;
    width: 153.2px;
    height: 214.83px;
    opacity: 0.05;
}
.box_des_csvt .box-text b{
    font-weight: 600;

}
.box_des_csvt .box-text:nth-child(odd){
    background: var(--Green, #6EBE13);
}
.view_gallery{
    padding: 60px 0px;
    background: rgba(10, 31, 68, 0.12);
}
@media screen and (max-width: 768px) {
    .about_us-b1{
        background-position-x: 70% !important;
    }

    .about_us-b3::before {
        content: "";
        background-image: url(./images/Vector.png);
        max-width: 100%;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 38px;
        left: 0;
        opacity: 0.2;
        height: 256px;
    }

    .box-kn {
        margin-top: 50px;
        grid-template-columns: repeat(2, 1fr);
    }
}