@charset "UTF-8";
@media screen and (max-width: 1200px) and (min-width: 768px) {
.about-us-wrapper .c-header--shape .right_column {padding: 0 50px;}}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-header--shape .right_column {padding: 35px 20px; padding-top: 70px; color: white;}
.about-us-wrapper .c-header--shape .right_column p {font-size: 14px;}}
.about-us-wrapper .c-section__about-centre {background-color: white; padding-bottom: 300px;}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.about-us-wrapper .c-section__about-centre {margin-top: 50px; padding-bottom: 50px;}}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__about-centre {padding-bottom: 50px;}}
.about-us-wrapper .c-section__meet-us {padding-top: 0;}
.about-us-wrapper .c-section__meet-us .c-slider--meet-us {margin-top: 0; position: relative; bottom: 170px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__meet-us .c-slider--meet-us {position: static;}}
.about-us-wrapper .c-section__meet-us .img-wrapper {background-image: url(../img/about-us/img-bg.png); background-repeat: no-repeat; float: right;}
@media only screen and (max-width: 1200px) {
.about-us-wrapper .c-section__meet-us .img-wrapper {background-image: none;}
.about-us-wrapper .c-section__meet-us .img-wrapper img {width: 100%;}}
.about-us-wrapper .c-section__history {padding: 100px 0; float: left; width: 100%;}
.about-us-wrapper .c-section__history .c-title {margin-bottom: 40px;}
.about-us-wrapper .c-section__history #sync2 {text-align: center; max-width: 1280px; width: 100%; margin: auto; z-index: 9;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__history #sync2 {padding: 0; width: 85%;}}
.about-us-wrapper .c-section__history #sync2 .swiper-slide {height: 140px; line-height: 130px; text-align: center; padding-top: 5px; cursor: pointer;}
.about-us-wrapper .c-section__history #sync2 .swiper-slide.current {background-image: url(../img/about-us/history_bg.svg); background-repeat: no-repeat; background-position: center left;}
@media only screen and (max-width: 1200px) {
.about-us-wrapper .c-section__history #sync2 .swiper-slide.current {background-position: center center; background-size: 150px;}}
.about-us-wrapper .c-section__history #sync2 .item-title {font-size: 20px; font-weight: 700;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__history #sync2 .item-title {font-size: 16px;}}
.about-us-wrapper .c-section__history #sync1 {max-width: 1360px; width: 100%; margin: auto;}
.about-us-wrapper .c-section__history #sync1 .c-slider__nav {top: -110px; width: 100%; margin: auto; left: 0; right: 0; transform: none;}
@media only screen and (max-width: 1200px) {
.about-us-wrapper .c-section__history #sync1 .c-slider__nav {z-index: 9; top: -115px;}}
.about-us-wrapper .c-section__history .item-content {margin-top: 50px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__history .item-content {margin-top: 0;}}
.about-us-wrapper .c-section__history .item-content .row {display: none;}
.about-us-wrapper .c-section__history .item-content .active {display: flex;}
.about-us-wrapper .c-section__history .item-content img {box-shadow: 0px 12px 0px #00000029; height: 400px; object-fit: cover;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__history .item-content img {height: 200px;}}
.about-us-wrapper .c-section__history .item-content .text {display: flex; flex-direction: column; justify-content: center;}
.about-us-wrapper .c-section__history .item-content strong {font-size: 16px; text-transform: uppercase; position: relative;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__history .item-content strong {padding-left: 10px; min-height: 80px; display: block;}}
.about-us-wrapper .c-section__history .item-content strong:before {content: ''; display: inline-block; height: 23px; width: 2px; position: absolute; left: -10px; top: 0; font-size: 12px; background-color: #FF9DA4;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__history .item-content strong:before {left: 0px;}}
.about-us-wrapper .c-section__history .item-content p {font-size: 16px; margin: 5px 0;}
.about-us-wrapper .c-section__awards {float: left; width: 100%; background-color: #F5F5F5; padding-bottom: 50px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__awards {padding-top: 20px;}
.about-us-wrapper .c-section__awards .c-slider__nav {top: 15%;}}
.about-us-wrapper .c-section__awards .container {max-width: 1450px; width: 100%;}
.about-us-wrapper .c-section__awards h2 {position: relative; text-align: center; float: left; position: relative; top: 100px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__awards h2 {position: static; margin-bottom: 20px;}}
.about-us-wrapper .c-section__awards .img-wrapper {background-image: url("../img/homepage/testimonial_bg.png"); background-repeat: no-repeat; background-position: center center; height: 440px; width: 440px; display: flex; align-items: center; justify-content: center;}
@media only screen and (max-width: 1200px) {
.about-us-wrapper .c-section__awards .img-wrapper {width: 100%; height: auto;}}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__awards .img-wrapper {width: 250px; height: 254px; background-size: cover; margin: auto;}}
.about-us-wrapper .c-section__awards .img-wrapper img {width: 193px; margin-left: 20px; margin-top: 30px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__awards .img-wrapper img {width: 155px; height: 155px; margin-left: 10px; margin-top: 30px; border-radius: 100%; object-fit: contain;}}
.about-us-wrapper .c-section__awards .item-title {font-weight: 700;}
.about-us-wrapper .c-section__awards #sync3 {margin: auto;}
.about-us-wrapper .c-section__awards #sync3 .image {padding-left: 80px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__awards #sync3 .image {padding-left: 0;}}
.about-us-wrapper .c-section__awards #sync3 .text {margin-top: 130px;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__awards #sync3 .text {margin-top: 20px;}}
.about-us-wrapper .c-section__awards #sync3 .c-slider__controls {position: relative; top: 150px;}
@media only screen and (max-width: 1200px) {
.about-us-wrapper .c-section__awards #sync3 .c-slider__controls {top: -15px;}}
.about-us-wrapper .c-section__awards #sync3 .c-slider__dots {--dot-color: #C23035;align-content: center;
  justify-content: center;
  display: flex;}
.about-us-wrapper .c-section__awards #sync3 .c-slider__arrow--prev {left: -50px;}
@media only screen and (max-width: 1600px) {
.about-us-wrapper .c-section__awards #sync3 .c-slider__arrow--prev {left: 0;}}
.about-us-wrapper .c-section__awards #sync3 .c-slider__arrow--next {right: -50px;}
@media only screen and (max-width: 1600px) {
.about-us-wrapper .c-section__awards #sync3 .c-slider__arrow--next {right: 0;}}
.about-us-wrapper .c-section__awards #sync4 {padding-bottom: 50px; margin-left: 50px;}
@media only screen and (max-width: 1600px) {
.about-us-wrapper .c-section__awards #sync4 {margin-left: 0;}}
.about-us-wrapper .c-section__awards #sync4 .swiper-slide {padding: 0 25px; cursor: pointer; display: block; color: inherit; text-decoration: none;}
.about-us-wrapper .c-section__awards #sync4 .swiper-slide:before {width: 73px; height: 2px; content: ''; display: block; background-color: #FF4956; margin-bottom: 20px;}
/* The Swiper roots need a positioned wrapper: .c-slider__nav is absolutely
   positioned and would otherwise anchor to the viewport. Owl needed none --
   its .owl-carousel root already carried position: relative from its own
   stylesheet, which the theme never had to state. */
.about-us-wrapper .c-section__awards #sync3,
.about-us-wrapper .c-section__awards #sync4,
.about-us-wrapper .c-section__history #sync1 {position: relative;}
/* Unstyled hook: awards-slider.js marks the title matching the visible award.
   Owl gave #sync4 no active state either, so this deliberately paints
   nothing -- it exists for aria-current and for a future highlight. */
.about-us-wrapper .c-section__awards #sync4 .swiper-slide.is-current {}
.about-us-wrapper .c-section__partners {margin-top: 115px; float: left; width: 100%;}
@media only screen and (max-width: 767px) {
.about-us-wrapper .c-section__partners {margin-top: 20px;}}
.about-us-wrapper .c-section__partners .row {justify-content: center;}
.about-us-wrapper .c-section__partners .row .item {margin-top: 45px; box-shadow: 0px 12px 30px #00000029; min-height: 285px; padding: 30px;}
.about-us-wrapper .c-section__partners .row .item .img-wrapper {height: 100px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center;}
@media only screen and (max-width: 1200px) {
.about-us-wrapper .c-section__partners .row .item .img-wrapper img {width: 100%; max-width: 200px;}}
