@media(max-width:1160px) {

    main .first-sec .main-about .image-part img,
    main .second-sec .main-about .image-part img {
        aspect-ratio: 3.5/4;
        width: 350px;
        /* height: 600px; */
    }
}

@media(max-width:960px) {

    main .first-sec .main-about,
    main .second-sec .main-about {
        display: flex;
        flex-direction: column;
    }

    main .first-sec .main-about .text-part,
    main .second-sec .main-about .text-part {
        width: 100%;
    }

    main .first-sec .main-about .image-part,
    main .second-sec .main-about .image-part {
        width: 100%;
    }

    main .first-sec .main-about .image-part .img-1,
    main .second-sec .main-about .image-part .img-1 {
        display: none;
    }

    main .first-sec .main-about .image-part .img-2,
    main .second-sec .main-about .image-part .img-2 {
        display: block;
        aspect-ratio: 1000/600;
        width: 80%;
    }

    main .second-sec .main-about .image-part {
        order: 2;
    }

    main .second-sec .main-about .text-part {
        order: 1;
    }
}

@media(max-width:500px) {

    main .first-sec,
    main .second-sec {
        padding: 20px 10px;
    }

    .first-sec .main-about .text-part,
    main .second-sec .main-about .text-part {
        padding: 0px;
    }

    main .first-sec .main-about .text-part p,
    main .second-sec .main-about .text-part p {
        text-align: justify;
        font-size: 16px;
    }

    main .vision{
    /* border: 2px solid red; */
    padding: 20px 10px;
}
}