.about-banner{
    background:linear-gradient (rgba (0, 0, 2, 0.6), rgba (0, 0, 2, 0.6)), var (--about-banner-img);
}
.about-banner .about-banner-content{
    background: var(--primary);
    border-radius: 15px;
    padding: 40px;
}
.about-banner .about-banner-content .img-wrap {
    position: relative;
    width: 350px;
    height: 350px;
}
.about-banner .about-banner-content .img-wrap .img-content.car-1{
    position: absolute;
    right: -105px;
    top: 55px;
}
.about-banner .about-banner-content .img-wrap .img-content.car-2{
    position: absolute;
    right: -63px;
    top: 15px;
}
.about-banner .about-banner-content .img-wrap .img-content.car-3{
    position: absolute;
    right: -21px;
    top: -25px;
}
.about-banner .about-banner-content .img-wrap .img-content img{
    position: absolute;
}
/* -------------------------------mission-section---------------------- */
.mission-section{
    /* background: var(--primary); */
    background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9)), var(--about-mission-img) center center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mission-section .mission-content .list-text{
    margin-top: 15px;
}
.mission-section .mission-content .list-text ul li{
    padding-top: 10px;
}
.mission-section .mission-content .list-text ul li span img{
    width: 10px;
    height: auto;
}
.mission-section .mission-content .img-wrap{
    width: 100%;
    height: auto;
    position: relative;
}

.mission-section .mission-content .img-wrap .img-count-wrap .count-1{
    position: absolute;
    bottom: 75px;
    left:30px;
    padding-right: 20px;
    border-right: 1px solid var(--basic-white);
}
.mission-section .mission-content .img-wrap .img-count-wrap .count-2{
    position: absolute;
    bottom: 20px;
    left: 185px;
}
.count-title{
    font-size: 25px !important;
}
.count-text{
    font-size: 12px !important;
}
/* =========================responsive css=============== */
@media (max-width: 1200px) {
    .mission-section .mission-content .img-wrap .img-count-wrap .count-1 {
        bottom: 45px;
        left: 0px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-2 {
        bottom: 0px;
        left: 145px;
    }
}
@media (max-width: 991px) {
    .about-banner .about-banner-content .img-wrap .img-content.car-1 {
        right: 0px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-1 {
        bottom: 145px;
        left: 110px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-2 {
        bottom: 110px;
        left: 260px;
    }
}
@media (max-width: 768px) {
    .mission-section .mission-content .list-text ul li {
        font-size: 14px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-2 {
        bottom: 40px;
        left: 210px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-1 {
        bottom: 80px;
        left: 60px;
    }
}
@media (max-width: 530px) {
    .mission-section .mission-content .img-wrap .img-count-wrap .count-1 {
        left: 30px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-2 {
        left: 180px;
    }
}
@media (max-width: 498px) {
    .about-banner .about-banner-content .img-wrap {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .about-banner .about-banner-content .img-wrap .img-content.car-1 {
        position: relative;
        right: 0;
        top: 25px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-2 {
        left: 145px;
        bottom: 0px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-1 {
        left: 0px;
        bottom: 40px;
    }
}
@media (max-width: 400px) {
    .mission-section .mission-content .img-wrap .img-count-wrap .count-1 {
        bottom: 30px;
        padding-right: 8px;
    }
    .mission-section .mission-content .img-wrap .img-count-wrap .count-2 {
        bottom: 5px;
        left: 106px;
    }
    .count-title{
        font-size: 20px !important;
    }
    .count-text{
        font-size: 10px !important;
    }
    .count-content .title-wrap .title.about-us{
        font-size: 25px;
    }
    .count-content .title-wrap .about-us.text-black {
        font-size: 14px;
    }
}