/***Authored by Deepak C***/
@charset "utf-8";
/* CSS Document */
/*banner*/
.peoplebox .banner{background-image: url("../img/pob-banner-back.png");background-size: cover;background-repeat: no-repeat;margin-bottom: 80px;}
.peoplebox .banner img{margin-top: 165px;}
.peoplebox .banner h1{font-family: o-semibold;font-size: 72px;text-align: center;margin-bottom: 30px;margin-top: 20px;}
.peoplebox .banner .span1{color: #5A4D9F;}
.peoplebox .banner .span2{color: #023874;}
.peoplebox .banner p{margin-bottom: 50px;font-size: 18px;}
.peoplebox .banner .banner-content{text-align: center;}
.peoplebox .banner .start-button{ border-radius:100px;background:linear-gradient(to right,#5a4d9f 50%,#ffc65a 50%);background-size:200% 100%;background-position:right bottom;transition:.5s ease-out;padding:15px 35px;font-family:l-bold;color:#2b2b2b;font-size:16px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin-right: 40px;}
.peoplebox .banner .compare-button{ background-color: #fff;color:#5a4d9f;border: 1px solid #5a4d9f;padding: 15px 25px;border-radius: 28px;text-decoration: none;font-family: o-semibold;font-size: 16px;text-transform: uppercase;background-size:200% 100%;}
.peoplebox .banner .start-button:hover {background-position:left bottom;color:#fff;}
/*feature*/
.feature h2{font-family: o-bold;font-size: 40px;text-align: center;margin-bottom: 50px;}
.feature td img{float: left;}
.feature td p{margin-left: 24px;margin-bottom: auto;}
.feature .table-center{align-items: center;display: flex;}
.feature .table .yellow{background-color: #FFF4C6;}
.feature .table .green{background-color: #EBFFEE;}
.feature .table .red{background-color: #FEE9E7;}
.feature .table .blue{background-color: #F8F7FF;vertical-align: middle;font-family: o-semibold;font-size: 16px;}
.feature .table .b-align{vertical-align: middle;padding: 15px 20px;}
.feature .table tr{border: 5px solid #fff;}
.feature .table td{border-left: 5px solid #fff;}
.feature .table tr th:first-child{border-left: 5px solid #fff;}
.feature tr th:first-child{background-color: #FFC65A;}
.feature tr th:nth-child(2){background-color: #5A4D9F;color: #fff;}
.feature tr th:nth-child(3){background-color: #023874;color: #fff;}
.feature tr th{border: 5px solid #fff;text-align: center;font-size: 18px;font-family: o-semibold;font-weight: 100;}
.feature .bottom-image img{width: 180px;transform: scaleX(-1);position: absolute;top: 0;}
.feature .bottom-image {position: relative;margin-bottom: 80px;}
.feature  {background-image: url("../img/pob-test-back.png");background-size: cover;}
.feature .tabel-public {text-align: right;font-size: 16px;}
/*why choose aspire*/
.why-synergita{margin-top: 60px;margin-bottom: 90px;}
.why-synergita h3{font-family: o-bold;text-align: center;font-size: 40px;margin-bottom: 80px;}
.why-synergita .why-grid{box-shadow: rgba(95,91,210, 0.2) 0px 32px 21px;border-radius: 20px;padding: 30px 30px;text-align: center;margin-bottom: 40px;min-height: 335px;min-height: 310px;}
.why-synergita h4{font-family: o-semibold;font-size: 24px;margin-bottom: 10px;}
.why-synergita img{width: 75px;margin-bottom: 20px;}
.why-synergita .row:nth-child(2){margin-bottom:20px;}
.why-synergita .why-grid p{font-size: 16px;}
/*bottom-cta*/
.bottom-cta{margin-bottom: 50px;}
.bottom-cta .cta-grid{background-image: url("../img/pb-bottom-banner.jpg");background-size: cover; padding: 20px 30px;border-radius: 24px;height: 235px;background-position: center;}
.bottom-cta h4{font-family: o-bold;font-size: 40px;margin-bottom: 15px;}
.bottom-cta p{font-family: l-regular;font-size: 24px;}
.bottom-cta .cta-grid .row{display: flex;align-items: center;height: 215px;}
.bottom-cta .cta-grid .col-md-2 a{background-color: #fff;color:#2B2B2B;padding: 15px 25px;border-radius: 28px;text-decoration: none;font-family: o-semibold;font-size: 16px;text-transform: uppercase;background-size:200% 100%;text-wrap: nowrap;}
.bottom-cta .col-md-10 {width: 80.333%;}
@media (min-width:992px) and (max-width:1199px){

}
@media (min-width:768px) and (max-width:991px){
.bottom-cta .col-md-10 {width: 75.333%;}
}
@media (min-width:320px) and (max-width:767px){
	.peoplebox .banner .container, .peoplebox .feature .container, .peoplebox .why-synergita .container, .peoplebox .bottom-cta .container{width: 100%;max-width: 100%;padding: 0 30px;}
	.peoplebox .banner h1 {font-size: 36px;}
	.peoplebox .banner p {font-size: 16px;}
	.feature h2 {font-size: 36px;}
	.feature td p {font-size: 16px;}
	.why-synergita h3 {font-size: 36px;}
	.why-synergita p {font-size: 16px;}
	.bottom-cta h4 {font-size: 36px;}
	.bottom-cta p {font-size: 16px;margin-bottom: 30px;}
	.why-synergita .col-md-6{width: 100%;max-width: 100%;}
	.bottom-cta .col-md-10 {width: 100%;max-width: 100%;}
	.bottom-cta .col-md-2 {width: 100%;max-width: 100%;}
	.bottom-cta .cta-grid {height: auto;padding-bottom: 45px;}
	.peoplebox .banner .start-button {text-wrap: nowrap;margin-right: 0px;margin-bottom: 35px;}
	.peoplebox .banner img {width: 100%;}
	.peoplebox .banner p {margin-bottom: 30px;}
	.bottom-cta .cta-grid .row {display: block;height: auto;}
}
@media (min-width:320px) and (max-width:480px){
.customer-support .training .cu-tr-grid img {width: 100% !important;margin: 12% 0px 0px 0px;}
}



