.our-vision-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
}

.our-vision-section .heading {
    font-size: 36px;
    margin-bottom: 20px;
}

.sub-heading {
    font-size: 24px;
    margin-bottom: 10px;
}

.our-vision-section .flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background: #833AB4;
    background: linear-gradient(-45deg, rgba(131, 58, 180, 1) 24%, rgba(29, 253, 208, 1) 86%);
    padding: 50px;
    color: #fff;
}

.flex-container > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.row-two {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

#v-eight {
    width: 390px;
    height: 250px;
    margin-left: 0;
    background-image: url(../../image/our-vision/v8.jpg);
    background-size: cover;
}

#v_five > img{
    width: 500px;
}

@media (max-width: 1220px) {
    .flex-container > .row-two {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 920px) {
    .flex-container > .row-two {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 735px) {
    .flex-container > .row-two {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .tab > img {
        width: 400px;
    }

    .flex-container > .row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 510px) {
    .flex-container > .row-two > #v_five > img {
        width: 200px;
    }
}

@media (max-width: 470px) {
    .flex-container > .heading-img > img {
        width: 300px;
    }

    #v-eight {
        width: 300px;
    }
}

@media (max-width: 410px) {
    .tab > img {
        width: 200px;
    }
}