.page-about-us .wp-block-wpwebinfotech-wpweb-life:after,
.page-about-us .wp-block-wpwebinfotech-wpweb-life:before {background: none;}
.page-about-us .wp-block-wpwebinfotech-wpweb-life {margin: 0;}
.page-about-us .our-clients {margin-bottom: 0;}
.page-about-us .banner-caption { text-align: center; }
.page-about-us .banner-caption h1, .page-about-us .banner-wrap { max-width: initial; }
.page-about-us .banner-btn { justify-content: center; }
/*about banner section*/
.about-section { z-index: 1; }
/*.abour-us-banner { padding-bottom: 0; }*/
.page-about-us .banner-section { padding-bottom: 270px !important; background-position: 0px 66% !important; }
.page-about-us .banner-btn { padding-top: 0; }
.about-section { padding-top: 60px; }

/*about us section*/
.about-wrap-section > div { padding: 0 20px; }
.about-wrap-section  h2 { padding-bottom: 20px; }
.about-wrap-section { margin: 0 -20px; }
/*.about-wrap-section p + p { margin-top: 20px;margin-bottom: 0; }*/
.about-wrap-section .col-6:nth-child(2) .content p::first-letter{ color: rgb(18 18 18 / 80%); font-size: 30px; }
/*Our Core Values*/
.our-core-values { margin-top: -50px; }
.our-core-values-section .our-core-values-wrap { width: 25%; padding: 0 15px; }
.our-core-values-section .our-core-values-wrap .our-values-wrap:hover::after { opacity: 32%; transform: scale(1); }
.our-core-values-section { margin: 0 -15px; }
.our-core-values-section .our-core-values-wrap .our-values-wrap { background-color: #fff; text-align: center; padding: 15px 30px; border-radius: 12px; -webkit-box-shadow: 0 5px 18px 5px rgb(0 0 0 / 10%); -moz-box-shadow: 0 5px 18px 5px rgb(0 0 0 / 10%); box-shadow: 0 5px 18px 5px rgb(0 0 0 / 10%); height: 100%; position: relative;}
.our-values-wrap .content h3 { padding-bottom: 25px; }
.our-core-values { padding-bottom: 60px; }
.values-image { margin: -70px auto 30px; background-color: #c368f7; height: 101px; width: 101px; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 9px 2px rgb(0 0 0 / 10%); position: relative; z-index: 7; }
.our-core-values-section { padding-top: 80px; }
.our-values-wrap:after { content: ''; position: absolute; background-color: #c368f7; opacity: 32%; height: 65px; width: 120px; border-top-left-radius: 90px; border-top-right-radius: 90px; top: -65px; left: 0; right: 0; margin: 0 auto; opacity: 0;transition: all 500ms ease; transform: scale(0);}
.our-core-values-section .our-core-values-wrap:nth-child(2) .our-values-wrap::after, .our-core-values-section .our-core-values-wrap:nth-child(2) .our-values-wrap .values-image { background-color: #f76868; }
.our-core-values-section .our-core-values-wrap:nth-child(3) .our-values-wrap::after, .our-core-values-section .our-core-values-wrap:nth-child(3) .our-values-wrap .values-image { background-color: #6880f7; }
.our-core-values-section .our-core-values-wrap:nth-child(4) .our-values-wrap::after, .our-core-values-section .our-core-values-wrap:nth-child(4) .our-values-wrap .values-image { background-color: #f7c568; }

/*Our core values sprite image*/
.our-core-values-wrap .values-image .core-img { background: url(https://d2yn3p1o2oplij.cloudfront.net/wp-content/themes/wpwebinfotech/images/About-Page-Sprite.png); height: 50px; width: 50px; background-size: auto; margin: 0px auto; }
.our-core-values-wrap:nth-child(1) .values-image .core-img { background-position: -10px -9px; }
.our-core-values-wrap:nth-child(2) .values-image .core-img { background-position: -63px -9px; }
.our-core-values-wrap:nth-child(3) .values-image .core-img { background-position: -119px -9px; }
.our-core-values-wrap:nth-child(4) .values-image .core-img { background-position: -178px -9px; }
.social-link ul li a .social-image { background: url(https://d2yn3p1o2oplij.cloudfront.net/wp-content/themes/wpwebinfotech/images/About-Page-Sprite.webp); background-size: auto; margin: 0 auto; height: 100%; width: 100%; }
.social-link ul li:first-child a .social-image { background-position: -7px -76px; }
.social-link ul li:nth-child(2) a .social-image { background-position: -87px -76px; }
.social-link ul li:nth-child(3) a .social-image { background-position: -127px -76px; }
 
/*Our Exceptional Team*/
.our-exceptional-inner  .left { display: flex; flex-wrap: wrap; width: 50%; }
.our-exceptional-inner .left figure {width: calc(50% - 30px);height: 211px;margin: 15px 15px;}
.our-exceptional-inner figure img {height: 100%;width: 100%;object-fit: cover;border-radius: 12px;transform: scale(1);transition: all 900ms ease;}
.our-exceptional-inner .right { width: 50%; }
.our-exceptional-inner figure {height: calc(100% - 30px);border-radius: 12px;margin: 15px;overflow: hidden;transition: all 800ms ease;}
.our-exceptional-inner { margin: 0 -15px; }
.our-exceptional-team.overlay::after { opacity: 86%; }
.our-exceptional-team .title h2 { color: #fff; padding-top: 60px; padding-bottom: 30px; }
.our-exceptional-team { margin-top: 50px;padding-bottom: 50px; }
.our-exceptional-team-wrap .our-exceptional-inner:nth-child(even) { flex-direction: row-reverse; }
.our-exceptional-inner figure:hover img { transform: scale(1.1); }
.our-exceptional-inner figure  img { transform: scale(1); }


.our-exceptional-inner { display: flex !important; }
.our-exceptional-inner { margin: 0; }

/*life-at-wpweb-section*/
.page-about-us .wpweb-life { margin: 30px 0 10px; padding: 40px 0 60px;}
.page-about-us .wpweb-life { background-color: transparent; }
.page-about-us .wpweb-life:before { display: none; }
.page-about-us .wpweb-life:after { display: none; }

.page-about-us footer { margin-top:  50px; padding-top: 0px; }

.about-section-left-content p::first-letter{ color: rgb(18 18 18 / 80%); font-size: 30px; }



@media(max-width: 1199px){
	.resources-main-wrap { margin: 0 -20px; }
	body footer:after { top: -120px; }
	.milestones-main-img-row img { max-width: 100%; width: 100%; height: 100%; }
	.milestones-main-row:nth-child(even) span, .milestones-main-row:nth-child(even) .milestones-main-img-row span {right: 3px;}
	.milestones-main-row:nth-child(even) .milestones-main-img-row { padding-left: 0px; }
	.milestones-main-img-row { padding-right: 0px; }
	.milestones-main-row span { right: -4px; }
	.milestones-main-content-row { padding-left: 120px; }
	.milestones-main-row .milestones-main-img-row span {flex: 0 0 35%; }
	.milestones-main-row:first-child .milestones-main-img-row { padding-right: 0; }
	.milestones-main-row:nth-child(even) .milestones-main-content-row { padding-right: 120px; }

	/*our-core-values*/
	.our-core-values { padding-bottom: 0px; }
	.our-core-values-section .our-core-values-wrap { width: 50%; padding: 0 15px 100px; }
	/*our-core-values*/
	.page-about-us .banner-section { padding-bottom: 200px !important; padding-top: 136px; }
	.footer-section { padding-top: 30px; }
	.our-core-values { margin-top: 0; }
}

@media (max-width:1025px) {
	.our-core-values-section .our-core-values-wrap .our-values-wrap::after { opacity: 32%; transform: scale(1); }
	.resources-wrap-inner:before { transform: scaleX(1); opacity: 1; }
}

@media(max-width:991px) {
	/*.banner-section.abour-us-banner { padding-bottom: 210px; background-position: center !important; padding-top: 186px; }
	.banner-section.abour-us-banner  .banner-bottom { height: 100px; }*/
	body .banner-caption p { padding: 30px 0 20px; }
	.about-section { padding-top: 110px; }
	.about-wrap-section > div { padding: 0 15px; }
	.about-wrap-section { margin: 0 -15px; }
	.our-core-values-section .our-core-values-wrap { width: 50%; margin-bottom: 40px; }
	.our-core-values { padding-bottom: 0 !important; }
	.counter-wrap-inner span { font-size: 32px; }	
	.milestones-main-content-row h3 { font-size: 16px; margin-bottom: 8px; }
	.milestones-main-wrap-box { padding-top: 50px; }
	.our-exceptional-inner .left figure { height: 170px; margin: 10px 10px; width: calc(50% - 20px); }
	.our-exceptional-inner figure { margin: 10px; height: calc(100% - 20px); }
	.our-exceptional-inner figure { margin-bottom: 10px; }
	
	

	.milestones-main-wrap::after { right: auto; left: 89px; }
	.milestones-main-wrap-box::after { left: -13px; top: -30px; margin: 0 }
	.milestones-main-wrap-box::before { left: -13px; bottom: -30px; margin: 0 }
	.milestones-main-row { flex-direction: column; align-items: inherit; justify-content: flex-start; padding-left: 30px; margin-top: 20px; margin-bottom: 0px; }
	.milestones-main-img-row, .milestones-main-row:nth-child(even) .milestones-main-content-row { padding-right: 0 }
	.milestones-main-img-row { width: 100%; flex-direction: column; align-items: flex-start; order: 2 }
	.milestones-main-content-row, .milestones-main-row:nth-child(even) .milestones-main-img-row { padding-left: 0 }
	.milestones-main-content-row { width: 100%; order: 3 }
	.milestones-main-img-row img { order: 2 }
	.milestones-main-row .milestones-main-img-row span { transform: inherit; order: 1; width: auto; flex: 0 0 auto; text-align: center; margin-bottom: 25px; position: static }
	.milestones-main-row span { order: 1; left: -41px; top: 31px }
	.milestones-main-img-row { margin-bottom: 30px }
	.milestones-main-wrap-box { padding: 0px 0 0; }
	.milestones-main-content-row::after { display: none }
	.milestones-main-row:nth-child(even) .milestones-main-content-row { text-align: left }
	.milestones-main-row:nth-child(even) .milestones-main-img-row { flex-direction: column-reverse; }
	.milestones-main-img-row img { max-width: 380px; margin-right: 0; }
	.milestones-main-row .milestones-main-img-row span { text-align: left; margin-left: 0; margin-top: 0; }
	.milestones-main-img-row figure { text-align: left; }
	.milestones-main-row:first-child .milestones-main-img-row, .milestones-main-row:nth-child(3) .milestones-main-img-row { flex-direction: column-reverse; }
	.milestones-main-wrap::after { content: none; }
	.milestones-main-wrap .container{position: relative;}
	.milestones-main-wrap .container:before { content: ""; position: absolute; background-color: #bbbdc0; width: 8px; height: 100%; left: 16px; right: auto; top: 0; border-radius: 20px; margin: 0 auto; z-index: 1; }
	.milestones-main-content-row p { font-size: 16px; line-height: normal; }
	.page-about-us .wpweb-life { margin: 25px 0 0px;}

}

@media(max-width:767px) {
	.page-about-us .banner-section { padding-bottom:140px !important; background-position: center !important; }
	/*.banner-section.abour-us-banner .banner-bottom { height: 80px; }*/
	.about-section { padding-top: 40px; }
	.about-wrap-section > div { width: 100%; padding: 0 0 20px; }
	.about-wrap-section { margin: 0 0; }		
	.our-exceptional-inner .left { width: 100%; }
	.our-exceptional-inner .right { width: 100%; }
	.our-exceptional-inner { margin-left: 0px; }
	.our-exceptional-team-wrap ul.slick-dots { bottom: -30px; }
	.our-exceptional-team-wrap ul.slick-dots li button { background-color: #007bc0; width: 15px; height: 15px; }
	.our-core-values-section .our-core-values-wrap:last-child { margin-bottom: 40px; padding-bottom: 10px;}
	section.milestones-section { overflow: hidden; }
	.milestones-main-wrap-box::before{ bottom: 0;}
	.milestones-main-wrap-box{padding: 0px 0 40px;}
	body footer:after{top:-100px !important;}
	.page-about-us .wpweb-life { margin: 0px 0 0px; padding-bottom: 50px;}
	.our-core-values-section .our-core-values-wrap {width: 100%}

	.our-core-values .sub-title { padding-top: 30px; }
	.our-core-values-section { padding-top: 80px; }

	.our-exceptional-team { margin: 50px 0px 0px; padding-bottom: 70px; }
    .resources-wrap-inner:before { transform: scaleX(1) translateZ(0); }
 	.our-values-wrap .content h3 { padding-bottom: 15px; }
	
	.our-values-wrap:after { opacity: 32%; transform: scale(1); }
	.meet-our-director .title h2 { padding-bottom: 30px; }
	.our-exceptional-team .title h2 { padding-top: 40px; padding-bottom: 20px; }
	.page-about-us .our-clients { margin: 0px; }
	.resources-section { padding-top: 40px;  padding-bottom: 0px; margin-bottom: 40px;}
	.resources-section .title h2 { padding-bottom: 30px; }
	.our-core-values-section .our-core-values-wrap .our-values-wrap{ height: auto; }
	.wp-block-wpwebinfotech-wpweb-videobox { margin-bottom: 0px!important; }
	.page-about-us .wpweb-our-exceptional-team {padding-bottom: 40px;}
}

@media(max-width: 576px){	
	.our-core-values-section .our-core-values-wrap { width: 100%;margin-bottom: 0px;}
	.stars-div{justify-content:center !important;}
	.recognition-inner figure{text-align:center !important;}
}

@media screen and (max-width: 350px){
	.about-recognition-content .recognition-wrap span {
    	margin-right: 4px !important;
	}
	.about-recognition-content .star {
    	width: 7px !important;
	}
}