@charset "UTF-8";
.c-section__slider-top {min-height: 832px; position: relative; bottom: 32px;}
.c-section__slider-top .c-slider__nav {transform: none;}
.c-section__slider-top .c-slider__controls {position: absolute; bottom: 32px; left: 0; right: 0; z-index: 5; margin-top: 0; color: #fff;}
@media only screen and (max-width: 767px) {
.c-section__slider-top .c-slider__nav {display: none !important;}
.c-section__slider-top .c-slider__arrow--next, .c-section__slider-top .c-slider__arrow--prev {display: none !important;}}
.c-section__slider-top .container-smaller {max-width: 1240px;}
.c-section__slider-top .swiper-slide {min-height: 832px; justify-content: center; display: flex; align-items: center; color: white; background-size: cover;}
@media screen and (max-width: 1600px) and (min-width: 992px) {
.c-section__slider-top .swiper-slide {padding: 0 75px;}}
@media only screen and (max-width: 991px) {
.c-section__slider-top .swiper-slide {padding: 0 20px; min-height: 765px; background-position: center center;}}
.c-section__slider-top .swiper-slide span {text-transform: uppercase; font-size: 55px; font-weight: 600; margin-bottom: 0; position: relative;}
@media screen and (max-width: 1600px) and (min-width: 992px) {
.c-section__slider-top .swiper-slide span {padding-left: 20px;}}
@media only screen and (max-width: 991px) {
.c-section__slider-top .swiper-slide span {font-size: 30px;}}
.c-section__slider-top .swiper-slide span:before {content: ''; height: 100%; width: 3px; background-color: #FF4956; display: inline-block; position: absolute; top: 0%; left: -20px;}
@media screen and (max-width: 1600px) and (min-width: 768px) {
.c-section__slider-top .swiper-slide span:before {left: 0;}}
.c-section__slider-top .swiper-slide p {font-size: 21px; margin-top: 25px; margin-bottom: 25px;}
@media only screen and (max-width: 991px) {
.c-section__slider-top .swiper-slide p {font-size: 16px;}}
.c-section__slider-top .swiper-slide .c-button {background-color: #FF4956; margin-top: 25px;}
.c-section__slider-product {position: relative; bottom: 210px; margin-bottom: -270px; min-height: 450px; z-index:1;}
@media only screen and (max-width: 991px) {
.c-section__slider-product {min-height: 300px;}}
.c-section__slider-product .c-slider--product {max-width: 1420px; width: 100%; margin: auto;}
.c-section__slider-product .c-slider__viewport {padding-top: 50px;}
.c-section__slider-product .item {padding-top: 130px; padding-bottom: 165px; background-position: center; background-repeat: no-repeat; background-size: 230px; text-align: center; z-index: 99999; padding-top: 55px; padding-bottom: 55px; cursor: pointer; transition: .3s;}
.c-section__slider-product .item .item-wrapper {width: 181px; height: 181px; border-radius: 100%; background-color: white; margin: auto; padding-top: 50px; transition: .3s; box-shadow: 0px 12px 30px #00000029;}
.c-section__slider-product .item .item-wrapper .text-hover {display: none;}
.c-section__slider-product .item .content {min-height: 50px; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.c-section__slider-product .item .content:after {content: ''; height: 1px; width: 70px; position: absolute; bottom: -3px; left: 0; right: 0; background-color: #FF4956; display: block; margin: auto;}
.c-section__slider-product .item p {margin: 0;}
.c-section__slider-product .item span {text-align: center; color: #C23035; font-size: 20px; margin-top: 10px; display: block;}
.c-section__slider-product .item:hover {transition: .3s; background-image: url("../img/homepage/product_hover.svg") !important; padding-top: 100px; padding-bottom: 80px; padding-right: 10px; background-size: 100%; position: relative; bottom: 50px;}
@media only screen and (max-width: 767px) {
.c-section__slider-product .item:hover {background-position: left 60% center; padding: 55px; position: static; background-size: contain;}}
.c-section__slider-product .item:hover .item-wrapper {background-color: #000C2D; color: white; padding-left: 10px; padding-right: 10px; padding-top: 25px;}
@media only screen and (max-width: 767px) {
.c-section__slider-product .item:hover .item-wrapper {padding: 0; padding-top: 20px;}}
.c-section__slider-product .item:hover .item-wrapper .text-hover {display: block; font-size: 13px; margin-top: 10px;}
.c-section__slider-product .item:hover .item-wrapper a {color: white; margin-top: 5px;}
.c-section__slider-product .c-slider__nav {top: 190px; height: 10px; z-index: -1; transform: none;}
@media only screen and (max-width: 991px) {
.c-section__slider-product .c-slider__nav {z-index: 999999; height: 35px;}}
.c-section__slider-product .c-slider__arrow--prev {left: -30px;}
@media screen and (max-width: 1600px) and (min-width: 768px) {
.c-section__slider-product .c-slider__arrow--prev {left: 0;}}
@media only screen and (max-width: 767px) {
.c-section__slider-product .c-slider__arrow--prev {left: 0;}}
.c-section__slider-product .c-slider__arrow--next {right: -30px;}
@media screen and (max-width: 1600px) and (min-width: 768px) {
.c-section__slider-product .c-slider__arrow--next {right: 0;}}
@media only screen and (max-width: 767px) {
.c-section__slider-product .c-slider__arrow--next {right: 0;}}
@media only screen and (max-width: 991px) {
.c-section__solutions .title-box {text-align: center;}
.c-section__solutions .title-box br {display: none;}
.c-section__solutions .title-box .c-heading--primary:before {left: 18%; height: 50px;}}
@media screen and (max-width: 991px) and (min-width: 768px) {
.c-section__solutions .col-sm-2 {flex: 0 0 33%; max-width: 33%;}}
.c-section__solutions .img-wrapper {position: absolute; left: -100px; top: -90px; z-index: -1; background-image: url("/wp-content/uploads/2020/10/New-Project-28.png"); width: 662px; height: 731px; display: flex; justify-content: center; align-items: center;}
@media only screen and (max-width: 991px) {
.c-section__solutions .img-wrapper {position: static; width: 100%; height: auto; background-image: none;}}
.c-section__solutions .img-wrapper img {border-radius: 100%; height: 500px; width: 500px; object-fit: cover;}
@media only screen and (max-width: 991px) {
.c-section__solutions .img-wrapper img {height: 200px; width: 200px; display: none;}}
.c-section__solutions .item {background-color: white; box-shadow: 0px 12px 30px #00000029; border-radius: 5px; padding: 40px 20px; position: relative; margin-top: 40px; cursor: pointer; min-height: 250px;}
@media only screen and (max-width: 991px) {
.c-section__solutions .item {width: 100%; max-width: 240px; min-height: 240px; margin: auto; margin-top: 40px;}}
.c-section__solutions .item .text-hover {height: 100px; overflow: hidden; display: none;}
.c-section__solutions .item .text-hover p {font-size: 14px;}
.c-section__solutions .item:hover {background-color: #000C2D; color: white; padding: 10px 20px;}
@media only screen and (max-width: 767px) {
.c-section__solutions .item:hover {padding-top: 30px;}}
.c-section__solutions .item:hover h2 {color: white;}
.c-section__solutions .item:hover .icon {display: none;}
.c-section__solutions .item:hover .text-hover {display: block; color: white;}
.c-section__solutions .item h2 {font-size: 16px; font-weight: 600; margin: 0;}
.c-section__solutions .item span {position: absolute; right: 0px; bottom: -30px; transition: .3s;}
.c-section__solutions .item span:hover {transform: scale(1.1);}
.c-section__about-centre {background-color: #F5F5F5; margin-top: 120px; padding-top: 50px; padding-bottom: 50px;}
@media only screen and (max-width: 767px) {
.c-section__about-centre {margin-top: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center;}}
.c-section__about-centre .container-smaller {max-width: 1200px;}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
.c-section__about-centre .c-heading {padding-left: 90px;}}
@media only screen and (max-width: 991px) {
.c-section__about-centre .c-heading {padding-left: 0;}}
.c-section__about-centre .c-heading:before {width: 72px; height: 2px; display: inline-block; float: left; top: 35px; left: -85px;}
@media screen and (max-width: 1600px) and (min-width: 992px) {
.c-section__about-centre .c-heading:before {left: 0;}}
@media only screen and (max-width: 991px) {
.c-section__about-centre .c-heading:before {left: 0; right: 0; top: 0px; width: 50px; float: none; margin: auto;}}
.c-section__about-centre .margin-top {margin-top: 150px;}
@media only screen and (max-width: 767px) {
.c-section__about-centre .margin-top {margin-top: 20px;}}
.c-section__about-centre .img-wrapper {background-image: url("../img/homepage/about-us_bg.png"); background-size: cover; width: 584px; height: 626px; position: relative; display: flex; justify-content: center; align-items: center; bottom: 100px; margin-bottom: -100px;}
@media only screen and (max-width: 1200px) {
.c-section__about-centre .img-wrapper {height: 240px; width: 223px; margin: auto; position: static; margin-top: 20px;}}
.c-section__about-centre .img-wrapper img {height: 600px; width: 600px; object-fit: cover; border-radius: 50%; position: relative; right: 7px; top: 7px;}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.c-section__about-centre .img-wrapper img {width: 100%; height: auto;}}
@media only screen and (max-width: 767px) {
.c-section__about-centre .img-wrapper img {height: 250px; width: 250px;}}
.c-section__about-centre .img-wrapper2 {background-image: url("../img/homepage/centre_bg.png"); background-size: cover; width: 550px; height: 550px; position: relative; display: flex; justify-content: center; align-items: center;}
@media only screen and (max-width: 1200px) {
.c-section__about-centre .img-wrapper2 {height: 240px; width: 223px; margin: auto; position: static; margin-top: 20px;}}
.c-section__about-centre .img-wrapper2 img {height: 500px; width: 500px; object-fit: cover; border-radius: 100%; margin-top: 120px;}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.c-section__about-centre .img-wrapper2 img {width: 100%; height: auto;}}
@media only screen and (max-width: 767px) {
.c-section__about-centre .img-wrapper2 img {height: 250px; width: 250px;}}
.c-section__lab {text-align: center; padding: 130px 0; color: white; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center;}
@media only screen and (max-width: 991px) {
.c-section__lab {padding: 50px 0;}}
.c-section__lab .container {padding: 0 450px;}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
.c-section__lab .container {padding: 0 100px;}}
@media only screen and (max-width: 1200px) {
.c-section__lab .container {padding: 0 20px;}}
.c-section__lab h2 {display: block; position: relative;}
.c-section__lab h2:before {left: 25%;}
@media only screen and (max-width: 767px) {
.c-section__lab h2:before {left: 10%;}}
.c-section__lab .c-button {max-width: 212px; float: none; margin: auto;}
.c-section__slider-case-study {padding: 60px 0;}
@media only screen and (max-width: 1200px) {
.c-section__slider-case-study {padding-top: 50px; position: relative;}}
.c-section__slider-case-study h2 {display: block; position: relative; /*! margin-bottom: -20px; */}
.c-section__slider-case-study h2:before {left: -20px;}
@media screen and (max-width: 1600px) and (min-width: 992px) {
.c-section__slider-case-study h2:before {left: 0;}}
@media only screen and (max-width: 991px) {
.c-section__slider-case-study h2:before {left: 10px;}}
.c-section__slider-case-study .c-button {box-shadow: 15px 12px 30px #00000029;}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
.c-section__slider-case-study .c-slider--case {padding-left: 50px;}}
@media only screen and (max-width: 991px) {
.c-section__slider-case-study .c-slider--case {position: static; margin-bottom: 20px;}}
.c-section__slider-case-study .c-slider--case .c-slider__nav {}
@media only screen and (max-width: 991px) {
.c-section__slider-case-study .c-slider--case .c-slider__nav {top: 65%;}}
.c-section__slider-case-study .row {align-items: flex-start;  position: relative;}
@media only screen and (max-width: 991px) {
.c-section__slider-case-study .row {padding: 20px 0;}}
.c-section__slider-case-study .col-sm-7{ align-self: center;}
.c-section__slider-case-study .img-wrapper {background-image: url("../img/homepage/testimonial_bg.png"); background-size: cover; width: 425px; height: 428px; position: relative; display: flex; justify-content: center; align-items: center;  }
@media only screen and (max-width: 1200px) {
.c-section__slider-case-study .img-wrapper {height: 221px; width: 219px; margin: auto; position: static; margin-top: 20px;}}
.c-section__slider-case-study .img-wrapper img {height: 300px; width: 300px; object-fit: cover; border-radius: 50%; position: relative; left: 6px; top: 20px;}
@media only screen and (max-width: 1200px) {
.c-section__slider-case-study .img-wrapper img {width: 180px; height: 180px; top: 10px;}}
.c-section__slider-case-study .c-slider__arrow--prev {left: -100px; position: absolute;}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
.c-section__slider-case-study .c-slider__arrow--prev {left: 0;}}
@media only screen and (max-width: 1200px) {
.c-section__slider-case-study .c-slider__arrow--prev {left: 0;}}
.c-section__slider-case-study .c-slider__arrow--next {right: -100px; position: absolute;}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
.c-section__slider-case-study .c-slider__arrow--next {right: 0;}}
@media only screen and (max-width: 1200px) {
.c-section__slider-case-study .c-slider__arrow--next {right: 0;}}
.c-section__slider-case-study .c-slider--case .c-slider__controls {margin: auto; text-align: center;   z-index: 10;}
@media only screen and (max-width: 991px) {
.c-section__slider-case-study .c-slider--case .c-slider__controls {bottom: -5px;}}
.c-section__slider-case-study .c-slider--case .c-slider__dots {position: relative; bottom: auto; left: auto; width: auto;}
.c-section__slider-case-study .c-slider__playpause {color: #000C2D;}
.c-section__slider-case-study .c-slider__dots {--dot-color: #C23035;}
.c-section__slider-case-study p {font-size: 18px; font-weight: 600;}
@media only screen and (max-width: 991px) {
.c-section__slider-case-study p {font-size: 16px; text-align: center;}}
.c-section__slider-case-study h3 p {font-weight: 400; font-size: 16px;}
.c-section__homepage-news {background-color: #F5F5F5; padding: 80px 0; margin-top: 100px;}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.c-section__homepage-news .col-sm-5 {display: none;}}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.c-section__homepage-news .col-sm-7 {width: 100%; flex: 0 0 100%; max-width: 100%;}}
@media only screen and (max-width: 991px) {
.c-section__homepage-news {padding: 50px 0; margin-top: 0; position: relative;}}
.c-section__homepage-news h2 {margin-top: 0;}
.c-section__homepage-news .c-button {box-shadow: 0px 12px 30px #00000029; margin-top: 10px; float: right;}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.c-section__homepage-news .c-button {margin-top: 0;}}
@media only screen and (max-width: 767px) {
.c-section__homepage-news .c-button {float: none; text-align: center;}}
.c-section__homepage-news .img-wrapper {display: block; object-fit: cover; width: 607px; height: 633px; position: absolute; pointer-events: none;}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
.c-section__homepage-news .img-wrapper {width: 410px; height: 427px; left: 4vw;}}
@media only screen and (max-width: 1200px) {
.c-section__homepage-news .img-wrapper {width: 245px; height: 255px; position: static; margin: auto; transform: none;}}