.our-mission .part ul {
    list-style: none;
    padding: 0;
}

.our-mission .containerImages {
    height: 530px;
    margin-top: 40px;
    max-width: 640px;
}

.our-mission .part ul li {
    position: relative;
    background-image: url(../images/material-symbols_check-circle.png);
    background-repeat: no-repeat;
    background-size: 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 41.25px;
}

html[dir="ltr"] .our-mission .part ul li {
    background-position: left center;
    padding-left: 40px;

}

html[dir="rtl"] .our-mission .part ul li {
    background-position: right center;
    padding-right: 40px;

}

.our-mission .description {
    margin-bottom: 0;
}

.our-mission .custom_arrow {
    width: 121px;
    height: 74px;
    position: absolute;
    bottom: 25px;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
}

@media (max-width:1200px) {
    .our-mission .custom_arrow {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

html[dir="ltr"] .our-mission .custom_arrow {
    right: 0;

}

html[dir="rtl"] .our-mission .custom_arrow {
    left: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.our-vision {
    background: rgba(235, 226, 192, 0.6) url(../images/ServiceBackground1.webp);
    background-size: contain;
}

.our-vision .imgOurVision-3 {
    top: 120px;
}

.our-vision .imgOurVision-4 {
    bottom: 120px;
}


@media (max-width:1250px) {
    .our-vision .imgOurVision-4 {
        max-height: 350px;
    }
}

@media (max-width:1024px) {
    .our-mission .part ul li {
        font-size: 20px;
        font-weight: 400;
        line-height: 36.25px;
    }
}

@media (max-width:778px) {
    .our-mission .part ul li {
        font-size: 18px;
        font-weight: 400;
        line-height: 32.25px;
    }
}

@media (max-width:558px) {
    .our-mission .part ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 26.25px;
    }
}



.containerImages .containerImageFirst {
    max-height: 404px;
    max-width: 347px;
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.containerImages .containerImageSecond {
    max-height: 404px;
    max-width: 464px;
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

@media (max-width:778px) {
    .containerImages .containerImageFirst {
        max-height: 380px;
        max-width: 300px;
    }

    .containerImages .containerImageSecond {
        max-height: 360px;
        max-width: 350px;
    }
}

@media (max-width:448px) {
    .containerImages .containerImageFirst {
        max-height: 380px;
        max-width: 80%;
    }

    .containerImages .containerImageSecond {
        max-height: 360px;
        max-width: 80%;
    }
}

.our-vision .containerImages {
    height: 500px;
    margin-top: 40px;
    max-width: 640px;
}

.our-vision .containerImages .containerImageFirst {
    max-height: 404px;
    max-width: 347px;
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.our-vision .containerImages .containerImageSecond {
    max-height: 360px;
    max-width: 464px;
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

@media (max-width:778px) {
    .containerImages {
        margin-top: 0 !important;
    }

    .our-vision .containerImages .containerImageFirst {
        max-height: 380px;
        max-width: 300px;
    }

    .our-vision .containerImages .containerImageSecond {
        max-height: 360px;
        max-width: 350px;
    }
}

@media (max-width:448px) {
    .our-vision .containerImages .containerImageFirst {
        max-height: 380px;
        max-width: 80%;
    }

    .our-vision .containerImages .containerImageSecond {
        max-height: 360px;
        max-width: 80%;
    }
}