.about-wrapper {
    background-color: #f6f7f8;
}

.about-container .about-box .img-box img {
    width: 100%;
    max-width: 100%;
}

.about-container .about-box .list-box ul li {
    color: #655f5f;
}

/* who are we  */
.whoarewe-container .whoarewe-box .gallery-box {
    max-width: 1050px;
    width: 100%;
    height: 500px;
    border: 4px solid var(--black-color);
}

.whoarewe-container .whoarewe-box .gallery-box > div {
    width: 100%;
    height: 100%;
}

.whoarewe-container .whoarewe-box .gallery-box .img-box {
    width: 100%;
    height: 100%;
}

.whoarewe-container .whoarewe-box .gallery-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whoarewe-container .whoarewe-box .gallery-box .rec-vector {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: var(--black-color);
    z-index: 1;
}

.whoarewe-container .whoarewe-box .gallery-box .rec-vector.rec-vector1 {
    top: -8px;
    left: -8px;
}

.whoarewe-container .whoarewe-box .gallery-box .rec-vector.rec-vector2 {
    top: -8px;
    right: -8px;
}

.whoarewe-container .whoarewe-box .gallery-box .rec-vector.rec-vector3 {
    bottom: -8px;
    left: -8px;
}

.whoarewe-container .whoarewe-box .gallery-box .rec-vector.rec-vector4 {
    bottom: -8px;
    right: -8px;
}

.whoarewe-container .whoarewe-box .info-box {
    max-width: 1050px;
    width: 100%;
}

.whoarewe-container .whoarewe-box .info-box .left-box .option-box .answer-box {
    border-top: 2px solid #d8d5d4;
}

.whoarewe-container
    .whoarewe-box
    .info-box
    .left-box
    .option-box
    .answer-box
    p {
    color: #655f5f;
    line-height: 1.5;
}

.whoarewe-container .whoarewe-box .info-box .right-box .list-box {
    background-color: var(--primary-color);
}

.whoarewe-container .whoarewe-box .info-box .right-box .list-box > div {
    border-bottom: 1px solid #d8d5d46b;
}

.whoarewe-container
    .whoarewe-box
    .info-box
    .right-box
    .list-box
    div:nth-last-child(1) {
    border: none;
}

/* swiper */
.whoarewe-container .whoarewe-box .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    border: 1px solid #ffffff;
}

.swiper-wrapper {
    height: inherit;
}

/* responsive  */
@media (max-width: 1200px) {
    .about-container .about-box .row-box {
        column-gap: 50px;
    }
    .about-container .about-box .section-title br {
        display: none;
    }
}

@media (max-width: 1023px) {
    .about-container .about-box .row-box {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .about-container .about-box .row-box.first-row {
        padding-bottom: 60px;
    }
    .about-container .about-box .img-box {
        justify-content: center;
    }
    .about-container .about-box .img-box img {
        width: auto;
    }

    .whoarewe-container .whoarewe-box .info-box {
        column-gap: 30px;
    }
}

@media (max-width: 767px) {
    .about-container .about-box .row-box.first-row {
        padding-bottom: 50px;
    }

    .whoarewe-container .whoarewe-box .info-box {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
}