@charset "UTF-8";
html {
  scroll-behavior: smooth;
  margin: 0;
}

body {
  font-family: "F37 Ginger", sans-serif;
}
body.active {
  overflow: hidden;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.page {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  transition: all 0.5s ease;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 #37ADE1;
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 5px #37ADE1;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 #37ADE1;
  }
}
.btn {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 60px;
  margin: 0 auto;
  display: flex;
  border: 1px solid transparent;
}
.btn-white {
  color: #2BBCE5;
  background: #fff;
}
.btn:hover {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 10px 10px 20px 0 #1EC4DF;
  color: #fff;
  text-decoration: none;
}

h1, h2, h3, h4 {
  line-height: 56px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "F37 Ginger", sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 44px;
    line-height: 50px;
  }
}
@media (min-width: 991px) {
  h1 {
    font-size: 60px;
    line-height: 56px;
  }
}

h2 {
  font-size: 26px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 36px;
  }
}
@media (min-width: 991px) {
  h2 {
    font-size: 40px;
  }
}

h3 {
  font-size: 22px;
  line-height: 50px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: 26px;
  line-height: 50px;
}

p {
  color: #fff;
  font-size: 18px;
  line-height: normal;
  font-weight: 300;
  margin-top: 0;
}
@media (min-width: 768px) {
  p {
    font-size: 20px;
  }
}

.subtitle {
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  letter-spacing: 0.6px;
  opacity: 0.8;
}
@media (min-width: 768px) {
  .subtitle {
    font-size: 22px;
    line-height: 40px;
  }
}

.ct {
  background: linear-gradient(45deg, #2387D5 0%, #1DD4ED 100%);
  padding: 230px 15px 100px 15px;
  position: relative;
}
.ct__circles {
  background-image: url("../../img/our-work-circle.svg");
  background-size: contain;
  width: 100%;
  height: 1404px;
  position: absolute;
  left: -30%;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
.ct__wrapper {
  position: relative;
}
.ct h1 {
  margin-bottom: 70px;
}
.ct p {
  font-weight: 400;
}
.ct__info {
  margin-bottom: 100px;
}
.ct__text {
  margin-bottom: 90px;
}
.ct__phone, .ct__location {
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 10px 10px 20px 0 #1EC4DF;
  min-width: 100%;
  max-width: 100%;
  min-height: 180px;
  max-height: 180px;
  margin-right: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .ct__phone, .ct__location {
    flex-direction: row;
    text-align: left;
    min-height: 200px;
    max-height: 200px;
  }
}
.ct__phone span, .ct__location span {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1px;
  margin-right: 0;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .ct__phone span, .ct__location span {
    font-size: 22px;
    margin-bottom: 0;
    margin-right: 15px;
  }
}
.ct__phone span:nth-last-child(1), .ct__location span:nth-last-child(1) {
  margin-right: 0;
}
.ct__form {
  max-width: 1170px;
  margin: 0 auto;
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 10px 10px 20px 0 #1EC4DF;
  padding: 45px 35px;
  /* custom checkbox styling for contact form 7 checkbox */
}
@media (min-width: 768px) {
  .ct__form {
    padding: 45px 55px;
  }
}
.ct__form .wpcf7-response-output {
  color: #fff;
  padding: 25px;
}
.ct__form input:focus-visible, .ct__form select:focus-visible {
  box-shadow: none;
  outline: none;
  border-bottom: 3px solid #fff;
}
.ct__form-block {
  margin-bottom: 45px;
}
.ct__form-block:nth-child(1) h3 {
  margin-bottom: 50px;
}
@media (min-width: 991px) {
  .ct__form-block {
    margin-bottom: 60px;
  }
}
.ct__form-block:nth-last-child(1) {
  margin-bottom: 0;
}
.ct__form-block h2 {
  max-width: 680px;
  margin-bottom: 40px;
}
.ct__form-block h3 {
  margin-bottom: 30px;
}
.ct__form-group input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  width: 100%;
  min-height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 40px;
  padding-bottom: 10px;
  color: #fff;
}
@media (min-width: 768px) {
  .ct__form-group input {
    font-size: 22px;
  }
}
.ct__form-group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
}
.ct__form-dropdown select {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  width: 100%;
  min-height: 60px;
  margin-bottom: 50px;
  color: #fff;
}
.ct__form-dropdown select option {
  color: #2292D8;
}
.ct__form-budget {
  padding-bottom: 71px;
}
.ct__form-budget h3 {
  margin-bottom: 0;
}
.ct__form-budget #slider {
  border: 1px solid #fff;
  position: relative;
}
.ct__form-budget #slider span {
  border: 1px solid #fff;
  background: #229FDD;
  font-weight: normal;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
  top: -20px;
  margin-left: -2em;
  font-size: 1em;
  border-radius: 50px;
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .ct__form-budget #slider span {
    width: 60px;
    height: 60px;
    top: -30px;
  }
}
.ct__form-budget #slider span:focus-visible {
  box-shadow: none;
  outline: none;
  border: 3px solid #fff;
}
.ct__form-budget-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (min-width: 575px) {
  .ct__form-budget-block {
    margin-bottom: 70px;
  }
}
.ct__form-budget p {
  margin-bottom: 0;
  text-align: right;
}
.ct__form-budget p input {
  background: transparent;
  border: 0;
  color: white;
  font-size: 22px;
  text-align: right;
}
@media (min-width: 768px) {
  .ct__form-budget p input {
    font-size: 28px;
  }
}
.ct__form-checkbox .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ct__form-checkbox .wpcf7-checkbox {
    flex-direction: row;
  }
}
.ct__form-checkbox .wpcf7-checkbox .wpcf7-list-item {
  width: 100%;
  display: flex;
  margin: 0 0 30px 0;
  min-height: 49px;
}
@media (min-width: 768px) {
  .ct__form-checkbox .wpcf7-checkbox .wpcf7-list-item {
    width: 50%;
    min-height: 49px;
  }
}
.ct__form-hear {
  padding-bottom: 30px;
}
.ct__form-hear .wpcf7-checkbox .wpcf7-list-item {
  width: 50%;
  display: flex;
  margin: 0 0 30px 0;
  min-height: 49px;
}
.ct__form-hear .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  align-items: center;
}
.ct__form-hear .wpcf7-checkbox .wpcf7-list-item input {
  width: 49px;
  height: 49px;
  margin-right: 15px;
}
.ct__form-submit {
  text-align: center;
  position: relative;
}
.ct__form-submit p {
  margin-bottom: 0;
}
.ct__form-submit input {
  border: 0;
}
.ct__form-submit .wpcf7-spinner {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
}
.ct__form .wpcf7-form-control-wrap .floating-label {
  display: none;
  position: absolute;
  top: -50px;
  z-index: 9;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .ct__form .wpcf7-form-control-wrap .floating-label {
    font-size: 16px;
  }
}
.ct__form span.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}
.ct__form .wpcf7 .wpcf7-list-item {
  display: block;
  min-height: 49px;
}
.ct__form .wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ct__form .wpcf7-checkbox input[type=checkbox] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 49px;
  height: 49px;
  top: 0;
  left: 0;
}
.ct__form .wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: "";
  height: 49px;
  width: 49px;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  border-radius: 6px;
}
.ct__form .wpcf7-checkbox input[type=checkbox] + span:after {
  position: absolute;
  content: "✓";
  height: 49px;
  width: 49px;
  top: 0;
  left: 0;
  visibility: hidden;
  font-size: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ct__form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: transparent;
}
.ct__form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
  visibility: visible;
  background: transparent;
  border-radius: 6px;
}
.ct__form .wpcf7-list-item-label {
  margin-left: 70px;
  display: inline-block;
}
.ct__form .wpcf7-not-valid-tip {
  position: absolute;
  top: 45px;
  font-size: 12px;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  padding-top: 40px;
  padding-bottom: 40px;
}
.header-container {
  width: 100%;
  max-width: 100%;
  padding: 0 5%;
}
.header.sticky {
  padding: 20px 0;
}
.header.sticky .header__logo a {
  display: block;
  max-width: 70%;
}
.header__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.header__logo {
  position: relative;
  z-index: 2;
}
.header__logo a {
  transition: all 0.3s ease-in-out;
}
.header__hamburger {
  width: 30px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-right: 0;
}
.header__hamburger .open,
.header__hamburger .close {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s;
}
.header__hamburger .open {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='33' viewBox='0 0 50 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.3333 18H1.66667C0.745 18 0 17.3295 0 16.5C0 15.6705 0.745 15 1.66667 15H48.3333C49.255 15 50 15.6705 50 16.5C50 17.3295 49.255 18 48.3333 18Z' fill='white'/%3E%3Cpath d='M48.3333 3H1.66667C0.745 3 0 2.3295 0 1.5C0 0.6705 0.745 0 1.66667 0H48.3333C49.255 0 50 0.6705 50 1.5C50 2.3295 49.255 3 48.3333 3Z' fill='white'/%3E%3Cpath d='M47.375 33H24.625C23.7264 33 23 32.3295 23 31.5C23 30.6705 23.7264 30 24.625 30H47.375C48.2736 30 49 30.6705 49 31.5C49 32.3295 48.2736 33 47.375 33Z' fill='white'/%3E%3C/svg%3E%0A");
}
.header__hamburger .close {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47 2L2 47' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M47 47L2 2' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  display: none;
}
.header__wrapper {
  position: fixed;
  height: 100%;
  background: linear-gradient(45deg, #2387D5 0%, #1DD4ED 100%);
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  overflow-y: auto;
  display: none;
  padding: 140px 15px 30px 15px;
}
@media (min-width: 991px) {
  .header__wrapper {
    padding: 30px 15px;
  }
}
.header__wrapper.show {
  display: block;
  animation-name: slideInAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.header__wrapper.hide {
  display: block;
  animation: slideOutAnimation 0.5s ease-in-out both;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.header__text {
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 991px) {
  .header__text {
    margin-bottom: 70px;
  }
}
.header__title {
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 15px;
}
.header__subtitle {
  font-size: 20px;
  margin-bottom: 0;
}
.header__nav {
  margin-bottom: 50px;
}
@media (min-width: 991px) {
  .header__nav {
    margin-bottom: 80px;
  }
}
.header__nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.header__nav ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 1px;
}
@media (min-width: 991px) {
  .header__nav ul li a {
    font-size: 60px;
    line-height: 80px;
  }
}
.header__links {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 640px;
  margin: 0 auto;
  padding: 38px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 50px;
}
.header__links a {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-right: 100px;
}
.header__links a:nth-last-child(1) {
  margin-right: 0;
}
.header__social {
  text-align: center;
}
.header__social a {
  margin-right: 35px;
}
.header__social a:nth-last-child(1) {
  margin-right: 0;
}
.header__social img {
  max-width: 32px;
}
@keyframes slideInAnimation {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideOutAnimation {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

.footer {
  background: linear-gradient(45deg, #2293D9 0%, #1DD4ED 98.09%);
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
}
@media (min-width: 991px) {
  .footer {
    padding-top: 120px;
  }
}
.footer__block {
  padding: 0 12px;
}
.footer__title {
  margin-bottom: 50px;
}
@media (min-width: 991px) {
  .footer__title {
    font-size: 52px;
  }
}
.footer__subtitle {
  margin-bottom: 80px;
}
.footer__top {
  margin-bottom: 120px;
  position: relative;
}
@media (min-width: 991px) {
  .footer__top {
    margin-bottom: 160px;
  }
}
.footer__copyright {
  font-size: 12px;
}

.ft {
  background-image: url("../../img/footer-circles.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  bottom: 0;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1600px) {
  .ft {
    width: 1600px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.page.About {
  background-image: url("../../img/about-gradient.png");
  background-size: cover;
}

.page.Contact .footer {
  display: none;
}

.hero {
  background: linear-gradient(45deg, #2387D5 0%, #1DD4ED 100%);
  height: 100vh;
  padding: 220px 15px 0 15px;
}
@media (min-width: 991px) {
  .hero {
    padding-top: 300px;
  }
}
.hero__circles {
  background-image: url("../../img/hero-circles.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: -220px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .hero__circles {
    width: 880px;
    height: 1040px;
    background-size: cover;
  }
}
.hero-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.hero h1 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .hero h1 {
    margin-bottom: 80px;
  }
}
.hero p {
  font-weight: 500;
}
.hero__arrow {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='104' height='104' viewBox='0 0 104 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.1' cx='52' cy='52' r='52' fill='white'/%3E%3Ccircle opacity='0.3' cx='52' cy='52' r='43' fill='white'/%3E%3Ccircle cx='52' cy='52' r='37' fill='white'/%3E%3Cpath d='M64 47L52 59L40 47' stroke='%2322A0DD' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  width: 104px;
  height: 104px;
  display: block;
  margin: 0 auto 80px auto;
  cursor: pointer;
  position: relative;
  animation: pulse-red 2s infinite;
  border-radius: 50px;
}

.ods {
  padding-top: 80px;
  padding-bottom: 60px;
  background: linear-gradient(180deg, #2293D9 0%, #1DD4ED 100%);
}
@media (min-width: 991px) {
  .ods {
    padding-top: 115px;
    background-image: url("../../img/test.png");
  }
}
.ods-titles {
  margin-bottom: 80px;
  text-align: center;
}
@media (min-width: 768px) {
  .ods-titles {
    margin-bottom: 120px;
  }
}
.ods__wrapper {
  max-width: 1200px;
}
.ods__block {
  margin-bottom: 60px;
}
@media (min-width: 991px) {
  .ods__block {
    margin-bottom: 100px;
  }
}
.ods__block .firstCol {
  order: 2;
}
@media (min-width: 991px) {
  .ods__block .firstCol {
    order: 1;
  }
}
.ods__block .secondCol {
  order: 1;
}
@media (min-width: 991px) {
  .ods__block .secondCol {
    order: 2;
  }
}
.ods__block-image {
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 991px) {
  .ods__block-image {
    text-align: left;
    margin-top: 0;
  }
}
.ods__block-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  margin-left: auto;
}
@media (min-width: 991px) {
  .ods__block-text {
    max-width: 629px;
  }
}
.ods__block-text h3 {
  margin-bottom: 23px;
}
.ods__block-services {
  margin-top: 30px;
}
.ods__block-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.ods__block-list-item {
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 575px) {
  .ods__block-list-item {
    width: 50%;
  }
}
.ods__block:nth-last-child(1) {
  margin-bottom: 0;
}
.ods__block:nth-child(even) .ods__block-image {
  text-align: center;
}
@media (min-width: 991px) {
  .ods__block:nth-child(even) .ods__block-image {
    text-align: right;
  }
}
.ods__block:nth-child(even) .ods__block-text {
  margin-left: 0;
  margin-right: auto;
}
.ods__block:nth-child(even) .firstCol {
  order: 2;
}
.ods__block:nth-child(even) .secondCol {
  order: 1;
}

.lc {
  background: linear-gradient(184deg, #1DD3ED 0%, #328BC2 50.99%, #1DD4ED 100%);
  position: relative;
  padding: 50px 15px;
}
@media (min-width: 768px) {
  .lc {
    background-image: url("../../img/test2.png");
  }
}
@media (min-width: 991px) {
  .lc {
    padding: 80px 0;
  }
}
.lc__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .lc__button {
    margin-bottom: 100px;
  }
}
.lc__titles {
  max-width: 580px;
  margin: 0 auto 60px auto;
  text-align: center;
}
.lc__titles h2 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .lc__titles h2 {
    margin-bottom: 30px;
  }
}
.lc__bd {
  margin-top: 80px;
  text-align: center;
}
@media (min-width: 768px) {
  .lc__bd {
    margin-top: 140px;
  }
}
.lc__box {
  background: red;
  width: 30%;
  height: 32vw;
  display: block;
  position: relative;
  left: 0;
  top: 0;
  margin: 0 10px;
  transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.lc__box-parallax {
  height: 100%;
  width: 100%;
  position: absolute;
  pointer-events: initial;
}
.lc__box-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lc__box-item-content {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  position: absolute;
  right: 0;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.lc__box-item-content-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.lc__box-item-content img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  z-index: 100;
  object-position: center;
  object-fit: cover;
}
.lc__box-title {
  margin-top: 20px;
  display: none;
}
@media (min-width: 768px) {
  .lc__box-title {
    display: block;
  }
}
.lc__box:hover {
  width: 80%;
}
.lc__box:hover .lc__box-title {
  display: block;
}
.lc__boxes {
  max-width: 1400px;
  margin: 0 auto 60px auto;
}
@media (min-width: 768px) {
  .lc__boxes {
    margin: 0 auto 120px auto;
  }
}
.lc__boxes-wrapper {
  width: 100%;
  display: flex;
  grid-area: list;
  margin: 20px 0;
  box-sizing: border-box;
}

.osh {
  background: linear-gradient(45deg, #2387D5 0%, #1DD4ED 100%);
  padding-top: 180px;
  padding-bottom: 90px;
}
@media (min-width: 991px) {
  .osh {
    padding-top: 230px;
    padding-bottom: 150px;
  }
}
.osh__wrapper {
  position: relative;
  z-index: 1;
}
.osh__text {
  position: relative;
  z-index: 2;
}
.osh h1 {
  margin-bottom: 60px;
}
.osh p {
  font-weight: 400;
}
.osh__circles {
  background-image: url("../../img/hero-circles.svg");
  width: 880px;
  height: 1040px;
  position: absolute;
  right: 0;
  top: -220px;
  background-repeat: no-repeat;
}
.osh__list {
  max-width: 1100px;
  margin: 100px auto 0 auto;
  position: relative;
}
.osh__list-left {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .osh__list-left {
    width: 48%;
    margin-bottom: 0;
  }
}
.osh__list-right {
  width: 100%;
}
@media (min-width: 768px) {
  .osh__list-right {
    width: 52%;
  }
}
.osh__list-row {
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .osh__list-row {
    flex-direction: row;
  }
}
.osh__list-row:nth-last-child(1) {
  margin-bottom: 0;
}
.osh__list h4 {
  line-height: 100%;
  font-weight: 400;
}
.osh__list ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 575px) {
  .osh__list ul {
    flex-direction: row;
  }
}
@media (min-width: 991px) {
  .osh__list ul {
    padding: 5px 20px;
  }
}
@media (min-width: 1280px) {
  .osh__list ul {
    padding: 5px 0 0 0;
  }
}
.osh__list ul li {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 35px;
  width: 50%;
}

.tl {
  background: linear-gradient(180deg, #2293D9 0%, #1DD4ED 100%);
  padding: 70px 16px 100px 16px;
}
@media (min-width: 991px) {
  .tl {
    background-size: cover;
    background-image: url("../../img/things-mask.png");
    padding: 120px 16px 200px 16px;
  }
}
.tl h2 {
  margin-bottom: 70px;
}
@media (min-width: 991px) {
  .tl h2 {
    margin-bottom: 110px;
  }
}
.tl__boxes {
  max-width: 1440px;
  margin: 0 auto;
}
.tl__box {
  margin-bottom: 120px;
}
.tl__box:nth-last-child(1) {
  margin-bottom: 0;
}
.tl__box-step {
  font-size: 20px;
  line-height: 70px;
  letter-spacing: 1px;
  border: 2px solid #fff;
  border-radius: 200px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
.tl__box-text h3 {
  margin-bottom: 15px;
}
.tl__box-text p {
  opacity: 0.8;
}
.tl__box-content {
  max-width: 945px;
  margin: 0 auto 75px auto;
  flex-direction: column;
}
@media (min-width: 575px) {
  .tl__box-content {
    flex-direction: row;
  }
}
.tl__images {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 991px) {
  .tl__images {
    flex-direction: row;
  }
}
.tl__image {
  position: relative;
  margin-bottom: 60px;
}
@media (min-width: 991px) {
  .tl__image {
    margin-bottom: 0;
  }
}
.tl__image-img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  z-index: 2;
  position: relative;
}
.tl__image-shadow {
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 10px 10px 20px 0px #1EC4DF;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.tl__image.small {
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 991px) {
  .tl__image.small {
    min-width: 23%;
    max-width: 23%;
  }
}
.tl__image.large {
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 991px) {
  .tl__image.large {
    max-width: 48%;
    min-width: 48%;
  }
}
.tl__image.large img {
  padding: 0 50px;
}

.ow {
  background-image: url("../../img/our-work-gradient.png");
  background-size: cover;
  padding-top: 230px;
  position: relative;
}
.ow__circles {
  background-image: url("../../img/our-work-circle.svg");
  width: 100%;
  height: 1404px;
  position: absolute;
  left: -100px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.ow h1 {
  margin-bottom: 70px;
}
@media (min-width: 991px) {
  .ow h1 {
    margin-bottom: 120px;
  }
}
.ow__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.ow__col {
  margin-bottom: 80px;
}
@media (min-width: 1400px) {
  .ow__col {
    margin-bottom: 120px;
  }
}
.ow__box {
  position: relative;
  max-width: 510px;
  margin: 0 auto;
}
@media (min-width: 991px) {
  .ow__box {
    padding: 0 40px;
    max-width: unset;
  }
}
@media (min-width: 1200px) {
  .ow__box {
    padding: 0;
  }
}
.ow__box-content {
  position: relative;
  z-index: 2;
  max-width: 100%;
}
@media (min-width: 991px) {
  .ow__box-content {
    max-width: 507px;
  }
}
.ow__box-link {
  text-decoration: none;
  max-width: 208px;
  position: relative;
}
.ow__box-link-text {
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  color: #2292D8;
  background: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 208px;
  height: 60px;
  margin: 0 auto;
}
.ow__box-link:hover {
  background: linear-gradient(148deg, rgba(33, 147, 217, 0.6) 0%, rgba(30, 198, 232, 0.6) 100%), lightgray 50%/cover no-repeat;
}
.ow__box-link:hover .ow__box-link-text {
  display: flex;
}
.ow__box-title {
  margin-top: 30px;
  padding-left: 15px;
  font-weight: bold;
}
@media (min-width: 1400px) {
  .ow__box-title {
    padding-left: 0;
  }
}
.ow__box img {
  box-shadow: 0 16px 43px 0 rgba(0, 0, 0, 0.16);
  border-radius: 35px;
}
.ow__box-shadow {
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 10px 10px 20px 0px #1EC4DF;
  backdrop-filter: blur(5px);
  position: absolute;
  bottom: -30px;
  left: -35px;
  width: 90%;
  height: 90%;
}
@media (min-width: 991px) {
  .ow__box-shadow {
    left: 5px;
    width: 80%;
    height: 90%;
  }
}
@media (min-width: 1200px) {
  .ow__box-shadow {
    width: 90%;
    left: -55px;
  }
}

.nfp {
  background: linear-gradient(45deg, #2387D5 0%, #1DD4ED 100%);
  padding-top: 230px;
  height: 100vh;
}
.nfp__circles {
  background-image: url("../../img/hero-circles.svg");
  width: 880px;
  height: 1040px;
  position: absolute;
  right: 0;
  top: -220px;
  background-repeat: no-repeat;
}
.nfp__wrapper {
  text-align: center;
}
.nfp__text {
  margin-bottom: 110px;
}
.nfp__text h1 {
  font-size: 100px;
  margin-bottom: 70px;
}
.nfp__text h4 {
  margin-bottom: 70px;
}
.nfp__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 270px;
  max-width: 270px;
  min-height: 60px;
  max-height: 60px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
.nfp__button-home {
  background: #fff;
  color: #21ABE0;
  margin-right: 30px;
}
.nfp__button-report {
  color: #fff;
  border: 1px solid #fff;
}

.nmb {
  padding-top: 220px;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .nmb {
    margin-bottom: 140px;
  }
}
.nmb__text {
  margin-bottom: 80px;
}
@media (min-width: 991px) {
  .nmb__text {
    margin-bottom: 150px;
  }
}
.nmb__text h1 {
  margin-bottom: 50px;
}
@media (min-width: 991px) {
  .nmb__text h1 {
    margin-bottom: 80px;
  }
}
.nmb__box {
  position: relative;
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 10px 10px 20px 0 #1EC4DF;
  min-height: 198px;
  display: flex;
  flex-direction: column;
  padding: 25px 15px;
  text-align: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 991px) {
  .nmb__box {
    padding: 15px;
  }
}
.nmb__box-number {
  font-size: 74px;
  line-height: 70px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 25px;
}
.nmb__box-desc {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.nmb__box-content {
  display: flex;
  align-items: center;
}

.clir {
  position: relative;
  padding-bottom: 80px;
}
@media (min-width: 991px) {
  .clir {
    padding-bottom: 120px;
  }
}
.clir__wrapper {
  position: relative;
  z-index: 1;
}
.clir__circles {
  background-image: url("../../img/our-work-circle.svg");
  width: 100%;
  height: 1404px;
  position: absolute;
  left: -250px;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.clir__image {
  text-align: center;
}
.clir__text {
  margin-bottom: 40px;
}
@media (min-width: 991px) {
  .clir__text {
    margin-bottom: 0;
  }
}
.clir .textCol {
  display: flex;
  align-items: center;
}
.clir h2 {
  margin-bottom: 33px;
}

.cril {
  position: relative;
  padding-bottom: 80px;
}
@media (min-width: 991px) {
  .cril {
    padding-bottom: 120px;
  }
}
.cril__wrapper {
  position: relative;
  z-index: 1;
}
.cril__text {
  margin-bottom: 40px;
}
@media (min-width: 991px) {
  .cril__text {
    margin-bottom: 0;
  }
}
.cril__image {
  text-align: center;
}
.cril .imageCol {
  order: 2;
}
@media (min-width: 991px) {
  .cril .imageCol {
    order: 1;
  }
}
.cril .textCol {
  display: flex;
  align-items: center;
  order: 1;
}
@media (min-width: 991px) {
  .cril .textCol {
    order: 2;
  }
}
.cril h2 {
  margin-bottom: 33px;
}

.tat {
  padding-bottom: 80px;
}
@media (min-width: 991px) {
  .tat {
    padding-bottom: 140px;
  }
}
.tat h2 {
  margin-bottom: 80px;
}
@media (min-width: 991px) {
  .tat h2 {
    margin-bottom: 120px;
  }
}

.ttp {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 15px 40px 15px;
}
.ttp h2 {
  margin-bottom: 50px;
}
@media (min-width: 991px) {
  .ttp h2 {
    margin-bottom: 70px;
  }
}
.ttp .tabs {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 991px) {
  .ttp .tabs {
    flex-direction: row;
  }
}
.ttp .tabs__pane {
  display: block;
}
@media (min-width: 991px) {
  .ttp .tabs__pane {
    width: 50%;
    text-align: right;
  }
}
.ttp .tabs__content {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 991px) {
  .ttp .tabs__content {
    max-width: 50%;
  }
}

.uk-slideshow {
  padding-left: 0;
}
@media (min-width: 991px) {
  .uk-slideshow {
    padding-left: 64px;
  }
}

.uk-accordion-title {
  overflow: auto;
}
.uk-accordion-title::before {
  display: none;
}
.uk-accordion-content {
  max-width: 595px;
}
.uk-accordion-step {
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -80px;
  top: 0;
  opacity: 0.8;
}
.uk-accordion-text {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1px;
  display: block;
  padding: 10px 0;
  text-decoration: none;
  opacity: 0.8;
}
.uk-accordion-text:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}
.uk-accordion > :nth-child(n+2) {
  border-top: 1px solid #ececec;
  padding-top: 25px;
  margin-top: 25px;
}
.uk-accordion li {
  position: relative;
  margin-left: 80px;
  cursor: pointer;
  padding-top: 25px;
}
.uk-accordion li.uk-open .uk-accordion-step {
  font-size: 20px;
  border: 2px solid #fff;
  opacity: 1;
}
.uk-accordion li.uk-open .uk-accordion-text {
  opacity: 1;
}
/*# sourceMappingURL=app.css.map */