@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


:root{

    --font1: "Jost", sans-serif;
	--font2: "Jost", sans-serif;

    --priColor: #3e82c9;
    --secColor: #3c5f7a;

    --darkText: #000;

}


#about_con {  position: relative; padding: 25px 15px 0;  }
#about_con .wrapper {max-width: 1400px;margin: 0 auto;}

.text_center { text-align: center;}
/* .flex_con {display: flex; justify-content: space-between; gap: 10px; } */

main p { line-height: 200%; font-size: 16px; }

.main_content { margin: 120px 0;  }

.main_content figure{width: fit-content; overflow: hidden; border-radius: 60px 60px 0 60px;  position: absolute;   z-index: 1;  border: 3px solid var(--white); }
.main_content figure img {max-width: initial; margin-left: 50%; transform: translateX(-50%);  }

.hdng1 {font-size: 60px;text-transform: uppercase; line-height: 100%;  font-weight: 800; position: relative; font-family: var(--font2);}
.hdng2 {font-size: 16px; font-weight: 700; display: block; }

.main_content h2 { font-family: var(--font2); font-weight: 700; margin-bottom: 50px; font-size: 60px; }
.main_content h2 span { }

.about_info { max-width: 707px;   width: 100%; margin-left: auto;   margin-bottom: 110px; text-align: left;}
.about_con  figure { top: 94px; left: 0; border-radius: 50px 93px 0 100px; overflow: hidden;}


.about_mission_con {  min-height: 607px; position: relative; }
.about_mission_con::before {content: "";   position: absolute;   background: linear-gradient(0deg,rgba(62,130,201,.5) 0,rgba(62,130,201,.5) 100%),url(images/mission-bg.jpg) no-repeat center;   width: 1920px;   height: 100%;   left: 50%;   transform: translateX(-50%); z-index: -1; }
.about_vision {}

.about_mission { max-width: 895px;   width: 100%;   margin: auto;   padding-top: 175px; color: white; }

.about_vision_con { position: relative; padding-top: 100px;}
.about_vision  { width: 100%; max-width: 707px; margin-right: auto; }
.about_vision_con  figure { bottom: 0; right: 0; border-radius: 0 95px 95px 95px; overflow: hidden;}

.about_cta { text-align: center;  margin-top: 100px; }
 .about_cta p { text-align: center; } 



/* Media Queries */
@media only screen and (max-width:1420px) {

    .about_info { width: 55%;}
    .about_vision {   width: 50%; }
}
@media only screen and (max-width:1300px) {
}
@media only screen and (max-width:1200px) {

    .main_content h2 {font-size: 50px;}

    .about_info { width: 50%;}
}
@media only screen and (max-width:1010px) {

    .main_content figure { text-align: center; margin: 0 auto; position: static; border-radius: 0; }
    .main_content figure img {   max-width: 100%;   margin-left: unset;   transform: unset; }

    .about_con figure { border-radius: 0; }
    .about_info { width: 100%; text-align: center; margin: 30px auto; }
    .about_info p{text-align: center;}
    
    .about_mission_con { min-height: auto; }
    .about_mission_con::before { background: var(--secColor); }
    .about_mission { padding: 30px 0; }
    
    .vision_con { padding: 0; }
    .vision_con figure { border-radius: 0; }
    .about_vision { width: 100%; margin: 0 auto; text-align: center; margin: 30px auto; }
    .about_vision p{text-align: center;}
    
}

@media only screen and (max-width:800px) {
   

}

@media only screen and (max-width:600px) {

  
}