img {max-width: 100%;vertical-align: middle;}      
[class*='col-'] {float: inherit;}
.text-center{text-align: center;}
section h2{margin-bottom: 20px;}
.section-padding-large{padding-top: 90px;padding-bottom: 90px;}     
.section-padding{padding-top: 60px;padding-bottom: 60px;}
.section-small-padding{padding-top: 30px;padding-bottom: 30px;}
.section-padd-top{padding-top: 60px;}
.section-bvottom-padd{padding-bottom: 60px;}
.d-flex{display: flex;flex-wrap: wrap;}
.outer-sec {padding: 0 10px;}
.lightblue-bg{background-color: #f6f9fc;}

/*****banner******/
.banner{background: url('../images/happiness/happiness_banner.jpg') no-repeat scroll right /cover;min-height: 450px;display: flex;align-items: center;box-shadow: 1px 5px 36px -21px rgba(0, 0, 0, 0.5);}              
.container-wrapper {max-width: 1240px;margin: 0 auto;padding: 0 10px;width: 100%;} 
.row-col-wrapper {display: flex;align-items: start;margin: 0 -10px;clear: both;flex-wrap: wrap;float: none !important;}
.d-flex.refreals {align-items: center;}
.v-align-center{align-items: center;}
.banner_inner h1 {font-size: 40px;  font-weight: 700;line-height: 48px;margin-bottom: 17px;text-align: left;margin-top: 0;color: #273a50;}
.banner_inner h1 span {color: #1e75bb;}
.banner_inner {max-width: 612px;}
.banner_inner p {margin-bottom: 40px;}  
.col-box-33 {width: 32.33%;} 
.custom_btn {padding: 10px 30px;background: #ffba56;color: #273a50;border-radius: 0px;text-transform: uppercase;font-size: 24px;cursor: pointer;border: 0px;
font-weight: 700;line-height: normal;display: inline-block;}
.bggrey {background: #f6f9fc !important;}   
.border-rounded{border-radius:20px;}   
.trusted_byCompany .slick-prev {left: -10px !important;}
.trusted_byCompany .slick-next {right: -10px !important;}
/********   Section *******/    
.our-promise-section{padding-top: 10px;}           
.happiness-process{padding: 10px 0 0;text-align:center;}
.happiness-process .small-img{display:none;}
.history-section [class*='col-']{float:none;}
.our-history p{font-size: 18px;font-weight: 400;color: #273a50;}
.what-we-section{background: url(../images/happiness/what_we_bg.jpg) center center no-repeat;background-size: cover;}
.what-we-section h2{color: #fff;}
.what-we-section h2 span{text-decoration:underline;}
.what-we-cols{display: flex;flex-flow: row;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;}  
.what-we-cols .what-we-col{background-color: #ffffff;color: #273a50;border-radius: 10px;padding: 25px 20px;font-size: 18px;width:18%;text-align: center;}   
.what-we-col img.icon{margin-left: -30px;height: auto;width: auto;}
.what-we-cols .what-we-col p{ font-size: 16px; margin-top: 25px;}  

/******   Success stories *****/
.client_experiences  .client_exp_wrap{display:flex;flex-wrap:wrap; margin-top:100px}
.client_experiences  .client_exp_wrap .client_experience_content{background: #f6f9fc;padding: 30px;height: 100%;display: flex;flex-flow: column;justify-content: space-between;
align-items: flex-start;}
.client_experiences  .client_experience_content img{margin-top: -90px;}
.client_experiences  .client_experience_content .txt_client strong{display:none;}
.award_certifications_blk .award_certifications_inr {padding: 0px 0 40px 0;}

/* ********  Responsive css ************* */
@media only screen and (min-width: 768px) and (max-width: 1439px) {

}
@media only screen and (max-width: 991px) {
.banner{background-position: center center !important;}

.our-promise h2, .history-section h2, .what-we-section h2, .client_experiences h2, .siteTitle h2 {font-size: 28px;line-height: 32px;}
.banner_inner {max-width: 100%;}

}
@media only screen and (max-width: 768px) {   
.banner{background: none !important;background-color: #F6FAFD !important;}
.banner_inner, .banner_inner h1 {text-align: center;}
.happiness-process .small-img{display:inline-block;}
.happiness-process .large-img{display:none;}

.what-we-cols {gap: 15px;}
.what-we-cols .what-we-col {width: 48%;}
}
@media only screen and (max-width: 680px) {   
.history-section .our-history{width: 100%;order: 1;text-align: justify;}
.history-section .our-history-by{width: 100%;order: 0;margin: 45px auto 25px;text-align: center;}

.client_experiences .client_exp_wrap .col-33{width:100%;margin-bottom:90px;}
.client_experiences .client_exp_wrap .col-33:last-child{margin-bottom:0px;}
}
@media only screen and (max-width: 580px) {   
.what-we-cols {gap: 15px;}
.what-we-cols .what-we-col {width: 100%;}
}