/* about */

/*======= about banner css start =========*/
.about-banner {margin-top: 60px;}
.about-img {border-radius: 20px;overflow: hidden;}
.about-img img {width: 100%;object-fit: cover;object-position: center;}
/*======= about banner css end =========*/

/*======= about-why-section css start =========*/
.about-why-section {position: relative;background: #f2f1fb;}
.about-why-wrap {display: flex;flex-direction: row;flex-wrap: wrap;}
.about-why-left {width: 60%;padding-right: 30px;}
.about-why-right {width: 40%;}
.about-why-img {border-radius: 10px;overflow: hidden;}
.about-why-img img {width: 100%;object-fit: cover;object-position: center;}
/*======= about-why-section css end =========*/


/*=======vision-mission section css start=========*/
.vision-mission-section{position: relative; }
.vision-mission-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.vision-col-col{width: 49%;padding: 32px 32px 32px 32px;background: #fff;border: 1px solid #cecece;border-radius: 8px;text-align: center;}
.vision-col-col h3 {color: #323637;padding-bottom: 15px;margin-bottom: 25px;position: relative;}
.vision-col-col h3::before {content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;height: 2px;background: #FFF;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(219 219 219) 50%, rgba(255, 255, 255, 0) 100%);z-index: 2;}
.vision-col-col p {font-size: 16px;line-height: 26px;}

/*=======vision-mission section css end=========*/