/**/
.our-vision-section:before {
    content: "";
    width: 100%;
    height: 420px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #1a3a4f 0%, #295b87 45%, #387cbf 100%);
    border-radius: 30px;
}
.vc_row.about-row {
    flex-wrap: nowrap !important;
    gap: 40px;
}
.our-vision-section {
    position: relative;
}
.mission-vission-row {
    margin: 0 auto;
}
.our-vision-row .main-title b {
    color: #e7e2d2;
}
.about-icon .vc_box_border_grey {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px dashed #1a3a4f;
}
.vi-mi-col:hover .about-icon .vc_box_border_grey {
    /*border: 1px solid #1a3a4f;*/
}
.about-icon img {
    width: 40px;
    transition: 0.3s;
    filter: brightness(0) saturate(100%) invert(19%) sepia(29%) saturate(1019%) hue-rotate(160deg) brightness(92%) contrast(93%);
}
.vi-mi-col:hover .about-icon .vc_box_border_grey img,
.cont-info-card:hover .about-icon .vc_box_border_grey img {
    /*filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(11deg) brightness(109%) contrast(94%);*/
}
.vi-mi-col:hover .about-icon .vc_box_border_grey::before{
    /*transform: scale(1);*/
}
.vi-mi-col:hover  .about-icon img {
    transform: rotateY(180deg);
}
.vi-mi-col .about-icon .vc_box_border_grey::before{
/*    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
        background: #1a3a4f;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;    */
}

.ab-rt-img {
    border-radius: 20px;
    overflow: hidden;
}
.vc_row.about-s-section {
    flex-wrap: nowrap !important;
    gap: 50px;
}


.mission-vission-row > .vi-mi-col > .vc_column-inner {
    padding: 25px;
}
.mission-vission-row.vc_row {
    margin: 0 auto;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.mission-vission-row.vc_row  .vi-mi-col {
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 1px 21px #1a3a4f45;
    background: #fff;
}



@media screen and (max-width: 767px) {
.mission-vission-row.vc_row { grid-template-columns: 1fr;}
.our-vision-section:before {height: 60%; border-radius: 0; }


}