@font-face {
  font-weight: 900;
  font-family: Somar Sans;
  src: url("SomarSans-Black.622710b7.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 700;
  font-family: Somar Sans;
  src: url("SomarSans-Bold.628bd61c.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 800;
  font-family: Somar Sans;
  src: url("SomarSans-ExtraBold.efdce369.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 500;
  font-family: Somar Sans;
  src: url("SomarSans-Medium.55f4a412.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 400;
  font-family: Somar Sans;
  src: url("SomarSans-Regular.a2a37353.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 600;
  font-family: Somar Sans;
  src: url("SomarSans-SemiBold.2f6dd089.woff2") format("woff2");
  font-style: normal;
}

@media screen and (width >= 1024px) {
  .display, .display p {
    font-size: 64px;
  }
}

@media screen and (width >= 1440px) {
  .display, .display p {
    font-size: 94px;
  }
}

@media screen and (width >= 1920px) {
  .display, .display p {
    font-size: 110px;
  }
}

@media screen and (width >= 768px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 35px;
  }
}

@media screen and (width >= 1024px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 46px;
  }
}

@media screen and (width >= 768px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 40px;
  }
}

@media screen and (width >= 768px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 36px;
  }
}

@media screen and (width >= 768px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 32px;
  }
}

@media screen and (width >= 768px) {
  h5, .akwan-h5, .akwan-h5 p {
    font-size: 28px;
  }

  h6, .akwan-h6, .akwan-h6 p, .paragraph-20, .paragraph-20 p {
    font-size: 20px;
  }

  .paragraph-18, .paragraph-18 p {
    font-size: 18px;
  }
}

@media screen and (width >= 992px) {
  .paragraph-17, .paragraph-17 p {
    font-size: 17px;
  }
}

@font-face {
  font-weight: 900;
  font-family: Somar Sans;
  src: url("SomarSans-Black.622710b7.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 700;
  font-family: Somar Sans;
  src: url("SomarSans-Bold.628bd61c.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 800;
  font-family: Somar Sans;
  src: url("SomarSans-ExtraBold.efdce369.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 500;
  font-family: Somar Sans;
  src: url("SomarSans-Medium.55f4a412.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 400;
  font-family: Somar Sans;
  src: url("SomarSans-Regular.a2a37353.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 600;
  font-family: Somar Sans;
  src: url("SomarSans-SemiBold.2f6dd089.woff2") format("woff2");
  font-style: normal;
}

@media screen and (width >= 1024px) {
  .display, .display p {
    font-size: 64px;
  }
}

@media screen and (width >= 1440px) {
  .display, .display p {
    font-size: 94px;
  }
}

@media screen and (width >= 1920px) {
  .display, .display p {
    font-size: 110px;
  }
}

@media screen and (width >= 768px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 35px;
  }
}

@media screen and (width >= 1024px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 46px;
  }
}

@media screen and (width >= 768px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 40px;
  }
}

@media screen and (width >= 768px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 36px;
  }
}

@media screen and (width >= 768px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 32px;
  }
}

@media screen and (width >= 768px) {
  h5, .akwan-h5, .akwan-h5 p {
    font-size: 28px;
  }

  h6, .akwan-h6, .akwan-h6 p, .paragraph-20, .paragraph-20 p {
    font-size: 20px;
  }

  .paragraph-18, .paragraph-18 p {
    font-size: 18px;
  }
}

@media screen and (width >= 992px) {
  .paragraph-17, .paragraph-17 p {
    font-size: 17px;
  }
}

@media screen and (width <= 1023.98px) {
  .stop-scroll {
    overflow: hidden;
  }
}

.row {
  flex-wrap: wrap;
  margin: -8px;
  display: flex;
}

.row [class*="col-"] {
  padding: 8px;
}

@media screen and (width >= 1024px) {
  .row {
    margin: -10px;
  }

  .row [class*="col-"] {
    padding: 10px;
  }
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-tablet-1, .col-tablet-2, .col-tablet-3, .col-tablet-4, .col-tablet-5, .col-tablet-6, .col-tablet-7, .col-tablet-8, .col-tablet-9, .col-tablet-10, .col-tablet-11, .col-tablet-12, .col-tablet, .col-tablet-auto {
  width: 100%;
  position: relative;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-auto {
  flex: none;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.6667%;
  max-width: 16.6667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.col-5 {
  flex: 0 0 41.6667%;
  max-width: 41.6667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333%;
  max-width: 58.3333%;
}

.col-8 {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
}

.col-11 {
  flex: 0 0 91.6667%;
  max-width: 91.6667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.a-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

@media screen and (width <= 599.98px) {
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: none;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }
}

@media screen and (width >= 600px) and (width <= 1023.98px) {
  .col-tablet {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-tablet-auto {
    flex: none;
    width: auto;
    max-width: 100%;
  }

  .col-tablet-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-tablet-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  .col-tablet-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-tablet-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  .col-tablet-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  .col-tablet-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-tablet-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  .col-tablet-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  .col-tablet-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-tablet-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  .col-tablet-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  .col-tablet-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-tablet-first {
    order: -1;
  }

  .order-tablet-last {
    order: 13;
  }

  .order-tablet-0 {
    order: 0;
  }

  .order-tablet-1 {
    order: 1;
  }

  .order-tablet-2 {
    order: 2;
  }

  .order-tablet-3 {
    order: 3;
  }

  .order-tablet-4 {
    order: 4;
  }

  .order-tablet-5 {
    order: 5;
  }

  .order-tablet-6 {
    order: 6;
  }

  .order-tablet-7 {
    order: 7;
  }

  .order-tablet-8 {
    order: 8;
  }

  .order-tablet-9 {
    order: 9;
  }

  .order-tablet-10 {
    order: 10;
  }

  .order-tablet-11 {
    order: 11;
  }

  .order-tablet-12 {
    order: 12;
  }

  .offset-tablet-0 {
    margin-left: 0;
  }

  .offset-tablet-1 {
    margin-left: 8.33333%;
  }

  .offset-tablet-2 {
    margin-left: 16.6667%;
  }

  .offset-tablet-3 {
    margin-left: 25%;
  }

  .offset-tablet-4 {
    margin-left: 33.3333%;
  }

  .offset-tablet-5 {
    margin-left: 41.6667%;
  }

  .offset-tablet-6 {
    margin-left: 50%;
  }

  .offset-tablet-7 {
    margin-left: 58.3333%;
  }

  .offset-tablet-8 {
    margin-left: 66.6667%;
  }

  .offset-tablet-9 {
    margin-left: 75%;
  }

  .offset-tablet-10 {
    margin-left: 83.3333%;
  }

  .offset-tablet-11 {
    margin-left: 91.6667%;
  }
}

@media screen and (width >= 1024px) {
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-auto {
    flex: none;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  .col-md-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  .col-md-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  .col-md-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }
}

@media screen and (width >= 1280px) {
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: none;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }
}

@font-face {
  font-weight: 900;
  font-family: Somar Sans;
  src: url("SomarSans-Black.622710b7.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 700;
  font-family: Somar Sans;
  src: url("SomarSans-Bold.628bd61c.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 800;
  font-family: Somar Sans;
  src: url("SomarSans-ExtraBold.efdce369.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 500;
  font-family: Somar Sans;
  src: url("SomarSans-Medium.55f4a412.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 400;
  font-family: Somar Sans;
  src: url("SomarSans-Regular.a2a37353.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 600;
  font-family: Somar Sans;
  src: url("SomarSans-SemiBold.2f6dd089.woff2") format("woff2");
  font-style: normal;
}

@media screen and (width >= 1024px) {
  .display, .display p {
    font-size: 64px;
  }
}

@media screen and (width >= 1440px) {
  .display, .display p {
    font-size: 94px;
  }
}

@media screen and (width >= 1920px) {
  .display, .display p {
    font-size: 110px;
  }
}

@media screen and (width >= 768px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 35px;
  }
}

@media screen and (width >= 1024px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 46px;
  }
}

@media screen and (width >= 768px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 40px;
  }
}

@media screen and (width >= 768px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 36px;
  }
}

@media screen and (width >= 768px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 32px;
  }
}

@media screen and (width >= 768px) {
  h5, .akwan-h5, .akwan-h5 p {
    font-size: 28px;
  }

  h6, .akwan-h6, .akwan-h6 p, .paragraph-20, .paragraph-20 p {
    font-size: 20px;
  }

  .paragraph-18, .paragraph-18 p {
    font-size: 18px;
  }
}

@media screen and (width >= 992px) {
  .paragraph-17, .paragraph-17 p {
    font-size: 17px;
  }
}

html, body {
  position: relative;
  margin-top: 0 !important;
}

body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none !important;
}

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

ul, ol {
  margin: 0;
  padding: 0;
}

svg circle, svg path {
  transition: fill .6s, stroke .6s;
}

picture {
  display: block;
}

.aspect-ratio {
  height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.aspect-ratio picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.aspect-ratio img, .aspect-ratio video, .aspect-ratio iframe {
  object-fit: cover;
  object-position: bottom;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border: none !important;
}

.cover-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.left-content-wrapper {
  flex-direction: column;
  gap: 32px;
  display: flex;
}

.left-content-wrapper .title {
  color: #555;
}

.left-content-wrapper .description p {
  color: #000;
}

@media screen and (width <= 1023.98px) {
  .modal-opened {
    overflow: hidden;
  }
}

.hide-scrollbar {
  scrollbar-width: none !important;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.container {
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (width >= 768px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (width >= 1280px) {
  .container {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.capital-text {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.overflow-hidden {
  overflow: hidden;
}

section {
  position: relative;
}

.bg-orange {
  background-color: #555;
}

.swiper-navigations {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100px;
  margin: 0 auto;
  display: flex;
}

.swiper-navigation {
  z-index: 3;
  cursor: pointer;
  aspect-ratio: 1;
  opacity: 1;
  border: 1px solid #555;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  transition: background-color .6s, border-color .6s;
  display: flex;
}

.swiper-navigation svg {
  width: 15px;
  height: 15px;
}

.swiper-navigation:hover {
  background: #555;
  border-color: #555;
}

.swiper-navigation.swiper-button-prev {
  left: 0;
}

.swiper-navigation.swiper-button-next {
  right: 0;
}

.swiper-navigation.swiper-button-disabled {
  pointer-events: none;
}

.swiper-navigation.swiper-button-disabled svg .border {
  stroke: green;
}

.swiper-navigation.swiper-button-disabled svg .arrow {
  stroke: #00f;
}

.swiper-pagination {
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 44px;
  display: flex;
}

@media screen and (width >= 1024px) {
  .swiper-pagination {
    margin-top: 88px;
  }
}

.swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  background: #d9d9d9;
  border-radius: 3px;
  width: 7px;
  height: 7px;
  transition: width .6s;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: #d9c099;
  width: 40px;
}

@media screen and (width >= 992px) {
  .swiper-pagination .swiper-pagination-bullet-active {
    width: 51px;
  }
}

.blog-card {
  background-color: #d9c099;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 150px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width >= 768px) {
  .blog-card {
    padding: 200px 50px;
  }
}

@media screen and (width >= 992px) {
  .blog-card {
    padding: 200px 100px;
  }
}

@media screen and (width >= 1280px) {
  .blog-card {
    padding: 277px 100px 263px;
  }
}

.blog-card .card-title {
  color: #fff;
  text-transform: capitalize;
  max-width: 1101px;
  font-size: 24px;
  line-height: 120%;
  transition: color .6s;
  display: block;
}

.blog-card .card-title:hover {
  color: #023568;
}

@media screen and (width >= 768px) {
  .blog-card .card-title {
    font-size: 35px;
  }
}

@media screen and (width >= 1024px) {
  .blog-card .card-title {
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

@media screen and (width >= 1280px) {
  .blog-card .card-title {
    font-size: 55px;
  }
}

@media screen and (width >= 1440px) {
  .blog-card .card-title {
    font-size: 64px;
  }
}

.blog-card:after, .blog-card .cover-image {
  z-index: -1;
  pointer-events: none;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-card:after {
  content: "";
  z-index: -1;
  background: #01163233;
}

.project-single {
  padding-top: 66px;
  padding-bottom: 66px;
}

@media screen and (width >= 992px) {
  .project-single {
    padding-top: 108px;
    padding-bottom: 66px;
  }
}

.project-single .container {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (width >= 768px) {
  .project-single .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (width >= 992px) {
  .project-single .container {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media screen and (width >= 1280px) {
  .project-single .container {
    max-width: 1440px;
  }

  .project-single .container:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 207px;
    padding-right: 197px;
  }

  .project-single .container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 197px;
    padding-right: 207px;
  }

  .project-single .container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 197px;
    padding-right: 207px;
  }
}

.project-single .top-wrapper {
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  display: flex;
}

@media screen and (width >= 768px) {
  .project-single .top-wrapper {
    gap: 38px;
    margin-bottom: 63px;
  }
}

.project-single .top-wrapper .image-wrapper {
  width: 353px;
}

.project-single .top-wrapper .project-image {
  width: 100%;
  padding-top: 129.78%;
}

body.rtl .project-single .top-wrapper .prev, body.rtl .project-single .top-wrapper .next {
  transform: scaleX(-1);
}

.project-single .bottom-wrapper {
  justify-content: space-between;
  gap: 50px;
  display: flex;
}

@media screen and (width <= 767.98px) {
  .project-single .bottom-wrapper {
    flex-direction: column;
    gap: 25px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

.project-single .bottom-wrapper .left-content .title {
  color: #023568;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.project-single .bottom-wrapper .left-content .project-years {
  color: #023568;
  margin-bottom: 14px;
  padding-bottom: 11px;
  position: relative;
}

.project-single .bottom-wrapper .left-content .project-years:after {
  content: "";
  background-color: #023568;
  width: 33px;
  height: 2px;
  position: absolute;
  bottom: 0;
}

.project-single .bottom-wrapper .left-content .project-years:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: 0;
}

.project-single .bottom-wrapper .left-content .project-years:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

.project-single .bottom-wrapper .left-content .project-years:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

.project-single .bottom-wrapper .left-content .project-list {
  color: #023568;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.project-single .bottom-wrapper .left-content .project-list span {
  margin-right: 6px;
  font-weight: 500;
}

@media screen and (width >= 600px) {
  .project-single .bottom-wrapper .right-content {
    max-width: 85%;
  }
}

@media screen and (width >= 768px) {
  .project-single .bottom-wrapper .right-content {
    max-width: 65%;
  }
}

@media screen and (width >= 992px) {
  .project-single .bottom-wrapper .right-content {
    max-width: 560px;
  }
}

.project-single .bottom-wrapper .right-content .about-title {
  color: #023568;
  margin-bottom: 14px;
  padding-bottom: 17px;
  position: relative;
}

.project-single .bottom-wrapper .right-content .about-title:after {
  content: "";
  background-color: #023568;
  width: 33px;
  height: 2px;
  position: absolute;
  bottom: 0;
}

.project-single .bottom-wrapper .right-content .about-title:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: 0;
}

.project-single .bottom-wrapper .right-content .about-title:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

.project-single .bottom-wrapper .right-content .about-title:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

.project-single .bottom-wrapper .right-content .about-description {
  color: #023568;
}

@font-face {
  font-weight: 900;
  font-family: Somar Sans;
  src: url("SomarSans-Black.622710b7.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 700;
  font-family: Somar Sans;
  src: url("SomarSans-Bold.628bd61c.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 800;
  font-family: Somar Sans;
  src: url("SomarSans-ExtraBold.efdce369.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 500;
  font-family: Somar Sans;
  src: url("SomarSans-Medium.55f4a412.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 400;
  font-family: Somar Sans;
  src: url("SomarSans-Regular.a2a37353.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 600;
  font-family: Somar Sans;
  src: url("SomarSans-SemiBold.2f6dd089.woff2") format("woff2");
  font-style: normal;
}

@media screen and (width >= 1024px) {
  .display, .display p {
    font-size: 64px;
  }
}

@media screen and (width >= 1440px) {
  .display, .display p {
    font-size: 94px;
  }
}

@media screen and (width >= 1920px) {
  .display, .display p {
    font-size: 110px;
  }
}

@media screen and (width >= 768px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 35px;
  }
}

@media screen and (width >= 1024px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 46px;
  }
}

@media screen and (width >= 768px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 40px;
  }
}

@media screen and (width >= 768px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 36px;
  }
}

@media screen and (width >= 768px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 32px;
  }
}

@media screen and (width >= 768px) {
  h5, .akwan-h5, .akwan-h5 p {
    font-size: 28px;
  }

  h6, .akwan-h6, .akwan-h6 p, .paragraph-20, .paragraph-20 p {
    font-size: 20px;
  }

  .paragraph-18, .paragraph-18 p {
    font-size: 18px;
  }
}

@media screen and (width >= 992px) {
  .paragraph-17, .paragraph-17 p {
    font-size: 17px;
  }
}

.single_hero_block {
  margin-bottom: 100px;
}

.single_hero_block .container {
  padding: 0;
}

.single_hero_block .blog-card {
  z-index: 0;
  border-radius: 0 0 50px 50px;
  padding: 200px 24px;
}

@media screen and (width >= 768px) {
  .single_hero_block .blog-card {
    padding: 200px 50px;
  }
}

@media screen and (width >= 992px) {
  .single_hero_block .blog-card {
    padding: 200px 100px;
  }
}

@media screen and (width >= 1280px) {
  .single_hero_block .blog-card {
    padding: 311px 100px 229px;
  }
}

.single_hero_block .blog-card .card-title {
  z-index: 3;
  display: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  text-overflow: unset;
}

.single_hero_block .blog-card .card-title:hover {
  color: #fff;
}

.single_hero_block .blog-card:after {
  z-index: 2;
}

.single_hero_block .blog-card .cover-image {
  z-index: 1;
}

.single_hero_block .blog-card .card-svg {
  z-index: 3;
  width: 58px;
  height: 55px;
  position: absolute;
  bottom: 55px;
  right: 24px;
}

@media screen and (width >= 768px) {
  .single_hero_block .blog-card .card-svg {
    width: 58px;
    height: 55px;
    bottom: 85px;
    right: 85px;
  }
}

@media screen and (width >= 1024px) {
  .single_hero_block .blog-card .card-svg {
    width: 78px;
    height: 75px;
    bottom: 108px;
    right: 122px;
  }
}

.single-content {
  padding-bottom: 100px;
}

@media screen and (width >= 1024px) {
  .single-content {
    padding-bottom: 200px;
  }
}

@media screen and (width >= 1440px) {
  .single-content .container {
    max-width: 1354px;
    padding: 0;
  }
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
  color: #000;
  margin-bottom: 40px;
  padding-top: 40px;
  font-family: Somar Sans;
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
}

@media screen and (width >= 768px) {
  .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    font-size: 30px;
  }
}

@media screen and (width >= 1440px) {
  .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    font-size: 40px;
  }
}

.single-content p {
  color: #000;
  margin-bottom: 35px;
  font-family: Somar Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  .single-content p {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  .single-content p {
    font-size: 28px;
  }
}

.single-content ul {
  margin-bottom: 35px;
  padding-left: 30px;
  list-style: outside;
}

@media screen and (width >= 1024px) {
  .single-content ul {
    padding-left: 40px;
  }
}

.single-content ul li {
  color: #000;
  font-family: Somar Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  .single-content ul li {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  .single-content ul li {
    font-size: 28px;
  }
}

@font-face {
  font-weight: 900;
  font-family: Somar Sans;
  src: url("SomarSans-Black.622710b7.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 700;
  font-family: Somar Sans;
  src: url("SomarSans-Bold.628bd61c.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 800;
  font-family: Somar Sans;
  src: url("SomarSans-ExtraBold.efdce369.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 500;
  font-family: Somar Sans;
  src: url("SomarSans-Medium.55f4a412.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 400;
  font-family: Somar Sans;
  src: url("SomarSans-Regular.a2a37353.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-weight: 600;
  font-family: Somar Sans;
  src: url("SomarSans-SemiBold.2f6dd089.woff2") format("woff2");
  font-style: normal;
}

.display, .display p {
  color: #000;
  font-family: Somar Sans;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

@media screen and (width >= 1024px) {
  .display, .display p {
    font-size: 64px;
  }
}

@media screen and (width >= 1440px) {
  .display, .display p {
    font-size: 94px;
  }
}

@media screen and (width >= 1920px) {
  .display, .display p {
    font-size: 110px;
  }
}

h1, .akwan-h1, .akwan-h1 p {
  color: #fff;
  font-family: Somar Sans;
  font-size: 25px;
  font-weight: 300;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 35px;
  }
}

@media screen and (width >= 1024px) {
  h1, .akwan-h1, .akwan-h1 p {
    font-size: 46px;
  }
}

h2, .akwan-h2, .akwan-h2 p {
  font-family: Somar Sans;
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h2, .akwan-h2, .akwan-h2 p {
    font-size: 40px;
  }
}

h3, .akwan-h3, .akwan-h3 p {
  font-family: Somar Sans;
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 30px;
  }
}

@media screen and (width >= 1024px) {
  h3, .akwan-h3, .akwan-h3 p {
    font-size: 36px;
  }
}

h4, .akwan-h4, .akwan-h4 p {
  font-family: Somar Sans;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 25px;
  }
}

@media screen and (width >= 1024px) {
  h4, .akwan-h4, .akwan-h4 p {
    font-size: 32px;
  }
}

h5, .akwan-h5, .akwan-h5 p {
  font-family: Somar Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  h5, .akwan-h5, .akwan-h5 p {
    font-size: 28px;
  }
}

h6, .akwan-h6, .akwan-h6 p {
  font-family: Somar Sans;
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  h6, .akwan-h6, .akwan-h6 p {
    font-size: 20px;
  }
}

.paragraph-20, .paragraph-20 p {
  font-family: Somar Sans;
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  .paragraph-20, .paragraph-20 p {
    font-size: 20px;
  }
}

.paragraph-18, .paragraph-18 p {
  font-family: Somar Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}

@media screen and (width >= 768px) {
  .paragraph-18, .paragraph-18 p {
    font-size: 18px;
  }
}

.paragraph-17, .paragraph-17 p {
  font-family: Somar Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

@media screen and (width >= 992px) {
  .paragraph-17, .paragraph-17 p {
    font-size: 17px;
  }
}

.paragraph-16, .paragraph-16 p {
  font-family: Somar Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.paragraph-14, .paragraph-14 p {
  font-family: Somar Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.paragraph-12, .paragraph-12 p {
  font-family: Somar Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.paragraph-11, .paragraph-11 p {
  font-family: Somar Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.button-large {
  color: #000;
  font-family: Somar Sans;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.button-base {
  color: #000;
  font-family: Somar Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 100px;
}

.button-small {
  color: #000;
  font-family: Somar Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%;
}

.cta-button {
  cursor: pointer;
  color: #fff;
  border: 3px solid #efebe2;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 15px 23px;
  font-family: Somar Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  transition: background-color .6s, color .6s;
  display: flex;
  position: relative;
}

.cta-button:hover {
  color: #023568;
  background-color: #efebe2;
}

.cta-button.light {
  color: #efebe2;
  background-color: #023568;
  padding: 9px 20px;
}

.cta-button.light svg {
  margin-left: 15px;
  transition: fill .6s;
}

.cta-button.light:hover {
  color: #fff;
  background-color: #2a2929;
}

.cta-button.light:hover svg path {
  fill: #fff;
}

.midnight-depth, .midnight-depth p {
  color: #d9c099;
}

.sky-breeze, .sky-breeze p {
  color: #023568;
}

.somar, .somar p {
  font-family: Somar Sans;
}

.skybolt-blue, .skybolt-blue p {
  color: #efebe2;
}

.fw-300, .fw-300 p {
  font-weight: 300;
}

.fw-400, .fw-400 p {
  font-weight: 400;
}

.fw-500, .fw-500 p {
  font-weight: 500;
}

.fw-600, .fw-600 p {
  font-weight: 600;
}

.fw-700, .fw-700 p {
  font-weight: 700;
}

.fw-800, .fw-800 p {
  font-weight: 800;
}

.capitalize-text {
  text-transform: capitalize;
}

.uppercase-text {
  text-transform: uppercase;
}

.white-color, .white-color p {
  color: #fff;
}

.black-color, .black-color p {
  color: #000;
}

.color-transition {
  transition: color .6s;
}

.column {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]), body select, body textarea, body .gform_wrapper.gravity-theme textarea {
  color: #182a3b99;
  border: none;
  border-bottom: 1px solid #000;
  outline: none;
  height: 58px;
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transition: border-color .6s, color .6s;
  overflow: hidden;
  background: none !important;
  font-size: 18px !important;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), body select:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), body textarea:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), body .gform_wrapper.gravity-theme textarea:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 20px;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body select:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body select:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body textarea:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body textarea:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body .gform_wrapper.gravity-theme textarea:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body .gform_wrapper.gravity-theme textarea:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 20px;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"])::placeholder, body select::placeholder, body textarea::placeholder, body .gform_wrapper.gravity-theme textarea::placeholder {
  color: #182a3b99;
  font-family: Somar Sans;
  font-style: normal;
  font-weight: 400;
  transition: color .6s;
  font-size: 19px !important;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):hover, body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):focus, body select:hover, body select:focus, body textarea:hover, body textarea:focus, body .gform_wrapper.gravity-theme textarea:hover, body .gform_wrapper.gravity-theme textarea:focus {
  color: #023568;
  border-color: #023568 !important;
}

body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):hover::placeholder, body .gform_wrapper.gravity-theme input:not([type="submit"]):not([type="number"]):focus::placeholder, body select:hover::placeholder, body select:focus::placeholder, body textarea:hover::placeholder, body textarea:focus::placeholder, body .gform_wrapper.gravity-theme textarea:hover::placeholder, body .gform_wrapper.gravity-theme textarea:focus::placeholder {
  color: #023568;
}

body textarea {
  resize: none;
  position: relative;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  width: 100% !important;
  height: 50px !important;
  margin-top: 65px !important;
}

body label, body .gform_wrapper.gravity-theme .gfield_label {
  color: #555;
  padding-top: 0;
  font-family: Somar Sans;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  display: none;
}

body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
  margin: 0;
  padding: 0;
}

body .gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}

body .gform_wrapper.gravity-theme .gfield_validation_message, body .gform_wrapper.gravity-theme .validation_message {
  clear: both;
  background: none;
  border: none;
  margin-top: 6px;
  padding-left: 0;
  position: absolute;
}

body .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

body .gfield {
  position: relative;
}

body fieldset {
  display: none;
}

body .gform_fields > div {
  position: relative;
}

body .gform_wrapper.gravity-theme .description, body .gform_wrapper.gravity-theme .gfield_description, body .gform_wrapper.gravity-theme .gsection_description, body .gform_wrapper.gravity-theme .instruction {
  text-align: left;
  color: #023568;
  text-transform: lowercase;
  font-family: Somar Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 3px 0 0 !important;
  padding: 0 15px !important;
}

body .gform_ajax_spinner {
  box-sizing: border-box;
  z-index: 1;
  border: 3px solid #555;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: 1.1s linear infinite spinner;
  bottom: -30px;
  left: 0;
  position: absolute !important;
}

@media screen and (width >= 768px) {
  body .gform_ajax_spinner {
    bottom: -30px;
  }
}

body .gform_confirmation_message {
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

body fieldset label, body fieldset .gform_wrapper.gravity-theme .gfield_label {
  width: fit-content;
  position: relative;
  padding-top: 0 !important;
}

body fieldset label:after, body fieldset .gform_wrapper.gravity-theme .gfield_label:after {
  content: "*";
  position: absolute;
  top: 0;
  left: calc(100% + 5px);
}

body button.cta-button {
  border: none;
  outline: none;
  min-width: 118px;
  min-height: 53px;
  margin-left: auto;
  font-size: 18px;
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}

@media screen and (width >= 1024px) {
  body button.cta-button {
    margin-top: 62px !important;
  }
}

body button.cta-button svg {
  display: none;
}

body .chosen-container-multi .chosen-choices {
  align-items: center;
  display: flex;
  border: unset !important;
  height: 45px !important;
}

body .chosen-container-multi .chosen-drop .chosen-results li:before {
  display: none;
}

body .chosen-container {
  border-bottom: 1px solid #555;
  height: 50px;
  transition: border-color .6s, color .6s, background-color .6s;
  position: relative;
}

body .chosen-container:hover, body .chosen-container:focus {
  color: #555;
  border-color: #555;
}

body .chosen-container:hover::placeholder, body .chosen-container:focus::placeholder {
  color: #555;
}

body .chosen-container:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.18196%201.18795L5.00016%205.36975L0.818359%201.18795L1.37597%200.630338L5.00016%204.25453L8.62435%200.630337L9.18196%201.18795Z%22%20fill%3D%22%23321C15%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  transform: translateY(-50%);
  cursor: pointer !important;
  pointer-events: none !important;
  width: 12px !important;
  height: 7px !important;
  transition: transform .6s !important;
  position: absolute !important;
  top: 50% !important;
  right: 15px !important;
}

body .chosen-container .chosen-single {
  height: 45px !important;
  box-shadow: unset !important;
  background: none !important;
  border: none !important;
  border-radius: 10px !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
}

body .chosen-container .chosen-single span {
  color: #555;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Somar Sans;
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  transition: color .6s;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

body .chosen-container .chosen-single.chosen-default span {
  opacity: 0;
}

body .chosen-container b {
  display: none !important;
}

body .chosen-container .chosen-results {
  background-color: #fff;
  margin: 0 !important;
  padding: 0 !important;
}

body .chosen-container .chosen-results li:first-child {
  display: none !important;
}

body .chosen-container .chosen-choices li:before {
  display: none;
}

body .chosen-container .chosen-choices li input[type="text"] {
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: inherit !important;
  letter-spacing: .05em !important;
  color: #0000004d !important;
  padding: 13px 16px !important;
  font-family: inherit !important;
}

body .chosen-container.chosen-container-active {
  background-color: #fff;
  border-color: #555;
}

body .chosen-container.chosen-container-active span {
  color: #555;
}

body .chosen-container.chosen-container-active .chosen-choices {
  border: unset;
  box-shadow: unset;
}

body .chosen-container .chosen-results li {
  color: #555;
  font-family: Somar Sans;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  transition: background-color .6s, border-color .6s, color .6s;
  border: none !important;
  width: 100% !important;
  padding: 15px 18px !important;
  font-size: 19px !important;
}

body .chosen-container .chosen-results li:before {
  display: none;
}

body .chosen-container .chosen-results li.highlighted, body .chosen-container .chosen-results li.result-selected {
  color: #fff !important;
  background-color: #555 !important;
  background-image: unset !important;
}

body .chosen-container .chosen-results li.gf_placeholder:first-child {
  display: none;
}

body .chosen-drop {
  box-shadow: unset !important;
  background-color: #0000 !important;
  border: 0 !important;
  margin-top: 1px !important;
}

body .chosen-container-active.chosen-with-drop:after {
  transform: translateY(-50%)scaleY(-1) !important;
}

body .chosen-container-active .chosen-single {
  box-shadow: unset !important;
}

body .chosen-container-single .chosen-search, body .chosen-container-single .chosen-search input[type="text"], body label {
  display: none !important;
}

body input:-webkit-autofill {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body input:-webkit-autofill:hover {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body input:-webkit-autofill:focus {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body textarea:-webkit-autofill {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body textarea:-webkit-autofill:hover {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body textarea:-webkit-autofill:focus {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body select:-webkit-autofill {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body select:-webkit-autofill:hover {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

body select:-webkit-autofill:focus {
  caret-color: #023568;
  -webkit-text-fill-color: #023568;
  outline: none;
  font-family: Somar Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #023568 !important;
}

header {
  z-index: 9999;
  background-color: #2a2929;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  transition: background-color .6s;
  position: relative;
  transform: translateX(0);
}

@media screen and (width >= 1024px) {
  header {
    padding-top: 51px;
    padding-bottom: 51px;
  }
}

header .cards-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

header .header-logo {
  z-index: 90;
  width: 103px;
  height: 54px;
}

@media screen and (width <= 599.98px) {
  header .header-logo {
    width: 93px;
    height: 44px;
  }
}

header .header-logo img, header .header-logo svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

header .burger-menu {
  z-index: 10;
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  width: 30px;
  height: 17px;
  padding: 0;
  transform: translate3d(0, 0, 0);
}

header .burger-menu:focus {
  outline: none !important;
}

header .burger-menu span {
  z-index: 1;
  color: #000;
  width: 100%;
  height: 3px;
  transition: transform .3s, width .3s, margin .3s, color .3s;
  display: block;
  position: relative;
}

header .burger-menu span:after, header .burger-menu span:before {
  content: "";
  opacity: .99;
  background: #f5f4ed;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
  display: table;
  position: absolute;
  top: 0;
  left: 0;
}

header .burger-menu span:before {
  transform-origin: 100%;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s;
  transform: scaleX(1)translateZ(0);
}

header .burger-menu span:after {
  transform-origin: 0;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  transform: scaleX(0)translateZ(0);
}

header .burger-menu span:first-child {
  margin: 0 auto 7.5px;
}

header .burger-menu span:last-child {
  width: 55%;
  margin-left: auto;
}

header .burger-menu span:last-child:before {
  transform-origin: 100%;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  transform: scaleX(0)translateZ(0);
}

header .burger-menu span:last-child:after {
  transform-origin: 0;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s;
  transform: scaleX(1)translateZ(0);
}

header .burger-menu:hover span:nth-of-type(2n):before {
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s;
  transform: scaleX(1)translateZ(0);
}

header .burger-menu:hover span:nth-of-type(2n):after, header .burger-menu:hover span:before {
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  transform: scaleX(0)translateZ(0);
}

header .burger-menu:hover span:after {
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s;
  transform: scaleX(1)translateZ(0);
}

header .burger-menu.burger-menu-active span:first-child {
  margin-bottom: -3px;
  transform: rotate(45deg);
}

header .burger-menu.burger-menu-active span:last-child {
  width: 100%;
  transform: rotate(135deg);
}

@media screen and (width >= 1024px) {
  header .burger-menu {
    display: none;
  }
}

header .navbar {
  flex-direction: row;
  align-items: center;
  position: relative;
}

@media screen and (width <= 1023.98px) {
  header .navbar {
    width: 100%;
    transition: transform .3s ease-in;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }
}

header .navbar.header-links-active {
  transform: translateX(0);
}

header .navbar.header-links-active:before {
  opacity: .6;
}

header .navbar-wrapper {
  background: #2a2929;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding-top: 150px;
  padding-left: 24px;
  padding-right: 24px;
  transition: padding .6s;
  display: flex;
  overflow: auto;
}

@media screen and (width >= 1024px) {
  header .navbar-wrapper {
    background-color: #0000;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    overflow: visible;
  }
}

header .primary-menu {
  flex-direction: column;
  gap: 40px;
  display: flex;
}

@media screen and (width >= 992px) {
  header .primary-menu {
    gap: 50px;
  }
}

@media screen and (width >= 1024px) {
  header .primary-menu {
    flex-direction: row;
    align-items: center;
  }
}

@media screen and (width >= 1280px) {
  header .primary-menu {
    gap: 80px;
  }
}

header .menu-item {
  cursor: pointer;
  width: fit-content;
  list-style: none;
  transition: color .6s;
  position: relative;
}

header .menu-item .header-link {
  color: #f5f4ed;
}

header .menu-item .header-link:after {
  content: "";
  background-color: #d9d9d9;
  width: 0;
  height: 4px;
  transition: width .6s;
  position: absolute;
  bottom: -10px;
}

header .menu-item .header-link:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: 0;
}

header .menu-item .header-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

header .menu-item .header-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

header .menu-item .header-link.header-link-active {
  color: #d9d9d9;
}

header .menu-item .header-link.header-link-active:after {
  width: 100%;
}

header .menu-item:hover .header-link {
  color: #d9d9d9;
}

header .menu-item:hover .header-link:after {
  width: 100%;
}

header .site-lang-switcher.desktop {
  display: none;
}

@media screen and (width >= 1024px) {
  header .site-lang-switcher.desktop {
    display: block;
  }
}

header .site-lang-switcher.mobile {
  padding-top: 45px;
  display: block;
}

@media screen and (width >= 1024px) {
  header .site-lang-switcher.mobile {
    display: none;
  }
}

#wpadminbar {
  display: none;
}

footer {
  background: #2a2929;
  padding-top: 35px;
  padding-bottom: 35px;
}

@media screen and (width >= 768px) {
  footer {
    padding-top: 39px;
    padding-bottom: 51px;
  }
}

footer .horizontal-card {
  gap: 40px;
}

@media screen and (width >= 768px) {
  footer .horizontal-card {
    gap: 80px;
  }
}

footer .footer-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (width <= 767.98px) {
  footer .footer-wrapper {
    gap: 40px;
  }
}

@media screen and (width >= 768px) {
  footer .footer-wrapper {
    flex-direction: row;
    gap: 160px;
  }
}

footer .footer-wrapper .footer-logo-info .header-logo {
  width: 115px;
  height: 60px;
}

footer .footer-wrapper .right-content {
  gap: 50px;
  width: 100%;
  display: flex;
}

@media screen and (width >= 768px) {
  footer .footer-wrapper .right-content {
    justify-content: space-between;
    width: 30.4%;
  }
}

@media screen and (width >= 992px) {
  footer .footer-wrapper .right-content {
    width: 21.4%;
  }
}

footer .footer-wrapper .right-content .links-wrapper {
  gap: 25px;
}

footer .footer-wrapper .right-content .links-wrapper .link:hover {
  color: #023568;
}

footer .copy-right-social-links {
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
  display: flex;
}

@media screen and (width >= 768px) {
  footer .copy-right-social-links {
    flex-direction: row;
    align-items: center;
  }
}

@media screen and (width >= 1024px) {
  body.rtl footer .copy-right-social-links {
    flex-direction: row-reverse;
  }
}

body.rtl footer .copy-right-social-links .privacy-policy {
  direction: ltr;
}

footer .copy-right-social-links .social-links-wrapper {
  align-items: center;
  gap: 15px;
  display: flex;
}

footer .copy-right-social-links .social-links-wrapper .icon-wrapper {
  width: 17px;
  height: 17px;
}

footer .copy-right-social-links .social-links-wrapper .icon-wrapper img {
  object-fit: contain;
}

.hero_block {
  z-index: 99;
  background-color: #023568;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (width >= 1024px) {
  .hero_block {
    padding-top: 132px;
    padding-bottom: 144px;
  }
}

.hero_block .container {
  z-index: 1;
  position: relative;
}

.hero_block .v-shape {
  width: 22%;
  min-width: 200px;
  height: auto;
  position: absolute;
  top: 0;
}

.hero_block .v-shape:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.hero_block .v-shape:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.hero_block .v-shape:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

body.rtl .hero_block .v-shape g {
  transform-origin: center;
  transform: scaleX(-1);
}

.hero_block .cards-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 45px;
  display: flex;
}

@media screen and (width >= 768px) {
  .hero_block .cards-wrapper {
    flex-direction: row;
    gap: 0;
  }
}

.hero_block .cards-wrapper .left-content {
  gap: 25px;
  width: 100%;
}

@media screen and (width >= 768px) {
  .hero_block .cards-wrapper .left-content {
    width: 52.48%;
  }
}

.hero_block .cards-wrapper .left-content .cta-hero {
  margin-top: 15px;
}

.hero_block .cards-wrapper .right-image {
  width: 100%;
}

@media screen and (width >= 768px) {
  .hero_block .cards-wrapper .right-image {
    width: 41.93%;
  }
}

.hero_block .cards-wrapper .right-image .image {
  padding-top: 114.89%;
}

@media screen and (width <= 991.98px) {
  .get_in_touch_block {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.get_in_touch_block .content-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media screen and (width >= 1280px) {
  .get_in_touch_block .content-wrapper {
    align-items: flex-start;
  }
}

@media screen and (width >= 992px) {
  .get_in_touch_block .content-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .get_in_touch_block .content-wrapper:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 32px;
  }

  .get_in_touch_block .content-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 32px;
  }

  .get_in_touch_block .content-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 32px;
  }
}

@media screen and (width >= 1024px) {
  .get_in_touch_block .content-wrapper:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 120px;
  }

  .get_in_touch_block .content-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 120px;
  }

  .get_in_touch_block .content-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 120px;
  }
}

.get_in_touch_block .content-wrapper .left-content {
  gap: 40px;
  width: 100%;
  position: relative;
}

@media screen and (width <= 991.98px) {
  .get_in_touch_block .content-wrapper .left-content {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (width >= 1024px) {
  .get_in_touch_block .content-wrapper .left-content {
    gap: 200px;
  }
}

@media screen and (width >= 992px) {
  .get_in_touch_block .content-wrapper .left-content {
    width: 35.4%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (width <= 991.98px) {
  .get_in_touch_block .content-wrapper .left-content {
    margin-bottom: 50px;
  }
}

.get_in_touch_block .content-wrapper .left-content .mail-info {
  gap: 11px;
}

.get_in_touch_block .content-wrapper .left-content .mail-info .email {
  align-items: center;
  gap: 11px;
  display: flex;
}

.get_in_touch_block .content-wrapper .left-content .mail-info .email .mail-svg {
  flex-shrink: 0;
  transition: fill .6s;
}

.get_in_touch_block .content-wrapper .left-content .mail-info .email:hover {
  color: #2a2929;
}

.get_in_touch_block .content-wrapper .left-content .mail-info .email:hover .mail-svg path {
  fill: #2a2929;
}

.get_in_touch_block .content-wrapper .contact-us-form-wrapper {
  background-color: #efebe2;
  gap: 30px;
  width: 100%;
  padding: 90px 24px;
}

@media screen and (width >= 992px) {
  .get_in_touch_block .content-wrapper .contact-us-form-wrapper {
    width: 54.09%;
    padding: 110px 30px;
  }
}

@media screen and (width >= 1024px) {
  .get_in_touch_block .content-wrapper .contact-us-form-wrapper {
    gap: 60px;
    padding: 112px 50px 136px;
  }
}

@media screen and (width >= 1280px) {
  .get_in_touch_block .content-wrapper .contact-us-form-wrapper {
    padding: 112px 131px 136px 124px;
  }
}

.page-not-found {
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-not-found .content-wrapper {
  gap: 50px;
}

.page-not-found .content-wrapper .main-cta-button {
  border: #0000;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
}

.page-not-found .main-title {
  font-size: 80px;
}

.about_us_block .hero-image {
  width: 100%;
}

.about_us_block .hero-image .cover-image {
  padding-top: 56.25%;
}

.about_us_block .internal-content {
  background-color: #efebe2;
  width: 70%;
  padding: 30px 20px;
  position: absolute;
  top: 14.32%;
}

@media screen and (width >= 768px) {
  .about_us_block .internal-content {
    width: 48.47%;
  }
}

@media screen and (width >= 1024px) {
  .about_us_block .internal-content {
    padding: 78px 71px 69px 121px;
  }
}

.about_us_block .internal-content.large-media {
  display: none;
}

@media screen and (width >= 1280px) {
  .about_us_block .internal-content.large-media {
    display: flex;
  }
}

.about_us_block .internal-content.small-media {
  width: 100%;
  display: flex;
  position: relative;
}

@media screen and (width >= 1280px) {
  .about_us_block .internal-content.small-media {
    display: none;
  }
}

.our_mission_block {
  background-color: #023568;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (width >= 1024px) {
  .our_mission_block {
    padding-top: 147px;
    padding-bottom: 167px;
  }
}

.our_mission_block .content {
  gap: 28px;
  width: 100%;
}

@media screen and (width >= 992px) {
  .our_mission_block .content {
    width: 79.75%;
  }
}

.our_mission_block .title {
  color: #d9c099;
}

.our_mission_block .description p {
  color: #efebe2;
}

.our_vision_block {
  background-color: #efebe2;
}

.our_vision_block:after {
  content: "";
  z-index: 1;
  background: #d9c099;
  width: 3px;
  height: 24.4%;
  position: absolute;
  bottom: -11%;
}

.our_vision_block:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: 18%;
}

.our_vision_block:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 18%;
}

.our_vision_block:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 18%;
}

@media screen and (width <= 767.98px) {
  .our_vision_block:after {
    display: none;
  }

  .our_vision_block {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.our_vision_block .site-shape {
  z-index: 1;
  width: 66%;
  height: auto;
  position: absolute;
  top: 0;
}

.our_vision_block .site-shape:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.our_vision_block .site-shape:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.our_vision_block .site-shape:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.our_vision_block .cards-wrapper {
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 768px) {
  .our_vision_block .cards-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

@media screen and (width <= 767.98px) {
  .our_vision_block .cards-wrapper {
    gap: 50px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (width >= 768px) {
  .our_vision_block .cards-wrapper:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 32px;
  }

  .our_vision_block .cards-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 32px;
  }

  .our_vision_block .cards-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 32px;
  }
}

@media screen and (width >= 1024px) {
  .our_vision_block .cards-wrapper:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 169px;
  }

  .our_vision_block .cards-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 169px;
  }

  .our_vision_block .cards-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 169px;
  }
}

.our_vision_block .cards-wrapper .left-image-card {
  width: 100%;
}

@media screen and (width >= 768px) {
  .our_vision_block .cards-wrapper .left-image-card {
    width: 52.08%;
  }
}

.our_vision_block .cards-wrapper .left-image-card .left-image {
  padding-top: 125.73%;
}

.our_vision_block .cards-wrapper .right-content {
  gap: 25px;
  width: 100%;
}

@media screen and (width >= 768px) {
  .our_vision_block .cards-wrapper .right-content {
    width: 41.62%;
    margin-bottom: 7.5%;
  }
}

@media screen and (width >= 1280px) {
  .our_vision_block .cards-wrapper .right-content {
    margin-bottom: 17.5%;
  }
}

.our_vision_block .cards-wrapper .right-content .line {
  background-color: #023568;
  border-radius: 3px;
  width: 202px;
  height: 3px;
}

.our_values_block {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (width >= 1024px) {
  .our_values_block {
    padding-top: 135px;
    padding-bottom: 224px;
  }
}

.our_values_block .site-shape {
  width: 35.37%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 767.98px) {
  .our_values_block .site-shape {
    display: none;
  }
}

.our_values_block .values-description {
  gap: 80px;
  margin-top: 80px;
}

@media screen and (width >= 1280px) {
  .our_values_block .values-description {
    padding-left: 98px;
  }
}

body.rtl .our_values_block .values-description {
  padding-left: 0;
}

.our_values_block .values-wrapper {
  grid-template-columns: repeat(1, 1fr);
  gap: 70px;
  display: grid;
}

@media screen and (width >= 992px) {
  .our_values_block .values-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (width >= 1280px) {
  .our_values_block .values-wrapper {
    column-gap: 217px;
  }
}

@media screen and (width <= 991.98px) {
  .our_values_block .values-wrapper {
    max-width: 430px;
  }
}

.our_values_block .values-wrapper .values-card {
  gap: 22px;
  display: flex;
}

.our_values_block .values-wrapper .values-card .index-card {
  position: relative;
}

.our_values_block .values-wrapper .values-card .index-card .index {
  position: absolute;
}

@media screen and (width <= 767.98px) {
  .our_values_block .values-wrapper .values-card .index-card .index {
    font-size: 25px;
  }
}

@media screen and (width <= 599.98px) {
  .our_values_block .values-wrapper .values-card .index-card .svg-card {
    width: 50px;
    height: 50px;
  }
}

body.rtl .our_values_block .values-wrapper .values-card .index-card, body.rtl .our_values_block .values-wrapper .values-card .index-card .index, body.rtl .our_values_block .values-wrapper .values-card .index-card .svg-card {
  transform: scaleX(-1);
}

.map_block {
  padding-top: 139px;
  padding-bottom: 148px;
}

.map_block .site-shape {
  z-index: -1;
  width: 40%;
  max-width: 570px;
  height: auto;
  position: absolute;
  bottom: 0;
}

.map_block .site-shape:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.map_block .site-shape:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.map_block .site-shape:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

body.rtl .map_block .site-shape {
  transform: scale(-1);
}

.map_block .content {
  gap: 5px;
  margin-bottom: 70px;
}

.map_block .content .sub-title {
  position: relative;
}

.map_block .content .sub-title:after {
  content: "";
  background-color: #1c3766;
  width: 22px;
  height: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.map_block .content .sub-title:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: calc(100% + 10px);
}

.map_block .content .sub-title:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: calc(100% + 10px);
}

.map_block .content .sub-title:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: calc(100% + 10px);
}

@media screen and (width >= 1280px) {
  .map_block .content .sub-title:after {
    width: 62px;
  }

  .map_block .content .sub-title:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: calc(100% + 58px);
  }

  .map_block .content .sub-title:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: calc(100% + 58px);
  }

  .map_block .content .sub-title:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: calc(100% + 58px);
  }
}

.our_projects_block {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (width >= 1024px) {
  .our_projects_block {
    padding-top: 124px;
    padding-bottom: 173px;
  }
}

.our_projects_block .container {
  padding: 0;
}

.our_projects_block .main-title {
  color: #023568;
  text-transform: capitalize;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  position: relative;
}

.our_projects_block .main-title:after {
  content: "";
  background-color: #023568;
  width: 3px;
  height: 68px;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
}

@media screen and (width >= 768px) {
  .our_projects_block .main-title:after {
    top: calc(100% + 30px);
  }
}

@media screen and (width >= 992px) {
  .our_projects_block .main-title:after {
    top: calc(100% + 41px);
  }
}

.our_projects_block .projects-title {
  color: #023568;
  text-transform: capitalize;
  text-align: center;
  width: fit-content;
  max-width: 388px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
}

@media screen and (width >= 768px) {
  .our_projects_block .projects-title {
    margin-bottom: 61px;
  }
}

.our_projects_block .projects-wrapper {
  margin-top: 100px;
}

@media screen and (width >= 768px) {
  .our_projects_block .projects-wrapper {
    margin-top: 150px;
  }
}

.our_projects_block .cards-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.our_projects_block .project-card {
  transition: transform .6s;
  position: relative;
  overflow: hidden;
}

@media screen and (width >= 768px) {
  .our_projects_block .project-card {
    transform: scaleY(1);
  }

  .our_projects_block .project-card:hover {
    transform: scaleY(1.164);
  }

  .our_projects_block .project-card:hover .title-wrapper {
    transform: translateY(0);
  }
}

.our_projects_block .project-card .project-image {
  padding-top: 120%;
}

@media screen and (width >= 768px) {
  .our_projects_block .project-card .project-image {
    padding-top: 100.6%;
  }
}

.our_projects_block .project-card .title-wrapper {
  z-index: 2;
  background-color: #efebe2d8;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px 15px 12px;
  transition: transform .6s;
  display: flex;
  position: absolute;
  bottom: 0;
  transform: translateY(0);
}

@media screen and (width >= 768px) {
  .our_projects_block .project-card .title-wrapper {
    padding: 26px 25px 18px;
    transform: translateY(100%);
  }
}

.our_projects_block .project-card .card-title {
  color: #023568;
  text-transform: capitalize;
  text-align: center;
  font-weight: 900;
}

@media screen and (width >= 768px) {
  .our_projects_block .project-card .card-title {
    font-size: 16px;
  }
}

@media screen and (width >= 992px) {
  .our_projects_block .project-card .card-title {
    font-size: 20px;
  }
}

.our_projects_block .project-card .about_project {
  text-align: center;
  color: #023568;
  max-width: 362px;
  margin-top: 8px;
}

@media screen and (width >= 768px) {
  .our_projects_block .project-card .about_project {
    max-width: 262px;
  }
}

.our_projects_block .project-card .about_project p {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 100%;
  display: -webkit-box;
  overflow: hidden;
}

.our_projects_block .project-card .arrow-svg {
  margin-top: 12px;
}

.our_projects_block .projects-swiper {
  position: relative;
}

.our_projects_block .swiper-button-next, .our_projects_block .swiper-button-prev {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.our_projects_block .swiper-button-prev {
  left: 10px;
}

@media screen and (width >= 768px) {
  .our_projects_block .swiper-button-prev {
    left: 36px;
  }
}

.our_projects_block .swiper-button-next {
  right: 10px;
}

@media screen and (width >= 768px) {
  .our_projects_block .swiper-button-next {
    right: 36px;
  }
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=index.css.map */