@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');



#intro-about { background: url("../img/about-us-page/about-us-bg.png") center top; background-size: contain; background-repeat: no-repeat; text-align: center; padding: 170px 0 110px;}
#intro-about .intro-text { color: #424242;}
#intro-about h2 { font-size: 90px; line-height: 120px; font-weight: 900; margin-top: 60px;} 
#intro-about h3 { font-size: 60px; margin-bottom: 50px; color: #424343; font-weight: 400;}
#intro-about p { color: #424242; font-size:28px; line-height: normal; margin-bottom: 30px; padding: 0 175px;}



#intro-about .media{ position: relative;}
#intro-about .media::after { content: ''; background-image: url('../img/about-us-page/drop-shadow.png');  position: absolute;  background-repeat: no-repeat;  background-position: bottom; bottom: -115px; left: 0px; width: 100%; z-index: 1; height: 95px;}




/* About Us Section
--------------------------------*/
.about { padding: 60px 0;}

#about .about-img img { margin-left: -15px; max-width: 100%;}
#about .content .h2 { color: #333; font-weight: 300; font-size: 24px;}

.about .content p:last-child { margin-bottom: 0;}
.about .content i { font-size: 20px; padding-right: 4px; color: #f38041;}
.about .content ul { list-style: none; padding: 0;}
.about .content ul li { padding-bottom: 10px;}

.content ul{ margin-bottom: 60px; margin-left: 30px;}
.content ul li { background: url(../img/dot.png) left 13px no-repeat; padding-left: 30px;}
.content ul li:last-child{ padding-bottom: 0;}

#Our-Group{ background: url(../img/footer-bg.png) left bottom repeat-x;}

/* Card Section
--------------------------------*/

.card { border:none; }
.about.card-section .card { border:none; display: block !important; text-align: center; margin: 0 80px; font-size: 26px; font-weight: 600;}






/* Mission-Vision Section
--------------------------------*/

.mission-Vision { flex-direction: column;}

.mission-area{ background-color: #e2e7ea; border: none; padding: 40px 50px;border-radius: 20px;} 
.mission-area .title{ font-size: 40px; font-weight: 600;  position: relative; padding-top: 20px;}
.mission-area .desc{ font-size: 24px; line-height: 34px; margin-top: 20px; }
.mission-area .title:before{ background: #424242; height: 4px; width: 80px; content: ""; position: absolute; left: 0; top: 0; }

.orange_bg{ background-color: #f38041; color: #fff; } 
.orange_bg .title:before{ background: #fff }


.know-more{ line-height: 24px;  text-align: center;border: 2px solid #f38041; font-size: 22px;}

.upper-line{color: #f38041;}
.upper-line:before { display: none;}

.know-more{ background: #f38041; color: #fff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-top: 20px; margin-right: 20px;}
.know-more:hover{ color: #f38041; background-color: #fff; border: 2px solid #f38041;}

#mission-vision{ height: 100%; background: url(../img/about-us-page/Mission-vision-img.png) right top no-repeat; background-size: 85%; }


    


.card-img-top{ width: auto;}

/* Award-recognition Section
--------------------------------*/
#award-recognition { padding: 10px 0 60px 0; position: relative; background: rgb(240,243,244);}
#award-recognition .box { padding: 40px; margin-bottom: 28px; transition: 0.4s; background: #fff; border-radius: 20px; text-align: center; min-height: 662px;  display: flex; align-items: center;}
#award-recognition .icon { float: left;}
#award-recognition .section-header{ position: relative; z-index: 1;}
#award-recognition .icon i { color: #666666; font-size: 80px; transition: 0.5s; line-height: 0;}
#award-recognition h4 { margin-left: 0px; font-weight: 400; margin-bottom: 20px; font-size: 40px;  border-radius: 10px; padding: 5px 20px 5px 5px;   display: inline-block;}
#award-recognition p { font-size: 24px; margin-left: 0px; margin-bottom: 20px; font-weight: 400;}
#award-recognition .btn-get-started { color: #f38041; padding: 15px 30px; border: 2px solid #f38041; border-radius: 50px; display: inline-block; margin-top: 20px; font-size: 22px; line-height: 24px;}
  
.btn-get-started:hover { color: #fff !important; background-color: #f38041;}

#award-recognition .box-2{ background-color: #e2e7ea; min-height: 250px; display: block;}
#award-recognition .box-3{ min-height: 250px; display: block;}
#award-recognition .box-2 .btn-get-started { color: #080808; padding: 12px 30px;border: none; border-radius: 50px; display: inline-block; margin-top: 20px;}
#award-recognition .box-3 .btn-get-started { color: #080808; padding: 12px 30px; border: 2px solid #f38041; border-radius: 50px; display: inline-block; margin-top: 20px;}
#award-recognition .box-3 .btn-get-started:hover{ border: 2px solid #f38041;color: #111 !important;}
#award-recognition .box-3 .text{ text-align-last:start ;}





/* Our-Group Section
--------------------------------*/

#Our-Group .mission-area{ padding: 0;}
#Our-Group .mission-area .title{ /* padding-top: 0px; */}
#Our-Group .section-title{ margin-top: 60px;}




.mb-60{ margin-bottom: 60px !important;}