#about_con{padding: 40px 25px;}
#about_info{padding: 0 10px;background: #212121; position: relative;}
.about_con { position: relative; padding: 120px 0; min-height: 914px;}
.flex_info { display: flex; justify-content: space-between;  margin-top: 70px;column-gap: 100px;} 
.flex_info h2 { width: 305px; font-family: 'Wix Madefor Display', sans-serif;font-size: 60px;line-height: 100%;text-transform: uppercase;}
.flex_info h2 small { letter-spacing: 5px; font-family: 'Wix Madefor Display', sans-serif; font-size: 16px; text-transform: uppercase; display: block; line-height: 100%;margin-bottom: 15px;} 
.flex_info h2 span { font-family: 'Onest', sans-serif; font-size: 30px; text-transform: capitalize; display: block; line-height: 100%;color: var(--secColor);}
.flex_info p { width: 684px; max-width:100%; font-family: 'Onest', sans-serif;line-height: 30px;color: #333;} 
.flex_info p q{display: block;margin-top: 15px;}
.top_info { color: #fff; position: relative;} 
.mv { color: #fff; display: flex;justify-content: space-between;text-align: center;min-height: 700px;margin-top: 120px;font-family: 'Onest', sans-serif;} 
#mission { width: 48.5%; background: #0044c0; border-radius: 25px; padding: 170px 0;} 
#vision { width: 48.5%; background-color: #0044c0; border-radius: 25px; padding: 170px 0;}
.mv h2 { font-family: 'Wix Madefor Display', sans-serif; font-size: 60px; line-height: 100%; text-transform: uppercase;color: #fff;margin-bottom: 30px;} 
.mv h2 span { display: block; line-height: 100%;}
.mv p { width: 399px; max-width: 100%; margin: 5px auto 0; text-align: center; line-height: 30px;}

@media only screen
and (max-width : 1090px) {
    .flex_info p { width: 634px; }
}

@media only screen
and (max-width : 1000px) {
    .flex_info { display: block; text-align: center; } 
    .flex_info h2 { width: 100%; margin-bottom: 30px; } 
    .mv { position: static; }
    .flex_info p { width: 100%; text-align: center;}
    #mission, #vision{padding: 170px 25px;}
    .mv p { width: 100%; }
}

@media only screen
and (max-width : 800px) {
    .nh_mv {flex-wrap: wrap;}
    .mv { flex-direction: column; row-gap: 20px; margin-top: 70px; } 
    #mission { width: 100%; } 
    #vision { width: 100%; }
    .flex_info h2 {font-size: 50px; }
    .mv h2 {font-size: 40px; }
    #mission, #vision {padding: 70px 25px; }
}