/***Authored by Deepak C***/
.about-us h1, .about-us h4 {font-family: o-semibold;font-size: 64px;}
/*workforce*/
.about-us .workforce {padding-top: 150px;}
.about-us .workforce h1 {font-size: 60px;line-height: 80px;margin-bottom: 25px;text-align: center;margin-left: 30px;margin-top: 70px;}
.about-us .workforce p {font-size: 20px;font-family: o-regular;text-transform: capitalize;color: #9B9B9B;  text-align: center;}
.about-us .workforce .star {position: relative;bottom: 25px;right: 18px;}
.about-us .workforce .workforce-wrapper {display: flex;align-items: center;}
.about-us .workforce .workforce-img-container {max-width: 439px;display: flex;flex-direction: column;gap: 20px;}
.about-us .workforce .workforce-img-container .workforce-row {display: flex;flex-wrap: nowrap;gap: 20px;}
.about-us .workforce .first-img-pair {max-width: 164px;display: flex;flex-direction: column;justify-content: space-between;}
.about-us .workforce .workforce-img-wrapper {border-radius: 16px;overflow: hidden;}
.about-us .workforce .arrow {float: right;}
.about-us .workforce .pop-image{position: relative;top: 100px;}
.about-us .workforce .pop-image .back-round, .about-us .workforce .pop-image-1 .back-round{position: absolute;}
.about-us .workforce .pop-image .back-round{width: 160px;}
.about-us .workforce .pop-image .lady{position: absolute;height: 144px;left: 18px;top: 16px;transition-delay: 2s;}
.about-us #rl-content .pop-image-1{position: relative;top: -80px;}
.about-us #rl-content .pop-image-1 .star{position: absolute;left: 200px;top: 160px;width: 60px;animation: mymove 5s infinite;}
.about-us #rl-content .pop-image-1 .men, .about-us #rl-content .pop-image-1 .back-round{right: 0px; position: absolute;}
.about-us #rl-content .pop-image-1 .back-round{height: 200px;}
.about-us #rl-content .pop-image-1 .men{height: 165px;right: -5px;top: 35px;border-radius: 53px;}
.about-us .workforce .row{justify-content: center;}
.workforce{position: relative;}
.workforce .arrow{position: absolute;right: 0px;top: 30px;top: 90px;}
#rl-content .pie-circle .lady{position: absolute;right: 0;border-radius: 35% 0px 0px 35%;}
#rl-content .ani{background-color: #cde2e0;width: 70%;height: 100%;position: absolute;left: 0;border-radius: 0px 35% 35% 0px;top: 0;}
/*.about-us #workforce:hover img {transform: scale(1.1);}*/
/*Mission*/
.about-us #mission .mission-grid{background-color: #F8F7FF;min-height: 500px;margin-top: 100px;padding: 70px;border-radius: 24px;}
.about-us #mission h3{text-align: center;margin-top: 15px;font-family: o-semibold;font-size: 40px;}
.about-us #mission .row{justify-content: center;}
.about-us #mission .mission-content {border: 1px solid #DF99F7;padding:48px 32px 48px 32px;text-align: center;min-height: 456px;border-radius: 24px;margin-top: 35px;background-color: #fff;}
.about-us #mission .mission-content img{width: 70px;margin-bottom: 30px;}
.about-us #mission .mission-content .hover{display: none;}
.about-us #mission .mission-content:hover .hover{display: block;margin: 0 auto;padding-bottom: 30px;}
.about-us #mission .mission-content:hover .default{display: none;}
.about-us #mission .mission-content h4{font-size: 36px;font-family: o-semibold;margin-bottom: 15px;}
.about-us #mission .mission-content p{color: #9B9B9B;font-size: 18px;line-height: 26px;}
/* Why choose aspire */
.about-us .why-choose{margin-top: 30px;}
.about-us .why-choose .why-title{font-family: o-bold;font-size: 40px;text-align: center;}
.about-us .why-choose .why-first{padding: 40px 0px 20px!important;}
.about-us .why-choose .year{font-family: o-extrabold;font-size: 40px;color: #9152C3;}
.about-us .why-choose .month{font-family: o-semibold;font-size: 14px;color: #2B2B2B;letter-spacing: 5px;text-transform: uppercase;}
.about-us .why-choose .logo{width: 80px;}
.about-us .why-choose .para{font-family: o-medium;font-size: 18px;margin-top: 15px;}
.about-us .why-choose .border{min-height: 375px;text-align: center;padding: 20px 15px;border: 2px solid#9152C3!important;border-radius: 25px;}
.about-us .why-choose .col-md-1{padding: 0px;}
.about-us .why-choose .row{flex-wrap: nowrap;width: 1140px;overflow-x: scroll;padding: 40px 10px;}
.about-us .why-choose .col-md-3 {padding: 0px;}
.about-us .why-choose .col-md-1 img{margin-top: 165px;position: absolute;left: -12px;}
.about-us .why-choose .col-md-1 {width: 5.8%;position: relative;}
.about-us .why-choose .won{border: 2px solid#1D73EB!important;}
.about-us .why-choose .won .year{color:#1D73EB}
.about-us .why-choose .launch .year{color:#40DDFF}
.about-us .why-choose .launch {border: 2px solid#40DDFF!important;}
.about-us .why-choose .asia {border: 2px solid#7612FA!important;}
.about-us .why-choose .asia .year {color:#7612FA;}
.about-us .why-choose .engage .year {color:#FE0CE5;}
.about-us .why-choose .engage {border: 2px solid#FE0CE5!important;}
.about-us .why-choose .cross {border: 2px solid#A2ABEA!important;}
.about-us .why-choose .cross .year{color:#A2ABEA;}
.about-us .why-choose .operation{border: 2px solid#1F7CFF!important;}
.about-us .why-choose .operation .year{color:#1F7CFF;}
.about-us .why-choose .new-office{border: 2px solid#21C828!important;}
.about-us .why-choose .new-office .year{color:#21C828;}
.about-us .why-choose .released{border: 2px solid#594AAA!important;}
.about-us .why-choose .released .year{color:#594AAA;}
.about-us .why-choose .major{border: 2px solid#F7BD72!important;}
.about-us .why-choose .major .year{color:#F7BD72;}
.about-us .why-choose .cascading{border: 2px solid#189BBA!important;}
.about-us .why-choose .cascading .year{color:#189BBA;}
.about-us .why-choose .rolled{border: 2px solid#8E7CFF!important;}
.about-us .why-choose .rolled .year{color:#8E7CFF;}
.about-us .why-choose .ai{align-items: center;display: grid;border: 2px solid#EA5768!important;background-color: #EA5768;color: #fff;}
.about-us .why-choose .ai img{margin: 0 auto;padding-top: 80px;}
/*Vision*/
.about-us #vision {margin-top: 130px;}
.about-us #vision h2 {font-family: l-bold;font-size: 24px;color: #5A4D9F;}
.about-us #vision h1 {font-size: 48px;line-height: 62px;margin-bottom: 30px;margin-top: 10px;}
.about-us #vision p {font-size: 20px;font-family: l-regular;color: #9B9B9B;line-height: 28px;margin-bottom: 0;text-align: justify;}
.about-us #vision .vision-text-wrapper {display: flex;flex-direction: column;justify-content: space-between;padding-left: 30px;}
.about-us #vision .img-container {border-radius: 24px;overflow: hidden;height: 100%;}
.about-us #vision .img-container img {transition: transform 0.5s ease;height: 100%;object-fit: cover;}
.about-us #vision:hover img {transform: scale(1.1);}
.about-us #vision .hover-underline-animation {position: relative;}
.about-us #vision .hover-underline-animation::after {content: '';position: absolute;width: 140px;transform: scaleX(0);height: 2px;bottom: 0;left: 0;background-image: linear-gradient(270deg, #A7B5FF 0%, #F3ACFF 100%);transform-origin: bottom left;transition: transform 0.5s ease-in-out;}
.about-us #vision:hover .hover-underline-animation::after {transform: scaleX(1);}
/*Stats*/
.about-us #stats .stats-content{margin-top: 70px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 3.94%, rgba(0,0,0,0.7) 98.38%) ,url("../img/wecare.png");min-height: 660px;background-repeat: no-repeat;background-size: cover;padding: 40px;border-radius: 24px;}
.about-us #stats h4 {font-size: 60px;color: #98571F;line-height: 68px;}
/*.about-us #stats .stats-card-wrapper {overflow: hidden;background-color: #F8F7FF;border-radius: 24px;}*/
/*.about-us #stats .stats-card {padding: 90px 0;}*/
.about-us #stats .stats-card .stats-wrapper {display: flex;justify-content: space-around;align-items: center;margin-top: 276px;}
.about-us #stats .stats-card .star-left {text-align: start;}
.about-us #stats .stats-card .star-right {text-align: end;}
.about-us #stats .stats-card p {text-align: center;font-family: o-semibold;font-size: 32px;color: #CDE2E0;}
.about-us #stats .stats-wrapper .stat-counter {color: #FFC65A;font-family: o-semibold;font-size: 64px!important;margin: 0;text-align: center;}
/*Animated stats*/
.about-us #stats .stat-counter {height: 1em;overflow: hidden;}
.about-us #stats .digits {float:left;list-style-type: none;font-size: 1em;line-height: 1em; padding: 0;}
.about-us #stats .digits-first {margin-top: 0;}
.about-us #stats .luckie {animation-name: luckie;}
.about-us #stats:hover .digits {animation-play-state: running;animation-duration: 2s;animation-timing-function: ease;animation-delay: .2s;animation-fill-mode: both;}
/* Animations */
@keyframes luckie {100% {margin-top: -4em;}}
/*Team*/
.about-us #team {margin-top: 100px;}
.about-us #team .team-card {padding: 40px;background-color: #2B2B2B;color: white;border-radius: 24px;background-image: url("../img/our-bg.svg");background-size: cover;}
.about-us #team .team-card-title {display: flex;align-items: end;margin-bottom: 80px;}
.about-us #team .team-card .team-card-title h2 {font-family: o-semibold;font-size: 48px;line-height: 62px;}
.about-us #team .team-card .team-card-title span {display: block;color: #FFC65A;}
.about-us #team .team-card .team-card-text h2 {margin-top: 15px;font-family: l-bold;color: #FFFFFF;font-size: 20px;line-height: 24px;margin-bottom: 2px;}
.about-us #team .team-card .team-card-text p {font-family: l-regular;color: #FFC65A;font-size: 14px;line-height: 24px;}
/*Awards*/
.about-us #awards {margin-top: 60px;}
.about-us #awards .awards-card {background-color: #CDE2E0;border-radius: 24px;padding: 50px 60px 0px;}
.about-us #awards .awards-card .white-star{margin-top: 40px;}
/*.about-us #awards .awards-card .award-title {display: flex;}*/
.about-us #awards .awards-card .award-title .award-star {position: relative;top: 32px;left: 6px;}
.about-us #awards .awards-card .award-title h2 {font-family: o-semibold;font-size: 48px;line-height: 62px;}
/* life-at-synergita */
#life-at{margin-top: 130px;}
#life-at .life-aspire{font-size: 46px;font-family: o-bold;}
#life-at .img-life-1 img{width: 100%;border-radius: 30px;height: 200px;}
#life-at .col-md-4{align-content: center;}
#life-at .col-md-4 img, #life-at .col-md-8 img{width: 100%;margin-top: 20px;}
#life-at .img-life-2 img{border-radius: 30px;height: 268px;}
#life-at .life-grid-2{margin-top: 20px;}
#life-at .underline {width: 220px !important;float: right;margin-top: -21px !important;}
#life-at .col-md-12 img{width: 100%;margin-top: 45px;}
#contact{margin-top: 80px;margin-bottom: 72px;}
#contact .contact-wrapper {position: relative;border-radius: 40px;background-color: #FFF2CC;overflow: hidden;}
#contact .contact-wrapper .contact-text {padding: 50px 55px 30px 55px;}
#contact .contact-wrapper h2 {font-family: 'o-medium', sans-serif;font-weight: 600;font-size: 38px;color: var(--dark-grey);margin-bottom: 20px;  letter-spacing: -2px;}
#contact .contact-wrapper p {font-family: 'l-regular', sans-serif;font-size: 20px;color: #18181B;}
#contact .contact-wrapper a {text-decoration: none;font-family: 'l-regular', sans-serif;font-weight: 600;font-size: 20px;color: var(--purple);}
#contact .contact-wrapper img {position: relative;z-index: 2;}
#contact .contact-wrapper .circle-1 {position: absolute;bottom: -23%;right: -44%;width: 80%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle, transparent 69%, #FFC65A 69%, #FFC65A 69%);}
#contact .contact-wrapper .circle-2 {position: absolute;bottom: -24%;right: -20%;width: 70%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle, transparent 69%, #FFFFFF 69%, #FFFFFF 69%);}
@media (min-width:768px) and (max-width: 991px) {
/*workforce*/
.about-us #workforce h1 {font-size: 48px;line-height: 60px;margin-bottom: 15px;}
.about-us #workforce p {font-size: 16px;}
.about-us #workforce p br{display: none;}
/*Vision*/
.about-us #vision h2 {margin-top: 20px;}
.about-us #vision h1 {margin-bottom: 20px;}
.about-us #vision .img-container img {width: 100%;}
.about-us #vision .vision-text-wrapper {padding-left: 15px;margin-top: 30px;}
/*	mission*/
.about-us #mission .mission-content {min-height: 650px;padding: 32px;}
.about-us #mission .col-md-8{width: 100%;}
.about-us #mission {padding: 0px;padding-bottom: 40px;}
.about-us #mission h3 {margin-top: 70px;}
.about-us .workforce .pop-image {display: none;}
.about-us .col-md-9{width: 100%;}
.about-us .workforce h1 {line-height: 70px;margin-top: 40px;}
.about-us #rl-content .pop-image-1 {top: -30px;}
/* why-aspire */
.about-us .why-choose .row { width: 720px}
.about-us .why-choose .border {min-height: 375px;}
.about-us .why-choose .col-md-3{width: 45%;max-width: 45%;}
.about-us .why-choose .col-md-1 {width: 8.9%;}
.about-us .why-choose .col-md-1 img {left: -14px;}
/*Stats*/
.about-us #stats .stats-card p {font-size: 22px;}
.about-us #stats .stats-wrapper .stat-counter,#stats .stats-wrapper span {font-size: 42px!important;}
.about-us #stats .stats-content {min-height: 500px;margin-top: 35px;}
.about-us #stats .stats-card .stats-wrapper {margin-top: 160px;}
/*Awards*/
.about-us #awards .awards-card {padding: 40px 30px;}
.about-us #awards .award-title h2 {font-size: 42px;line-height: 56px;}
.about-us #awards .award-title {justify-content: center;}
.about-us .awards-card .hand-logo{display: none;}
#life-at .img-life-2 img {height: 165px;}
#life-at .img-life-1 img {height: 140px;}
/*team*/
.about-us #team .team-card-title {margin-bottom:30px;}
.about-us #team .team-card .col-md-3,#team .team-card .col-md-8{width: 100%;}
.about-us #team .team-card .justify-content-between:nth-child(2){margin-top: 60px;}
.about-us #team .team-card .team-card-title h2 {font-size: 36px;line-height: 44px;}
.about-us #team .team-card .team-card-title span {display: initial;}
}
@media (min-width:991px) and (max-width: 1199px) {
.about-us #mission .mission-content {min-height: 485px;}
#life-at .img-life-2 img {height: 225px;}
.about-us .why-choose .row{width: 960px;}
.about-us .why-choose .border {min-height: 400px;}
.about-us .why-choose .col-md-1 {width: 6.8%;}
}
@media (min-width: 1400px) {
	.about-us .why-choose .row{width: 1320px;}
	.about-us .why-choose .col-md-1 {width: 5%;}
}
@media (min-width:320px) and (max-width: 767px) {
.banner .container,#mission .container, #stats .container, #team .container, #awards .container, #life-at .container{width: 100%;padding: 0px 30px;max-width: 100%;}
	/*workforce*/
.about-us #workforce .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #workforce .workforce-img-container {max-width: 100%;}
.about-us #workforce h1 {font-size: 36px;line-height: 48px;margin-bottom: 15px;}
.about-us #workforce .star {bottom: 15px;right: 10px;}
.about-us #workforce .star img{width: 20px;}
.about-us #workforce p {font-size: 16px;margin-bottom: 30px;}
.about-us #workforce p br,.about-us #workforce h1 br{display: none;}
.about-us .workforce h1 {font-size: 36px;line-height: 45px;margin-left: 0px;}
.about-us .workforce .pop-image {top: 0px;}
.about-us #rl-content .pop-image-1 {top: 0px;}
.about-us #rl-content .pop-image-1 .star {left: 0px;top: 72px;}
.about-us #mission {padding: 0px;margin-top: 200px;}
.about-us #mission h3 {font-size: 36px;padding-top: 40px;}
.about-us #mission .mission-content {min-height: auto;}
.about-us #stats .col-4{width: 100%;}
#life-at .life-aspire {font-size: 36px;line-height: 56px;}
.about-us .workforce .pop-image .lady {height: 58px;left: 9px;}
.about-us .workforce .pop-image .back-round {width: 73px;}
.about-us #mission .mission-grid {padding: 15px;}
#life-at .img-life-1 img {height: auto;}
/*mission*/
.about-us #mission .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #mission .mission-wrapper {padding: 60px 0;}
.about-us #mission .mission-text {font-size: 16px;width: 100%;}
.about-us #mission .mission-text span{font-size: 36px;}
.about-us #mission .col-md-5{width: 100%;max-width: 100%;}
#life-at .img-life{align-content: center;}	/*Vision*/
.about-us #vision {margin-top: 90px;}
.about-us #vision .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #vision h2 {margin-top: 20px;font-size: 20px;margin-bottom: 20px;}
.about-us #vision h1 {margin-bottom: 20px;font-size: 36px;line-height: 48px;}
.about-us #vision .hover-underline-animation::after {width: 116px;bottom: -5px;}
.about-us #vision p{font-size: 16px;line-height: 1.5;}
.about-us #vision .img-container img {width: 100%;}
.about-us #vision .vision-text-wrapper {padding-left: 15px;margin-top: 30px;}
/* why-aspire */
.about-us .why-choose .row {width: 100%;margin-left: 0px;padding: 40px 0px;}
.why-choose .container{width: 100%;max-width: 100%;padding: 0px 30px;}
.about-us .why-choose .col-md-3 {width: 100%;}
.about-us .why-choose .col-md-1 {width: 9.6%;}
.about-us .why-choose .col-md-1 {width: 27.6%;}
.about-us .why-choose .border {min-height: 410px;}
 .about-us .why-choose .col-md-1 {width: 65px;}
/*Stats*/
.about-us #stats {margin-top: 90px;}
.about-us #stats .stats-content {margin-top:30px;}
.about-us #stats .stats-card {padding: 35px 0;}
.about-us #stats .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #stats .stats-card .stats-wrapper {display: block;margin-top: 115px;}
.about-us #stats .digits ,.about-us #stats .stats-wrapper .float-start{float: none!important;}
.about-us #stats .stats-card .star-left,.about-us #stats .stats-card .star-right {align-items: center;display: grid;}
.about-us #stats .counter-wrapper:nth-child(2){margin: 40px 0px;}
.about-us #stats h1 {font-size: 36px;line-height: 45px;}
.about-us #stats .stats-content{background-position: center;min-height: auto;}
#life-at .underline {margin-bottom: 30px;float: none;}
#life-at {margin-top: 50px;}
.about-us #life-at .col-md-4, .about-us #life-at .col-md-5, .about-us #life-at .col-md-3, .about-us #life-at .col-md-8{width: 100%;}
#life-at .img-life-2 img {height: auto;}
#life-at .col-md-12 img {margin-top: 20px;}
#life-at .img-life-1 img {margin-top: 20px;}
.about-us #stats .stats-card p {font-size: 16px;}
.about-us #stats .stats-wrapper .stat-counter,#stats .stats-wrapper span {font-size: 36px!important;}
/*Awards*/
.about-us #awards {margin-top: 90px;}
.about-us #awards .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #awards .awards-card {padding: 40px 30px;}
.about-us #awards .award-title h2 {font-size: 36px!important;line-height: 56px;}
.about-us #awards .award-title {justify-content: center;}
.about-us #awards .awards-card .hand-logo{display: none;}
.about-us #awards .awards-card .white-star {right: 0;}
/*team*/
.about-us #team {margin-top: 90px;}
.about-us #team .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #team .team-card {background-size: contain;}
.about-us #team .team-card .justify-content-center{display: block;}
.about-us #team .team-card .justify-content-center .col-4{width: 100%;display: grid;justify-content: center;}
.about-us #team .team-card-title {margin-bottom:30px;}
.about-us #team .team-card .col-md-3,#team .team-card .col-md-8{width: 100%;}
.about-us #team .team-card .justify-content-between:nth-child(2){margin-top: 60px;}
.about-us #team .team-card .team-card-title h2 {font-size: 36px;line-height: 44px;}
.about-us #team .team-card .team-card-title span {display: initial;}
/*moments*/
.about-us #moments {margin-top: 90px;}
.about-us #moments .container{width: 100%;max-width: 100%; padding: 0px 30px;}
.about-us #moments .col-8{width: 100%;}
.about-us #moments .moments-title h1 {font-size: 36px;line-height: 48px;}
.about-us #moments .moments-title p {font-size: 16px;line-height: 1.4;}
}
