.comm_col {
    max-width: 315px;

    .imgBox {
        padding: 10px;
        border-radius: 20px;
        box-shadow: 0 0 10px #58ba472d;
    }

    &:nth-child(odd) {
        img {
            overflow: hidden;
            border-radius: 10px;
            background-color: #f2f9f1;
        }
    }
}

.section_1 {
    .comm_col {
        max-width: 100%;
    }
}

.performanceSec {
    .comm_col {
        max-width: 20%;
    }
}

.roadDesWrap {
    position: relative;
    padding: 20px;
    margin-right: 20px;

    .roadIcon {
        background-color: #fff;
        position: absolute;
        right: -40px;
        top: 50%;
        transform: translateY(-50%);
        border: 1px dashed #000;
        width: 85px;
        height: 85px;
        border-radius: 50%;
        padding: 12px;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
}

/* responsive */
@media (max-width: 1440px) {
    .roadDesWrap {
        .roadIcon {
            width: 65px;
            height: 65px;
        }
    }
}

@media (max-width: 1024px){
    .performanceSec {
        .comm_col {
            max-width: 33.33%;
        }
    }
}

@media (max-width: 991px){
    .performanceSec {
        .comm_col {
            max-width: 50%;
        }
    }
}

@media (max-width: 480px){
    .performanceSec {
        .comm_col {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
}