/***Authored by Deepak C***/
:root {--purple: #5A4D9F;--dark-grey: #2B2B2B;--light-grey: #9B9B9B;}
#header-banner {background-image: url("../img/careers-banner.webp");background-position: center;background-size: cover;max-width: 98%;margin: 75px auto 0px auto;min-height: 400px;border-radius: 50px 0px 50px 50px;}
#header-banner h1{color: #fff;font-family: o-medium;font-size: 60px; margin-top: 185px;line-height: 64px;}
#header-banner .button{position: absolute;bottom: 30px;right: 0; border-radius: 100px;background:linear-gradient(to right, #fff 50%, #FFC65A 50%);background-size: 203% 100%;background-position: right bottom;transition: all .5s ease-out;padding: 20px 52px;font-family: l-bold;color: #2B2B2B;font-size: 16px;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;border: 0px;}
#header-banner a:hover { background-position: left bottom;}
#header-banner .col-md-6:nth-child(2){position: relative;}
/* be-ready */
#be-ready img{width: 100%;}
#be-ready .col-md-6:nth-child(2){padding-left: 60px;}
#be-ready {margin-top: 50px;}
#be-ready h2{font-family: o-bold;font-size: 48px;margin-bottom: 60px;margin-top: 50px;}
#be-ready p{font-family: o-regular;font-size: 27px;line-height: 36px;}
#orbit {margin-top: 65px;}
#orbit h2 {font-family: 'o-medium', sans-serif;font-weight: 600;font-size: 30px;}
.work-values {margin-top: 140px;position: relative;padding-bottom: 60px;}
.work-values.first .pie-circle img{float: right;}
.work-values.last{padding-top: 40px;}
.work-values .flower-bg {width: 100px;position: absolute;left: -11px;}
.work-values.first .work-values-title h2{font-family: o-bold;font-size: 40px;line-height: 50.4px;margin-bottom: -40px;} 
.work-values.first .work-values-title span{color: #008080;}
.work-values .chess-bg {width: 17%;position: absolute;right: 0;}
.work-values .swiper-pagination-bullet {background-color: #FFFFFF;opacity: unset;}
.work-values .swiper-pagination-bullet-active {background-color: #FFC65A;}
.work-values .card {height: 100%;border: 1px solid #F8F7FF;border-radius: 24px;}
.work-values.first .card :before {content: "";z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, #DF99F7 0%, #FFDBB0 100%);filter: blur(4.5px);opacity: 0;border-radius: 24px;transition: opacity .5s;}
.work-values:not(:last-of-type) .card:hover :before {opacity: 0.5;}
.work-values.last .work-values-title h2{font-family: o-bold;font-size: 40px;line-height: 50.4px;float: right;margin-bottom: -70px;text-align: end;
} 
.work-values.last .work-values-title span{color: #8F7CFF;}
.work-values.last .card :before {content: "";z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, #A7B5FF 0%, #F3ACFF 100%);filter: blur(4.5px);opacity: 0;border-radius: 24px;transition: opacity .5s;}
.work-values:last-of-type .card:hover :before {opacity: 0.5;}
.work-values .card:hover .card-value-title h5 {color: var(--purple);}
.work-values .card:hover .card-text {color: var(--dark-grey);}
.work-values .card-body {padding: 25px;}.work-values .card-value-title {display: flex;margin-bottom: 24px;}
.work-values .card-value-title h5 {font-family: 'o-medium', sans-serif;font-size: 24px;font-weight: 600;color: var(--dark-grey);letter-spacing: 1px;transition: color .5s;}
.work-values .card-text {font-family: 'l-regular', sans-serif;color: var(--light-grey);font-size: 16px;transition: color .5s;}
.work-values .card-value-title img {margin-right: 15px;}
#positions {margin-top: 80px;}
#positions .positions-wrapper {position: relative;border-radius: 40px;background-color: #f8f7ff;overflow: hidden;}
#positions .positions-wrapper .circle-1 {position: absolute;bottom: -140px;right: -10px;width: 250px;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle, transparent 67%, #DF99F7 68%, #FFDBB0 77%);opacity: 0.4;}
#positions .positions-wrapper .circle-2 {position: absolute;bottom: -103px;right: -139px;width: 250px;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle, transparent 67%, #A7B5FF 68%, #F3ACFF 77%);opacity: 0.4;}
#positions .positions-wrapper h2 {padding: 148px 15px;font-family: 'o-medium', sans-serif;font-weight: 600;font-size: 38px;color: var(--dark-grey);}#life {margin-top: 100px;margin-bottom: 100px;}
/* 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%);}

#rl-content .pie-circle, #rl-content-1 .pie-circle {background-color: #cde2e0;
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;border-radius: 35% 0px 0px 35%;}
#rl-content .ani, #rl-content-1 .ani{background-color: #cde2e0;
  width: 70%;
  height: 100%;
  position: absolute;
  left: 0;border-radius: 0px 35% 35% 0px;top: 0;}

@media (min-width:320px) and (max-width: 768px) {
#header-banner .container{padding: 0px 30px;width: 100%;max-width: 100%;}
#header-banner .header-banner-title {padding: 30px 15px !important;}
.work-values .container,#positions .container, #life .container, #contact .container, #life-at .container,#be-ready .container{padding: 0px 30px;width: 100%;max-width: 100%;}
.work-values .card-value-title h5{font-size: 20px;}
#life-at .img-life{align-content: center;}
#life-at .underline {float: none;}
#contact .contact-wrapper p,#contact .contact-wrapper a{font-size: 16px;}
}
@media screen and (min-width: 768px) {

#orbit h2 {font-size: 48px;}
.work-values .flower-bg {width: 150px;left: -19px;}
.work-values .chess-bg {width: 30%;position: absolute;right: -5%;}
#positions .container h2 {font-size: 48px;}
#contact .contact-wrapper h2 {font-size: 48px;}
#contact .contact-wrapper p {font-size: 24px;}
#contact .contact-wrapper a {font-size: 24px;}
#contact .contact-wrapper .circle-1 {bottom: -44%;}
#contact .contact-wrapper .circle-2 {bottom: -46%;right: -7%;}
}
@media screen and (min-width: 992px) {
/* #header-banner .header-banner-title h2 {font-size: 80px;}
#header-banner .header-banner-title h2 {transform: translateX(-220%);}
#header-banner:hover .header-banner-title h2 {animation: bounceInLeft 1s 1 alternate ease forwards;} */
.work-values .card-value-title h5 {font-size: 20px;}
.work-values .card-text {font-size: 14px;}
.work-values .card-body {padding: 15px;}
.work-values .flower-bg {width: 30%;left: -4%;}
.work-values .chess-bg {width: 30%;right: -2%;}
#contact .contact-wrapper .circle-1 {width: 30%;bottom: -27%;right: -16%;}
#contact .contact-wrapper .circle-2 {bottom: -44%;right: -4%;width: 30%;}
}
@media screen and (min-width: 1200px) {
.work-values .card-value-title h5 {font-size: 24px;}
.work-values .card-text {font-size: 16px;}
.work-values .card-body {padding: 25px;}
.work-values .chess-bg {width: 36%;position: absolute;right: -5%;bottom: -18%;}
.work-values .flower-bg {width: 36%;left: -5%;bottom: 6%;}

}
@media screen and (min-width: 1400px) {
	.work-values.first .work-values-title h2{margin-bottom: 0px;}
	.work-values.last .work-values-title h2 {margin-bottom: -30px}
}
@media (min-width:991px) and (max-width:1199px){
#life-at .img-life-2 img {height: 225px;}
}
@media (min-width:768px) and (max-width:991px){
    #be-ready .col-md-6 {width: 100%; }
    #be-ready h2 {margin-bottom: 25px;font-size: 40px;}
    #be-ready .col-md-6:nth-child(2) {padding-left: 12px;}
    #life-at .img-life-2 img {height: 166px;}
    #life-at .img-life-1 img {height: 145px;}
    .work-values {margin-top: 35px;}
    .work-values.first .work-values-title h2 {margin-bottom: 10px;}
    .work-values.last .work-values-title h2 {margin-bottom: 10px;z-index: 1;
    position: relative;}
	#life-at .img-life-2 img {height: 166px;}
	#life-at .img-life-1 img {height: 145px;}
}
@media (min-width:320px) and (max-width:768px){
    #header-banner .button {position: relative;bottom: 0px;top: 40px;}
    #header-banner h1 {margin-top: 100px;line-height: 40px;font-size: 40px;}
    .work-values.last .work-values-title h2 {text-align: left;margin-bottom: 15px;z-index: 1;position: fixed;}
    #be-ready .col-md-6:nth-child(2) {padding-left: 12px;}
    .work-values.first .work-values-title h2 {margin-bottom: 20px;z-index: 1;position: fixed;}
    .work-values {margin-top: 35px;}
    #life-at .col-md-4 img, #life-at .col-md-8 img {margin-bottom: 30px;height: auto;}
    .work-values.last .work-values-title h2 {font-size: 40px;line-height: 40.4px;}
    .work-values.last .work-values-title br{display: none;}
    .work-values.first .work-values-title br{display: none;}
    .work-values.last .work-values-title {width: 100%;}
    #be-ready h2 {font-size: 36px;}
    #be-ready .col-md-6{width: 100%;}
    #life-at .col-md-4, #life-at .col-md-5, #life-at .col-md-3, #life-at .col-md-8 {width: 100%;}     
    #life-at .col-md-3 .img-life-1{margin-top: 25px;}
    #be-ready p {font-size: 25px;}
}