@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
  text-decoration: none; }

a {
  color: inherit !important; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.color-textBlack {
  color: #1c1c1c; }

.ft-opensans {
  font-family: 'Open Sans', sans-serif !important; }

.section__title {
  font-family: 'Open Sans', sans-serif !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px;
  text-align: center; }
  .section__title .point {
    color: #e24262;
    -webkit-text-fill-color: #e24262;
    -webkit-text-stroke: none; }

h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px; }

h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px; }

h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px; }

h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  line-height: 88px;
  /* identical to box height, or 126% */
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on; }
  @media (max-width: 991px) {
    h4 {
      font-size: 40px; } }

h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.2px; }

.lang {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px; }

.body {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px; }

.button-medium {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  letter-spacing: 0.4px; }

.secondary-regular {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  letter-spacing: 0.4px; }

.question {
  color: inherit;
  position: relative; }
  .question:before {
    content: '.';
    position: absolute;
    left: 9px;
    top: -5px;
    font-size: 130%;
    color: #e24262;
    -webkit-text-fill-color: #e24262;
    -webkit-text-stroke: none; }
    @media (max-width: 991px) {
      .question:before {
        left: 5px;
        top: -3px; } }

.question-wwd:before {
  left: 1px;
  top: -7px; }
  @media (max-width: 991px) {
    .question-wwd:before {
      left: 0.5px;
      top: -4px; } }

.color-textBlack {
  color: #1c1c1c; }

.color-textBlack {
  color: #1c1c1c; }

header {
  padding: 12px 0;
  z-index: 10;
  background: #ffffff;
  transition: 0.4s ease-in-out;
  height: 65px;
  z-index: 100; }
  header .lang {
    color: #a5a5a5 !important;
    transition: color 0.5s; }
    header .lang:hover {
      color: #e24262 !important; }
  header nav ul {
    gap: 32px; }
    header nav ul li a {
      color: #447583 !important;
      transition: color 0.5s; }
      header nav ul li a:hover {
        color: #e24262 !important; }
        header nav ul li a:hover svg g path {
          transition: fll 0.4s;
          fill: #e24262 !important; }
  header .burger-menu {
    z-index: 100;
    top: 0;
    cursor: pointer; }
  header .icon {
    position: relative;
    cursor: pointer;
    height: 20px;
    right: 13px;
    width: 18px;
    top: 10px;
    display: inline-block; }
    header .icon span {
      background-color: #395368;
      position: absolute;
      border-radius: 2px;
      transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
      width: 18px;
      height: 2px;
      transition-duration: 600ms;
      left: 0px; }
      header .icon span:nth-child(1) {
        top: 0px; }
      header .icon span:nth-child(2) {
        top: 8px;
        width: 12px;
        left: 6px;
        opacity: 1; }
      header .icon span:nth-child(3) {
        top: 16px; }
  header .active {
    color: #e24262 !important; }

.navbar-active {
  height: 100vh;
  background-color: #ffffff;
  overflow: hidden; }
  .navbar-active .language {
    display: flex !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 110px; }
  .navbar-active nav ul {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 184px;
    width: 100%; }
    .navbar-active nav ul h1 {
      text-align: center;
      font-weight: 700;
      font-size: 20px;
      line-height: 24px; }
  .navbar-active .logo {
    position: absolute;
    left: 13px; }
  .navbar-active .icon span:nth-child(1) {
    transform: rotate(45deg);
    top: 13px; }
  .navbar-active .icon span:nth-child(2) {
    opacity: 0; }
  .navbar-active .icon span:nth-child(3) {
    transform: rotate(-45deg);
    top: 13px; }

.fixed-position {
  overflow: hidden; }

.color-textBlack {
  color: #1c1c1c; }

footer {
  background: #ffffff;
  padding: 20px 0; }
  footer h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1c1c1c;
    text-transform: none; }
  footer h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    color: #395368; }
  footer .icon__area {
    background: #395368;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    display: grid;
    place-items: center;
    min-width: 40px;
    min-height: 40px;
    border-radius: 100px; }
    footer .icon__area:hover {
      outline: 2px solid rgba(57, 83, 104, 0.2);
      outline-offset: 8px;
      border-radius: 100px; }
  footer .social-media__group {
    cursor: pointer;
    transition: 0.2s ease-in-out; }
    footer .social-media__group:hover {
      outline: 1px solid rgba(57, 83, 104, 0.2);
      outline-offset: 8px;
      border-radius: 100px; }
  footer .copyright {
    border-top: 0.5px solid rgba(0, 0, 0, 0.5); }
    footer .copyright .secondary-regular {
      color: #a5a5a5;
      margin-top: 20px; }

.fixed-position .social-media {
  position: fixed;
  bottom: 50px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%); }

.color-textBlack {
  color: #1c1c1c; }

.page-404 {
  min-height: 85vh;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .page-404__card {
    background: #ffffff;
    box-shadow: 0px 0px 70px -4px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    padding: 80px 20px; }
    .page-404__card h2 {
      font-weight: 700;
      font-size: 48px;
      line-height: 65px;
      letter-spacing: 0.2em;
      /* main color */
      color: #e24262; }
    .page-404__card h3 {
      color: #447583;
      font-weight: 600;
      font-size: 24px;
      line-height: 33px; }

body {
  font-family: 'Montserrat', sans-serif !important; }

body {
  background: url(/img/backgrounds/background.jpg) no-repeat center;
  background-size: cover;
  height: 100%; }

.mt-80 {
  margin-top: 80px; }
  @media (max-width: 991px) {
    .mt-80 {
      margin-top: 50px; } }

.mt-50 {
  margin-top: 50px; }
  @media (max-width: 991px) {
    .mt-50 {
      margin-top: 30px; } }

.mt-30 {
  margin-top: 30px; }
  @media (max-width: 991px) {
    .mt-30 {
      margin-top: 20px; } }

main .content {
  padding-top: 185px;
  padding-bottom: 85px; }
  @media (max-width: 991px) {
    main .content {
      padding-top: 110px;
      padding-bottom: 0; } }
  main .content__left {
    z-index: 1; }
    @media (min-width: 991px) {
      main .content__left {
        min-height: 344px;
        max-height: 344px; } }
    @media (max-width: 991px) {
      main .content__left h4 {
        font-size: 40px;
        line-height: 150%; } }
  @media (min-width: 991px) {
    main .content__right {
      position: absolute; } }
  main .content__right .content__img {
    border-radius: 30px 0px;
    max-height: 344px;
    min-height: 344px;
    width: 100%;
    object-fit: cover; }
    @media (max-width: 991px) {
      main .content__right .content__img {
        max-height: 221px;
        min-height: 221px; } }

main .about-us {
  padding-top: 100px;
  color: white; }
  @media (max-width: 991px) {
    main .about-us {
      padding-top: 50px; } }
  main .about-us__left img {
    border-radius: 0px 30px; }
  main .about-us__right .col-lg-10 {
    margin-top: 130px; }
    @media (max-width: 991px) {
      main .about-us__right .col-lg-10 {
        margin-top: 150px; } }
    main .about-us__right .col-lg-10 .cover-img {
      border-radius: 30px 0px; }
  main .about-us__right--dots {
    z-index: -1;
    right: -90px;
    top: 0;
    position: absolute; }
  main .about-us .gap-50 {
    gap: 50px; }
    @media (max-width: 991px) {
      main .about-us .gap-50 {
        gap: 20px; } }
  main .about-us__item {
    border: 2px solid #ffffff;
    flex: 0 1 calc(20% - 0px);
    border-radius: 30px 0px;
    padding: 30px 60px;
    padding-top: 0px; }
    @media (max-width: 991px) {
      main .about-us__item {
        flex: 0 1 calc(33% - 20px); } }
    main .about-us__item h4 {
      font-size: 64px !important;
      font-weight: 700 !important; }
      @media (max-width: 991px) {
        main .about-us__item h4 {
          font-weight: 600;
          font-size: 24px !important;
          line-height: 29px; } }
      main .about-us__item h4 span {
        color: #e24262; }
        @media (max-width: 991px) {
          main .about-us__item h4 span {
            font-weight: 600;
            font-size: 24px;
            line-height: 29px; } }
    main .about-us__item p {
      font-weight: 700 !important;
      font-size: 24px !important;
      line-height: 24px !important; }
      @media (max-width: 991px) {
        main .about-us__item p {
          font-weight: 700 !important;
          font-size: 16px !important;
          line-height: 24px !important; } }
    @media (max-width: 991px) {
      main .about-us__item {
        min-height: 100px;
        padding: 10px 5px;
        border: 1px solid #ffffff; } }

main .wwd {
  padding-top: 100px;
  color: white; }
  @media (max-width: 991px) {
    main .wwd {
      padding-top: 50px; } }
  main .wwd__icon-area {
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-radius: 100%; }
    main .wwd__icon-area img {
      max-width: 40px;
      max-height: 40px;
      min-width: 40px;
      min-height: 40px; }
  @media (max-width: 991px) {
    main .wwd p.body {
      font-weight: 400;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.4px; } }

main .our-works {
  padding-top: 80px;
  color: white; }
  @media (max-width: 991px) {
    main .our-works {
      padding-top: 50px; } }
  main .our-works a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px; }
  main .our-works .swiper-slide {
    width: 37%;
    overflow: hidden;
    border-radius: 30px 0px 30px 0;
    object-fit: cover;
    position: relative;
    cursor: pointer; }
    main .our-works .swiper-slide .backdrop {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 100;
      width: 100%;
      display: flex;
      opacity: 0;
      border-radius: 18px 0px;
      max-height: calc(100% - 42px);
      justify-content: center;
      align-items: center;
      transition: opacity 0.3s ease-in-out; }
      main .our-works .swiper-slide .backdrop button {
        background: #e24262;
        padding: 17px 48px;
        border-radius: 30px 0px;
        color: white;
        cursor: pointer;
        transition: all 0.3s; }
        main .our-works .swiper-slide .backdrop button:hover {
          filter: contrast(1.4); }
    main .our-works .swiper-slide:hover .backdrop {
      opacity: 1; }
    @media (max-width: 991px) {
      main .our-works .swiper-slide {
        width: 85%; } }
    main .our-works .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 18px 0px;
      max-height: 331px; }

main .partners {
  padding-top: 100px;
  color: white; }
  @media (max-width: 991px) {
    main .partners {
      padding-top: 50px; } }
  main .partners .swiper-slide {
    width: 240px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    padding: 30px;
    border-radius: 30px; }
    @media (max-width: 991px) {
      main .partners .swiper-slide {
        width: 50%; } }
    main .partners .swiper-slide img {
      max-width: 80px;
      max-height: 80px;
      min-width: 80px;
      min-height: 80px;
      object-fit: cover; }

main .contact {
  padding: 100px 0;
  color: white; }
  @media (max-width: 991px) {
    main .contact {
      padding: 70px 0; } }
  @media only screen and (max-width: 991px) {
    main .contact__header {
      line-height: 50px; } }
  main .contact input,
  main .contact textarea {
    border-radius: 5px;
    padding: 13px 15px;
    border: 0;
    background: transparent !important;
    border-bottom: 1px solid #ffffff;
    color: white !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    resize: none;
    letter-spacing: 0.4px;
    width: 100%; }
    main .contact input::placeholder,
    main .contact textarea::placeholder {
      color: #ffffff;
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      letter-spacing: 0.03em; }
    main .contact input:focus,
    main .contact textarea:focus {
      outline: 0 none; }
  main .contact button {
    text-align: center;
    background: #55aeaf;
    border-radius: 30px 0;
    padding: 17px 32px;
    border: 0;
    color: inherit; }

.color-textBlack {
  color: #1c1c1c; }

.page-404 {
  min-height: 85vh;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .page-404__card {
    background: #ffffff;
    box-shadow: 0px 0px 70px -4px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    padding: 80px 20px; }
    .page-404__card h2 {
      font-weight: 700;
      font-size: 48px;
      line-height: 65px;
      letter-spacing: 0.2em;
      /* main color */
      color: #e24262; }
    .page-404__card h3 {
      color: #447583;
      font-weight: 600;
      font-size: 24px;
      line-height: 33px; }

.color-textBlack {
  color: #1c1c1c; }

.our-works__page {
  padding: 50px 0;
  margin-top: 65px;
  background: #ffffff; }
  .our-works__page .breadcrumb nav ul {
    gap: 16px; }
    .our-works__page .breadcrumb nav ul li {
      color: rgba(0, 0, 0, 0.3);
      display: flex;
      align-items: center; }
      .our-works__page .breadcrumb nav ul li::after {
        content: url(/img/icons/breadcrumb-divider.svg);
        margin-left: 16px; }
  .our-works__page .breadcrumb--active {
    color: #e24262 !important; }
    .our-works__page .breadcrumb--active a {
      cursor: default;
      pointer-events: none; }
  .our-works__page .header--text {
    color: #447583; }
  .our-works__page--card {
    position: relative;
    cursor: pointer; }
    .our-works__page--card div {
      border-radius: 30px 0px;
      overflow: hidden; }
      .our-works__page--card div img {
        max-height: 380px;
        min-height: 380px;
        width: 100%;
        object-fit: cover; }
        @media (max-width: 991px) {
          .our-works__page--card div img {
            max-height: 220px;
            min-height: 220px; } }
      .our-works__page--card div .our-works__page--card-single {
        max-height: 690px;
        min-height: 690px;
        width: 100%;
        object-fit: cover; }
        @media (max-width: 991px) {
          .our-works__page--card div .our-works__page--card-single {
            max-height: 220px;
            min-height: 220px; } }
    .our-works__page--card .backdrop {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 50;
      width: 100%;
      display: flex;
      opacity: 0;
      border-radius: 18px 0px;
      max-height: 380px;
      justify-content: center;
      align-items: center;
      transition: opacity 0.3s ease-in-out; }
      @media (max-width: 991px) {
        .our-works__page--card .backdrop {
          max-height: 220px; } }
      .our-works__page--card .backdrop button {
        background: #e24262;
        padding: 17px 48px;
        border-radius: 30px 0px;
        color: white;
        cursor: pointer;
        transition: all 0.3s; }
        .our-works__page--card .backdrop button:hover {
          filter: contrast(1.4); }
    .our-works__page--card:hover .backdrop {
      opacity: 1; }

.custom-button {
  padding: 10px 27px;
  background: #447583;
  color: white;
  border: 0;
  border-radius: 30px 0;
  transition: background 0.3s ease-in-out; }
  .custom-button:hover {
    background: #e24262; }

.circular-progress {
  position: relative;
  height: 130px;
  width: 130px;
  border-radius: 50%;
  display: grid;
  place-items: center; }

.circular-progress:before {
  content: '';
  position: absolute;
  height: 80%;
  width: 80%;
  background-color: #ffffff;
  border-radius: 50%; }

.value-container {
  position: relative; }
  .value-container h2 {
    background: linear-gradient(180deg, #5dbfbd 0.05%, #51999f 25.05%, #416b7b 59.05%, #384e64 85.05%, #34435c 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    font-size: 32px; }

.progress-bars__item p {
  color: rgba(28, 28, 28, 0.5); }