/*
    Project: Nanomed
    Developed by: Eximius-Solutions

    Table of content:
    01. Colors
    02. Background colors
    03. Fonts
    04. Globals
    05. Partials
    06. Components
    07. Spacings
*/
/* 
    ==== Colors ==== 
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
.text-color-pure-black {
  color: #000000;
}

.text-color-white {
  color: #ffffff;
}

.text-color-yellow {
  color: #febc42;
}

.text-color-blue {
  color: #05678d;
}

.text-color-gray {
  color: #6e6d6d;
}

.link-color-blue {
  color: #05678d;
}

.link-color-yellow {
  color: #febc42;
}

.link-color-black {
  color: #000000;
}

/* 
    ==== Backgrounds ==== 
*/
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
.bg-white {
  background-color: #ffffff;
}

.bg-blue-green-gradient {
  background-image: linear-gradient(to right, #05678d, #00aba6);
}

.bg-green-blue-gradient {
  background-image: linear-gradient(to right, #00aba6, #05678d);
}

.bg-blue-green-gradient-to-bottom {
  background-image: linear-gradient(to bottom, #05678d, #00aba6);
}

.bg-green-blue-gradient-to-bottom {
  background-image: linear-gradient(to bottom, #00aba6, #05678d);
}

/* 
    ==== Fonts ==== 
*/
/*
    File Name: _fonts.scss

    Description:
    This is the fonts SCSS file that imports styles realted to fonts.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== FONT FAMILY ====

    Description:
        All font familys used accros the project.

    Modificators:
        No modificators.
*/
@font-face {
  font-family: "primary-light";
  src: url("../../fonts/Poppins-Light.woff2");
  font-display: swap;
}
@font-face {
  font-family: "primary-regular";
  src: url("../../fonts/Poppins-Regular.woff2");
  font-display: swap;
}
@font-face {
  font-family: "primary-medium";
  src: url("../../fonts/Poppins-Medium.woff2");
  font-display: swap;
}
@font-face {
  font-family: "primary-semi-bold";
  src: url("../../fonts/Poppins-SemiBold.woff2");
  font-display: swap;
}
@font-face {
  font-family: "primary-bold";
  src: url("../../fonts/Poppins-Bold.woff2");
  font-display: swap;
}
@font-face {
  font-family: "primary-italic";
  src: url("../../fonts/Poppins-Italic.woff2");
  font-display: swap;
}
@font-face {
  font-family: "secondary-bold";
  src: url("../../fonts/Montserrat-Bold.woff2");
  font-display: swap;
}
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
.font--extra-small {
  font-size: 1.4rem;
}

.font--small {
  font-size: 1.8rem;
}

.font--medium-small {
  font-size: 2.4rem;
}

.font--medium {
  font-size: 3.6rem;
}

.font--large {
  font-size: 4.2rem;
}

.font--medium-large {
  font-size: 4.8rem;
}

.font--extra-large {
  font-size: 7.2rem;
}

/* 
    ==== Global ==== 
*/
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== GLOBALS ====

    Description:
        Global styles.

    Modificators:
        No modificators.
*/
:root {
  font-size: 62.5%;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

html.screen-locked {
  overflow-y: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  color: #000000;
  padding-top: var(--headerHeight, 99px);
}

h1 {
  font-family: "secondary-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 7.2rem;
  line-height: 7.2rem;
  margin-top: 70px;
  margin-bottom: 40px;
}

h2 {
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 4.8rem;
  line-height: 4.8rem;
  margin-top: 70px;
  margin-bottom: 35px;
}

h3 {
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 4.2rem;
  line-height: 4.2rem;
  margin-top: 65px;
  margin-bottom: 30px;
}

h4 {
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 3.6rem;
  line-height: 3.6rem;
  margin-top: 60px;
  margin-bottom: 25px;
}

h5 {
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-top: 40px;
  margin-bottom: 20px;
}

h6 {
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-top: 30px;
  margin-bottom: 20px;
}

:is(h1, h2, h3, h4, h5, h6) .dot {
  color: #febc42;
}

:is(h1, h2, h3, h4, h5, h6).line-decoration {
  position: relative;
  padding-bottom: 35px;
}
:is(h1, h2, h3, h4, h5, h6).line-decoration::before {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  position: absolute;
  background: linear-gradient(to right, #05678d, #00aba6);
  display: inline-block;
  left: 0;
  bottom: 0;
}
:is(h1, h2, h3, h4, h5, h6).line-decoration.line-decoration--yellow::before {
  background: #febc42 !important;
}
:is(h1, h2, h3, h4, h5, h6).line-decoration.line-decoration--green::before {
  background: #02c39a !important;
}

a {
  color: #05678d;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
a:hover {
  text-decoration: underline;
}

p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

strong {
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

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

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

blockquote {
  position: relative;
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 35px 0;
  padding-left: 25px;
  color: #000000;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
blockquote a {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
blockquote::before {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #febc42;
}

ul {
  padding-left: 0;
}
ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
ul li:last-child {
  margin-bottom: 0;
}
ul li::before {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 9px;
  background-image: url("../../img/icons/icon--double-arrow-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
ul li a {
  color: #000000;
}

ol {
  padding-left: 15px;
}
ol li::marker {
  color: #05678d;
}

table {
  width: 100%;
  border: 2px solid #d5d5d2;
  border-collapse: collapse;
  margin-top: 100px;
  margin-bottom: 100px;
}
table td {
  border: 2px solid #d5d5d2;
  padding: 35px 40px;
  vertical-align: middle;
}
table td *:first-child {
  margin-top: 0;
}
table td *:last-child {
  margin-bottom: 0;
}
table td .content-separator {
  height: 2px;
  width: calc(100% + 80px);
  margin: 35px 0;
  background-color: #d5d5d2;
  margin-left: -40px;
}
table th {
  font-weight: normal;
  padding: 10px 40px;
  border: 2px solid #d5d5d2;
  border-bottom: 2px solid #febc42;
}
table .button + .button, table .bg-blue-green-gradient .button--fourth + .button, .bg-blue-green-gradient table .button--fourth + .button,
table .bg-green-blue-gradient .button--fourth + .button,
.bg-green-blue-gradient table .button--fourth + .button,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button, table .bg-blue-green-gradient .button + .button--fourth, .bg-blue-green-gradient table .button + .button--fourth, table .bg-blue-green-gradient .button--fourth + .button--fourth, .bg-blue-green-gradient table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient .bg-green-blue-gradient table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient .bg-blue-green-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient .bg-green-blue-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .button + .button--fourth,
.bg-green-blue-gradient table .button + .button--fourth,
table .bg-blue-green-gradient .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient .bg-blue-green-gradient table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient .bg-blue-green-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient .bg-green-blue-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button + .button--fourth,
table .bg-blue-green-gradient .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom .bg-blue-green-gradient table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom .bg-green-blue-gradient table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom .bg-green-blue-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button + .button--fourth,
table .bg-blue-green-gradient .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .bg-blue-green-gradient .button--fourth + .button--fourth,
.bg-blue-green-gradient table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom .bg-blue-green-gradient table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom .bg-green-blue-gradient table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom .bg-blue-green-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--fourth, table .button--fourth + .button, table .bg-blue-green-gradient .button--fourth + .button--fourth, .bg-blue-green-gradient table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--fourth, table .button + .button--fourth, table .bg-blue-green-gradient .button--fourth + .button--fourth, .bg-blue-green-gradient table .button--fourth + .button--fourth,
table .bg-green-blue-gradient .button--fourth + .button--fourth,
.bg-green-blue-gradient table .button--fourth + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--fourth, table .button--fourth + .button--fourth, table .button--arrow + .button, table .bg-blue-green-gradient .button--arrow + .button--fourth, .bg-blue-green-gradient table .button--arrow + .button--fourth,
table .bg-green-blue-gradient .button--arrow + .button--fourth,
.bg-green-blue-gradient table .button--arrow + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--arrow + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--arrow + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--arrow + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--arrow + .button--fourth, table .button--arrow + .button--fourth, table .button + .button--arrow, table .bg-blue-green-gradient .button--fourth + .button--arrow, .bg-blue-green-gradient table .button--fourth + .button--arrow,
table .bg-green-blue-gradient .button--fourth + .button--arrow,
.bg-green-blue-gradient table .button--fourth + .button--arrow,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--arrow,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--arrow,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--arrow,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--arrow, table .button--fourth + .button--arrow, table .button--arrow + .button--arrow, table .button--arrow-with-outline + .button, table .bg-blue-green-gradient .button--arrow-with-outline + .button--fourth, .bg-blue-green-gradient table .button--arrow-with-outline + .button--fourth,
table .bg-green-blue-gradient .button--arrow-with-outline + .button--fourth,
.bg-green-blue-gradient table .button--arrow-with-outline + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--arrow-with-outline + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--arrow-with-outline + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--arrow-with-outline + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--arrow-with-outline + .button--fourth, table .button--arrow-with-outline + .button--fourth, table .button--arrow-with-outline + .button--arrow, table .button + .button--arrow-with-outline, table .bg-blue-green-gradient .button--fourth + .button--arrow-with-outline, .bg-blue-green-gradient table .button--fourth + .button--arrow-with-outline,
table .bg-green-blue-gradient .button--fourth + .button--arrow-with-outline,
.bg-green-blue-gradient table .button--fourth + .button--arrow-with-outline,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--arrow-with-outline,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--arrow-with-outline,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--arrow-with-outline,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--arrow-with-outline, table .button--fourth + .button--arrow-with-outline, table .button--arrow + .button--arrow-with-outline, table .button--arrow-with-outline + .button--arrow-with-outline, table .button--tertiary + .button, table .bg-blue-green-gradient .button--tertiary + .button--fourth, .bg-blue-green-gradient table .button--tertiary + .button--fourth,
table .bg-green-blue-gradient .button--tertiary + .button--fourth,
.bg-green-blue-gradient table .button--tertiary + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--tertiary + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--tertiary + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--tertiary + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--tertiary + .button--fourth, table .button--tertiary + .button--fourth, table .button--tertiary + .button--arrow, table .button--tertiary + .button--arrow-with-outline, table .button + .button--tertiary, table .bg-blue-green-gradient .button--fourth + .button--tertiary, .bg-blue-green-gradient table .button--fourth + .button--tertiary,
table .bg-green-blue-gradient .button--fourth + .button--tertiary,
.bg-green-blue-gradient table .button--fourth + .button--tertiary,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--tertiary,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--tertiary,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--tertiary,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--tertiary, table .button--fourth + .button--tertiary, table .button--arrow + .button--tertiary, table .button--arrow-with-outline + .button--tertiary, table .button--tertiary + .button--tertiary, table .button--secondary + .button, table .bg-blue-green-gradient .button--secondary + .button--fourth, .bg-blue-green-gradient table .button--secondary + .button--fourth,
table .bg-green-blue-gradient .button--secondary + .button--fourth,
.bg-green-blue-gradient table .button--secondary + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--secondary + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--secondary + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--secondary + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--secondary + .button--fourth, table .button--secondary + .button--fourth, table .button--secondary + .button--arrow, table .button--secondary + .button--arrow-with-outline, table .button--secondary + .button--tertiary, table .button + .button--secondary, table .bg-blue-green-gradient .button--fourth + .button--secondary, .bg-blue-green-gradient table .button--fourth + .button--secondary,
table .bg-green-blue-gradient .button--fourth + .button--secondary,
.bg-green-blue-gradient table .button--fourth + .button--secondary,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--secondary,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--secondary,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--secondary,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--secondary, table .button--fourth + .button--secondary, table .button--arrow + .button--secondary, table .button--arrow-with-outline + .button--secondary, table .button--tertiary + .button--secondary, table .button--secondary + .button--secondary, table .button--primary + .button, table .bg-blue-green-gradient .button--primary + .button--fourth, .bg-blue-green-gradient table .button--primary + .button--fourth,
table .bg-green-blue-gradient .button--primary + .button--fourth,
.bg-green-blue-gradient table .button--primary + .button--fourth,
table .bg-blue-green-gradient-to-bottom .button--primary + .button--fourth,
.bg-blue-green-gradient-to-bottom table .button--primary + .button--fourth,
table .bg-green-blue-gradient-to-bottom .button--primary + .button--fourth,
.bg-green-blue-gradient-to-bottom table .button--primary + .button--fourth, table .button--primary + .button--fourth, table .button--primary + .button--arrow, table .button--primary + .button--arrow-with-outline, table .button--primary + .button--tertiary, table .button--primary + .button--secondary, table .button + .button--primary, table .bg-blue-green-gradient .button--fourth + .button--primary, .bg-blue-green-gradient table .button--fourth + .button--primary,
table .bg-green-blue-gradient .button--fourth + .button--primary,
.bg-green-blue-gradient table .button--fourth + .button--primary,
table .bg-blue-green-gradient-to-bottom .button--fourth + .button--primary,
.bg-blue-green-gradient-to-bottom table .button--fourth + .button--primary,
table .bg-green-blue-gradient-to-bottom .button--fourth + .button--primary,
.bg-green-blue-gradient-to-bottom table .button--fourth + .button--primary, table .button--fourth + .button--primary, table .button--arrow + .button--primary, table .button--arrow-with-outline + .button--primary, table .button--tertiary + .button--primary, table .button--secondary + .button--primary, table .button--primary + .button--primary {
  margin-top: 25px;
}

@media (max-width: 1200px) {
  table th {
    width: auto;
  }
}
@media (max-width: 991px) {
  table {
    table-layout: fixed;
    border: none;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table td::before {
    content: attr(data-label);
    float: left;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #febc42;
    padding-bottom: 10px;
  }
  table td {
    display: block;
  }
  table td.text-left, table td.text-right {
    text-align: center !important;
  }
  table td:not(:last-child) {
    border-bottom: none;
  }
  .content-separator {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
@media (max-width: 575px) {
  table td {
    padding: 20px;
  }
}
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}
.text-center ul,
.text-center ol {
  display: grid;
  text-align: left;
  justify-content: center;
}

.text-right {
  text-align: right !important;
}
.text-right ul,
.text-right ol {
  display: grid;
  text-align: left;
  justify-content: flex-end;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.rotate {
  transform: rotate(180deg) !important;
}

.display-block {
  display: block !important;
}

.display-none {
  display: none !important;
}

.element-centered {
  display: block;
  margin: 0 auto;
}

.border-1px-solid-gray {
  border: 1px solid #b7b7b7;
}

.border-1px-solid-light-gray {
  border: 1px solid #ececec;
}

.border-radius-20px {
  border-radius: 20px;
}

.screen-locked.ios-device {
  position: fixed;
  touch-action: manipulation;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.screen-locked.ios-device .popup-wrapper {
  opacity: 0.8;
}

.bg-blue-green-gradient,
.bg-green-blue-gradient,
.bg-blue-green-gradient-to-bottom,
.bg-green-blue-gradient-to-bottom {
  color: #ffffff;
}
.bg-blue-green-gradient a,
.bg-green-blue-gradient a,
.bg-blue-green-gradient-to-bottom a,
.bg-green-blue-gradient-to-bottom a {
  color: #febc42;
}
.bg-blue-green-gradient p,
.bg-blue-green-gradient button,
.bg-green-blue-gradient p,
.bg-green-blue-gradient button,
.bg-blue-green-gradient-to-bottom p,
.bg-blue-green-gradient-to-bottom button,
.bg-green-blue-gradient-to-bottom p,
.bg-green-blue-gradient-to-bottom button {
  color: #ffffff;
}
.bg-blue-green-gradient blockquote,
.bg-green-blue-gradient blockquote,
.bg-blue-green-gradient-to-bottom blockquote,
.bg-green-blue-gradient-to-bottom blockquote {
  color: #ffffff;
}
.bg-blue-green-gradient ul,
.bg-green-blue-gradient ul,
.bg-blue-green-gradient-to-bottom ul,
.bg-green-blue-gradient-to-bottom ul {
  color: #ffffff;
}
.bg-blue-green-gradient ul li::marker,
.bg-green-blue-gradient ul li::marker,
.bg-blue-green-gradient-to-bottom ul li::marker,
.bg-green-blue-gradient-to-bottom ul li::marker {
  color: #febc42;
}
.bg-blue-green-gradient ul li::before,
.bg-green-blue-gradient ul li::before,
.bg-blue-green-gradient-to-bottom ul li::before,
.bg-green-blue-gradient-to-bottom ul li::before {
  background-image: url("../../img/icons/icon--double-arrow-yellow.svg");
}
.bg-blue-green-gradient ul li a,
.bg-green-blue-gradient ul li a,
.bg-blue-green-gradient-to-bottom ul li a,
.bg-green-blue-gradient-to-bottom ul li a {
  color: #ffffff;
}
.bg-blue-green-gradient ol,
.bg-green-blue-gradient ol,
.bg-blue-green-gradient-to-bottom ol,
.bg-green-blue-gradient-to-bottom ol {
  color: #ffffff;
}
.bg-blue-green-gradient ol li::marker,
.bg-green-blue-gradient ol li::marker,
.bg-blue-green-gradient-to-bottom ol li::marker,
.bg-green-blue-gradient-to-bottom ol li::marker {
  color: #febc42;
}
.bg-blue-green-gradient ol li a,
.bg-green-blue-gradient ol li a,
.bg-blue-green-gradient-to-bottom ol li a,
.bg-green-blue-gradient-to-bottom ol li a {
  color: #ffffff;
}

section .section-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
section .section-bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
section .section-bg-image.overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to right, #05678d, #00aba6);
  opacity: 0.85;
}
section.bg-blue-green-gradient .section-bg-image.overlay::before {
  background: linear-gradient(to right, #05678d, #00aba6);
}
section.bg-green-blue-gradient .section-bg-image.overlay::before {
  background: linear-gradient(to right, #00aba6, #05678d);
}
section.bg-blue-green-gradient-to-bottom .section-bg-image.overlay::before {
  background: linear-gradient(to bottom, #05678d, #00aba6);
}
section.bg-green-blue-gradient-to-bottom .section-bg-image.overlay::before {
  background: linear-gradient(to bottom, #00aba6, #05678d);
}
section .container-fluid {
  z-index: 3;
}

.outline-decoration {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.outline-decoration .outline-decoration-title {
  position: relative;
}
.outline-decoration .outline-decoration-title::before {
  content: "";
  width: 5px;
  height: calc(100% + 20px);
  position: absolute;
  left: -30px;
  top: -10px;
  bottom: 0;
  background-color: #febc42;
}
.outline-decoration::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #febc42;
}

.separator {
  width: 100%;
  height: 2px;
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: #ececec;
}

@media (min-width: 576px) {
  html.screen-locked {
    padding-right: 17px;
  }
  html.screen-locked header {
    padding-right: 17px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-family: "secondary-bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 4.8rem;
    line-height: 4.8rem;
    margin-top: 65px;
    margin-bottom: 30px;
  }
  h2 {
    font-family: "primary-bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 4.2rem;
    line-height: 4.2rem;
    margin-top: 65px;
    margin-bottom: 30px;
  }
  h3 {
    font-family: "primary-bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 3.8rem;
    line-height: 3.8rem;
    margin-top: 65px;
    margin-bottom: 30px;
  }
  h4 {
    font-family: "primary-bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-top: 60px;
    margin-bottom: 25px;
  }
  h5 {
    font-family: "primary-bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  h6 {
    font-family: "primary-bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
/* 
    ==== Partials ==== 
*/
/*
    File Name: _partials.scss

    Description:
    This is the partials SCSS file that imports all partials.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== HEADER ====

    Description: 
        This is header of website. Also, this file contains style for main site menu.

    Modificators:
        No modificators.
*/
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== NAVIGATION MENU ====

    Description: 
        This is navigation menu in header.

    Modificators:
        No modificators.
*/
header .navigation-menu {
  display: flex;
  align-items: center;
  flex-direction: column;
  /*
      ==== FIRST LEVEL ====
  */
  /*
      ==== SECOND LEVEL ====
  */
  /*
      ==== THIRD LEVEL ====
  */
}
header .navigation-menu ul {
  margin: 0;
  padding: 0;
}
header .navigation-menu ul.active {
  display: block;
}
header .navigation-menu ul li {
  position: relative;
  padding-left: 0;
  list-style: none;
  display: inline-block;
  margin-right: 50px;
  padding-left: 0;
  margin-bottom: 0;
}
header .navigation-menu ul li::before {
  content: none;
}
header .navigation-menu ul li a {
  display: inline-block;
  font-size: 1.8rem;
}
header .navigation-menu .dropdown-button {
  padding: 10px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: -30px;
  top: 0;
  transition: 0.2s ease;
  border: 0;
  background: none;
}
header .navigation-menu .dropdown-button.active {
  transform: rotate(180deg);
  transition: 0.2s ease;
}
header .navigation-menu > ul > li.active-page {
  position: relative;
}
header .navigation-menu > ul > li.active-page::before {
  content: "";
  display: block;
  width: calc(100% + 55px);
  height: 4px;
  position: absolute;
  background-color: #05678d;
  background-image: none;
  bottom: -36px;
  top: unset;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
header .navigation-menu > ul > li.active-page > a {
  color: #05678d;
}
header .navigation-menu > ul > li.active-page > a:hover {
  text-decoration: none;
}
header .navigation-menu > ul > li:last-child {
  margin-right: 0;
}
header .navigation-menu > ul > li > ul {
  background-color: #fff;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  min-width: 200px;
  border-radius: 7px;
  padding: 12px 20px;
  transform: translateX(-20px);
  box-shadow: 0px 20px 57px 0px rgba(0, 0, 0, 0.15);
}
header .navigation-menu > ul > li > ul::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -15px;
  left: 20px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}
header .navigation-menu > ul > li > ul > li {
  margin-right: 0;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #e0e5e8;
}
header .navigation-menu > ul > li > ul > li.active-page::before {
  content: none;
}
header .navigation-menu > ul > li > ul > li.active-page > a {
  color: #00aba6;
}
header .navigation-menu > ul > li > ul > li:first-child {
  padding-top: 0;
  border-top: none;
}
header .navigation-menu > ul > li > ul > li:first-child > .dropdown-button {
  top: 0;
}
header .navigation-menu > ul > li > ul > li:last-child {
  padding-bottom: 0;
}
header .navigation-menu > ul > li > ul > li > .dropdown-button {
  top: 10px;
  right: -10px;
}
header .navigation-menu > ul > li > ul > li > a {
  transition: 0.2s ease;
  color: #000000;
}
header .navigation-menu > ul > li > ul > li > a:hover {
  transform: translateX(5px);
  color: #00aba6;
  text-decoration: none;
}
header .navigation-menu > ul > li > ul > li > ul {
  display: none;
  padding-left: 20px;
  position: relative;
}
header .navigation-menu > ul > li > ul > li > ul::before {
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 30px);
  position: absolute;
  display: block;
  top: 15px;
  bottom: 15px;
  left: 0;
  background-color: #00aba6;
}
header .navigation-menu > ul > li > ul > li > ul > li {
  margin-right: 0;
  display: block;
  padding-bottom: 10px;
}
header .navigation-menu > ul > li > ul > li > ul > li.active-page::before {
  content: none;
}
header .navigation-menu > ul > li > ul > li > ul > li.active-page > a {
  color: #00aba6;
}
header .navigation-menu > ul > li > ul > li > ul > li:first-child {
  padding-top: 10px;
}
header .navigation-menu > ul > li > ul > li > ul > li > a {
  transition: 0.2s ease;
  color: #000000;
  font-family: "primary-light", Arial, Helvetica, sans-serif;
}
header .navigation-menu > ul > li > ul > li > ul > li > a:hover {
  transform: translateX(5px);
  color: #00aba6;
  text-decoration: none;
}

header button.hamburger-button {
  display: none;
}

header .navigation-menu .bottom-menu {
  display: none;
  position: absolute;
  bottom: 0;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 55px;
  color: #ffffff;
  font-family: "primary-light", Arial, Helvetica, sans-serif;
}
header .navigation-menu .bottom-menu a {
  color: inherit;
  font-family: inherit;
}
header .navigation-menu .bottom-menu .contact .item {
  display: flex;
  align-items: center;
}
header .navigation-menu .bottom-menu .contact .item:not(:last-child) {
  margin-bottom: 18px;
}
header .navigation-menu .bottom-menu .contact .item .icon {
  width: 29px;
  margin-right: 27px;
  font-size: 0;
  line-height: 0;
}
header .navigation-menu .bottom-menu .social {
  margin-top: 50px;
}
header .navigation-menu .bottom-menu .social .item {
  font-size: 0;
  line-height: 0;
  transition: 0.3s ease;
}
header .navigation-menu .bottom-menu .social .item:not(:last-child) {
  margin-right: 18px;
}
header .navigation-menu .bottom-menu .social .item:hover {
  opacity: 0.8;
  transition: 0.3s ease;
}

@media (max-width: 1399px) {
  header .navigation-menu {
    position: fixed;
    top: var(--headerHeight);
    right: 0;
    background-color: rgba(5, 103, 141, 0.9);
    height: calc(100% - var(--headerHeight));
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: flex-start;
    width: 450px;
    transform: translateX(100%);
    transition: 0.3s ease;
    padding-bottom: calc(var(--navigationBottomMenuHeight) + 20px);
    /*
        ==== FIRST LEVEL ====
    */
    /*
        ==== SECOND LEVEL ====
    */
    /*
        ==== THIRD LEVEL ====
    */
  }
  header .navigation-menu.active {
    transform: translateX(0);
    transition: 0.3s ease;
  }
  header .navigation-menu ul {
    background-color: transparent;
  }
  header .navigation-menu ul li {
    width: 100%;
    display: block;
    margin-right: 0;
  }
  header .navigation-menu ul li .dropdown-button svg {
    width: 20px;
    height: 12px;
  }
  header .navigation-menu ul li.active-page > a {
    color: #ffffff;
    font-family: "primary-semi-bold", Arial, Helvetica, sans-serif;
  }
  header .navigation-menu ul li.active-page::before {
    content: none;
  }
  header .navigation-menu ul li:last-child {
    margin-right: 0;
  }
  header .navigation-menu > ul {
    width: 100%;
    max-height: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  header .navigation-menu > ul::-webkit-scrollbar {
    display: none;
  }
  header .navigation-menu > ul > li {
    padding-bottom: 17px;
    padding-top: 17px;
    border-bottom: 1px solid #ffffff;
    padding-left: 55px;
    padding-right: 55px;
  }
  header .navigation-menu > ul > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-right: 0;
  }
  header .navigation-menu > ul > li > .dropdown-button {
    top: 15px;
    right: 45px;
  }
  header .navigation-menu > ul > li > a {
    color: #ffffff;
    transition: 0.2s ease;
  }
  header .navigation-menu > ul > li > a:hover {
    transform: translateX(5px);
    color: #00aba6;
    text-decoration: none;
  }
  header .navigation-menu > ul > li > ul {
    position: static;
    min-width: unset;
    width: 100%;
    transform: translateY(0);
    border-radius: 0;
    padding-bottom: 0;
    padding-top: 20px;
    padding-right: 0;
    background-color: transparent;
    box-shadow: none;
  }
  header .navigation-menu > ul > li > ul::before {
    content: none;
  }
  header .navigation-menu > ul > li > ul > li {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  header .navigation-menu > ul > li > ul > li > a {
    color: #ffffff;
  }
  header .navigation-menu > ul > li > ul > li:first-child {
    padding-top: 0;
  }
  header .navigation-menu > ul > li > ul > li:last-child {
    padding-bottom: 0;
  }
  header .navigation-menu > ul > li > ul > li > .dropdown-button {
    top: 20px;
    right: -10px;
  }
  header .navigation-menu > ul > li > ul > li.active-page > a {
    color: #ffffff;
    font-family: "primary-semi-bold", Arial, Helvetica, sans-serif;
  }
  header .navigation-menu > ul > li > ul > li > ul > li > a {
    color: #ffffff;
  }
  header .navigation-menu > ul > li > ul > li > ul > li.active-page > a {
    color: #ffffff;
    font-family: "primary-semi-bold", Arial, Helvetica, sans-serif;
  }
  header button.hamburger-button {
    display: block;
  }
  header .navigation-menu .bottom-menu {
    display: block;
  }
}
@media (max-width: 500px) {
  header .navigation-menu {
    width: 100%;
  }
}
@media (max-height: 600px) {
  header .navigation-menu .bottom-menu {
    padding-bottom: 20px;
  }
  header .navigation-menu .bottom-menu .social {
    margin-top: 20px;
  }
  header .navigation-menu .bottom-menu .contact {
    display: flex;
  }
  header .navigation-menu .bottom-menu .contact .item,
  header .navigation-menu .bottom-menu .contact .item:not(:last-child) {
    margin-bottom: 0;
  }
  header .navigation-menu .bottom-menu .contact .item .icon {
    margin-right: 0;
  }
  header .navigation-menu .bottom-menu .contact .item:not(:last-child) {
    margin-right: 18px;
  }
  header .navigation-menu .bottom-menu .contact .item .value {
    display: none;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== LANGUAGE SWITCHER ====

    Description: 
        This is language swithcer in header.

    Modificators:
        No modificators.
*/
header .language-switcher {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  bottom: 0;
  border-radius: 0;
}
header .language-switcher .language-switcher__inner {
  height: 100%;
}
header .language-switcher .choices {
  height: 100%;
  border-radius: 0;
}
header .language-switcher .language-switcher__icon {
  position: absolute;
  z-index: 3;
  left: 20PX;
  top: 50%;
  transform: translateY(-50%);
}
header .language-switcher .choices .choices__inner {
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 0;
  border: none;
  background-color: #05678d;
  padding: 0 10px 0 40px !important;
}
header .language-switcher .choices .choices__list--dropdown,
header .language-switcher .choices .choices__list[aria-expanded] {
  border-width: 1px !important;
  border-radius: 0;
}
header .language-switcher .choices .choices__list.choices__list--dropdown {
  margin-top: 0 !important;
}
header .language-switcher .choices .choices__item {
  color: #ffffff;
  padding: 20px !important;
}
header .language-switcher .choices[data-type*=select-one]::after {
  background-image: url("../../img/icons/icon--arrow-white-bold-right.svg");
}
header .language-switcher .choices .choices__list.choices__list--dropdown .choices__item {
  color: #000000;
}
header .language-switcher .choices .choices__list--single {
  min-width: 140px;
}
header .language-switcher .choices[data-type*=select-one]::after {
  right: 30px;
}

@media (max-width: 575px) {
  header .language-switcher {
    right: 80px;
  }
}
@media (max-width: 400px) {
  header .language-switcher .choices .choices__inner {
    padding: 0 0 0 40px !important;
  }
  header .language-switcher .choices[data-type*=select-one]::after {
    right: 20px;
  }
  header .language-switcher .choices .choices__list--single {
    min-width: 120px;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.2s ease-out;
  z-index: 10;
  background-color: #ffffff;
}
header.shadow {
  box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.15);
}
header .container-fluid {
  position: relative;
}
header.hide {
  transform: translateY(calc(-100% - 10px));
  transition: transform 0.2s ease-out;
}
header.show {
  transform: translateY(0);
}
header.floating-header {
  box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.15);
}
header .header__inner {
  display: grid;
  grid-template-columns: 430px auto;
  align-items: center;
  padding: 16px 0;
}
header .header__inner a {
  color: #000000;
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
}
header .header__inner .logo-wrapper {
  font-size: 0;
}
header .header__inner .logo-wrapper .logo__inner {
  display: flex;
}
header .header__inner .logo-wrapper .logo img {
  height: 67px;
}
header .header__inner .logo-wrapper .logo a {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
header .menu-wrapper {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1599px) {
  header .header__inner {
    grid-template-columns: auto 1fr;
  }
}
@media (min-width: 1400px) {
  header {
    padding-right: 200px;
  }
  header .language-switcher {
    right: -200px;
  }
  header .navigation-menu > ul > li:last-child {
    margin-right: 20px;
  }
}
@media (max-width: 1399px) {
  header .menu-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding-right: 0;
  }
  header .menu-wrapper .menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 450px;
    padding-left: 55px;
    background-color: #05678d;
  }
}
@media (max-width: 900px) {
  header .header__inner .logo-wrapper .logo__inner {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  header .menu-wrapper .menu {
    padding-left: 0;
    padding-right: 36px;
    justify-content: flex-end;
  }
  header .navigation-menu {
    width: 100%;
    background-color: #05678d;
  }
  header .menu-wrapper {
    max-width: calc(100vw - 95px);
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== FOOTER ====

    Description: 
        This is footer of website. Also, this file contains styles for the postfooter of the website.

    Modificators:
        No modificators.
*/
footer {
  background: linear-gradient(to right, #05678d, #00aba6);
  color: #ffffff;
}
footer a {
  color: inherit;
}
footer ul {
  color: #ffffff;
  margin: 0;
}
footer ul li {
  padding-left: 0;
}
footer ul li::before {
  content: none;
}
footer ul li::marker {
  color: #ffffff;
}
footer ul li:not(:last-child) {
  margin-bottom: 5px;
}
footer ul li a {
  color: inherit;
}
footer ol {
  color: #ffffff;
}
footer ol li::marker {
  color: #ffffff;
}
footer ol li:not(:last-child) {
  margin-bottom: 5px;
}
footer nav {
  margin: 0;
}
footer .footer__inner {
  display: grid;
  grid-template-columns: 380px 150px 150px 250px auto;
  justify-content: space-between;
  padding-top: 155px;
  padding-bottom: 155px;
}
footer .footer__inner .box .title {
  margin-bottom: 20px;
}
footer .footer__inner .box .title h1,
footer .footer__inner .box .title h2,
footer .footer__inner .box .title h3,
footer .footer__inner .box .title h4,
footer .footer__inner .box .title h5,
footer .footer__inner .box .title h6 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-family: "primary-semi-bold", Arial, Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
footer .footer__inner .box ul li a {
  font-family: inherit;
  font-size: inherit;
}
footer .footer__inner .box.logo .logo-wrapper {
  display: inline-block;
  margin-bottom: 30px;
}
footer .footer__inner .box.logo .logo-wrapper img {
  height: 61px;
}
footer .footer__inner .box.logo .additional-text-wrapper .content {
  line-height: 24px;
  font-family: "primary-light", Arial, Helvetica, sans-serif;
}
footer .footer__inner .box.logo .additional-text-wrapper .content p {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
footer .footer__inner .box.logo .additional-text-wrapper .content p:last-child {
  margin-bottom: 0;
}
footer .footer__inner .box.contact .item {
  display: flex;
  align-items: center;
}
footer .footer__inner .box.contact .item:not(:last-child) {
  margin-bottom: 18px;
}
footer .footer__inner .box.contact .item .icon {
  margin-right: 20px;
  font-size: 0;
  line-height: 0;
  min-width: 28px;
}
footer .footer__inner .box.social .item {
  font-size: 0;
  line-height: 0;
  transition: 0.3s ease;
  display: inline-block;
}
footer .footer__inner .box.social .item:not(:last-child) {
  margin-right: 10px;
}
footer .footer__inner .box.social .item:hover {
  opacity: 0.8;
  transition: 0.3s ease;
}

footer .postfooter {
  background: linear-gradient(to right, #00aba6, #05678d);
  text-align: center;
  font-size: 1.8rem;
  padding: 35px;
}
footer .postfooter p {
  margin: 0;
  line-height: 1.8rem;
}
footer .postfooter p,
footer .postfooter a {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
}

@media (max-width: 1399px) {
  footer .footer__inner {
    grid-template-columns: 200px 150px 150px 250px auto;
  }
}
@media (max-width: 1199px) {
  footer .footer__inner {
    grid-template-columns: 500px 1fr 1fr;
    gap: 50px;
    padding: 80px 0;
  }
  footer .footer__inner .box.logo {
    padding-right: 200px;
  }
}
@media (max-width: 991px) {
  footer .footer__inner {
    grid-template-columns: 300px 1fr 1fr;
  }
  footer .footer__inner .box.logo {
    padding-right: 0;
  }
  footer .footer__inner .box.social {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  footer .footer__inner {
    display: block;
    text-align: center;
  }
  footer .footer__inner .box {
    margin-bottom: 50px;
  }
  footer .footer__inner .box:last-child {
    margin-bottom: 0;
  }
  footer .footer__inner .box.contact .item {
    justify-content: center;
  }
}
/* 
    ==== Components ==== 
*/
/*
    File Name: _components.scss

    Description:
    This is the components SCSS file that imports styles realted to components.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the components that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== BUTTONS ====

    Component description:
        Website buttons.

    Modificators:

    1. Primary button

        Description:             Primary button styles
        Hook element selector:   button, a
        Class to add:            button--primary

    2. Secondary button

        Description:             Secondary button styles
        Hook element selector:   button, a
        Class to add:            button--secondary

    3. Tertiary button

        Description:             Tertiary button styles
        Hook element selector:   button, a
        Class to add:            button--tertiary

    4. Arrow button with outline

        Description:             Outline arrow button styles
        Hook element selector:   button, a
        Class to add:            button--arrow-with-outline

    5. Arrow button

        Description:             Arrow button styles
        Hook element selector:   button, a
        Class to add:            button--arrow

    6. Hamburger button

        Description:             Hamburger button styles
        Hook element selector:   button, a
        Class to add:            hamburger-button

    7. Fourth button

        Description:             Fourth button styles
        Hook element selector:   button, a
        Class to add:            button--fourth
*/
button,
.button,
.bg-blue-green-gradient .button--fourth,
.bg-green-blue-gradient .button--fourth,
.bg-blue-green-gradient-to-bottom .button--fourth,
.bg-green-blue-gradient-to-bottom .button--fourth,
.button--fourth,
.button--arrow,
.button--arrow-with-outline,
.button--tertiary,
.button--secondary,
.button--primary {
  width: auto;
  display: inline-block;
  margin: 0;
  padding: 10.5px 60px;
  border: 2px solid transparent;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
  transition: 0.2s ease;
  color: #000000;
}
button:hover,
.button:hover,
.button--fourth:hover,
.button--arrow:hover,
.button--arrow-with-outline:hover,
.button--tertiary:hover,
.button--secondary:hover,
.button--primary:hover {
  transition: 0.2s ease;
}

a.button:hover, a.button--fourth:hover, a.button--arrow:hover, a.button--arrow-with-outline:hover, a.button--tertiary:hover, a.button--secondary:hover, a.button--primary:hover {
  text-decoration: none;
}

.button--primary {
  background: #febc42;
  color: #000000;
}
.button--primary:hover {
  background: transparent;
  color: #000000;
  border: 2px solid #febc42;
}

.button--secondary {
  background: transparent;
  color: #05678d;
  border: 2px solid #05678d;
}
.button--secondary:hover {
  background: #05678d;
  border: 2px solid transparent;
  color: #ffffff;
}

.button--tertiary {
  background: #05678d;
  border: 2px solid transparent;
  color: #ffffff;
}
.button--tertiary:hover {
  background: transparent;
  color: #05678d;
  border: 2px solid #05678d;
}

.button--arrow-with-outline {
  background: transparent;
  color: #05678d;
  border: 2px solid #05678d;
  padding-left: 14px;
  padding-right: 42px;
  position: relative;
}
.button--arrow-with-outline::after {
  content: "";
  display: block;
  width: 12px;
  height: 11px;
  position: absolute;
  background-image: url("../../img/icons/icon--double-arrow-blue.svg");
  right: 13px;
  top: 19px;
  transition: 0.5s ease;
}
.button--arrow-with-outline:hover::after {
  transform: rotate(360deg);
  transition: 0.5s ease;
}

.button--arrow {
  background: transparent;
  color: #05678d;
  border: none;
  padding: 0;
  padding-right: 38px;
  position: relative;
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
}
.button--arrow::after {
  content: "";
  display: block;
  width: 12px;
  height: 11px;
  position: absolute;
  background-image: url("../../img/icons/icon--double-arrow-blue.svg");
  right: 13px;
  top: 9px;
  transition: 0.2s ease;
}
.button--arrow:hover::after {
  transform: translateX(4px);
  transition: 0.2s ease;
}
.button--arrow.black-and-yellow {
  color: #000000;
}
.button--arrow.black-and-yellow::after {
  background-image: url("../../img/icons/icon--double-arrow-yellow.svg");
}

button.hamburger-button {
  padding: 0;
  background-color: transparent;
}
button.hamburger-button span {
  position: relative;
  display: block;
  width: 32px;
  height: 4px;
  margin: 5px auto;
  background-color: #ffffff;
  pointer-events: none;
  transition: all 0.2s;
  border-radius: 8px;
}
button.hamburger-button span:first-child {
  margin-top: 0;
}
button.hamburger-button span:last-child {
  margin-bottom: 0;
}
button.hamburger-button.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
button.hamburger-button.active span:nth-child(2) {
  opacity: 0;
  transition: opacity 0.2s 0s;
}
button.hamburger-button.active span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

.button--fourth {
  background: #02c39a;
  border: 2px solid transparent;
  color: #ffffff;
}
.button--fourth:hover {
  background: transparent;
  color: #02c39a;
  border: 2px solid #02c39a;
}

.button.scrollTo, .scrollTo.button--primary, .scrollTo.button--secondary, .scrollTo.button--tertiary, .scrollTo.button--arrow-with-outline, .scrollTo.button--arrow, .scrollTo.button--fourth {
  background-color: transparent;
  color: #ffffff;
}

.bg-blue-green-gradient .button--primary,
.bg-green-blue-gradient .button--primary,
.bg-blue-green-gradient-to-bottom .button--primary,
.bg-green-blue-gradient-to-bottom .button--primary {
  color: #000000;
}
.bg-blue-green-gradient .button--primary:hover,
.bg-green-blue-gradient .button--primary:hover,
.bg-blue-green-gradient-to-bottom .button--primary:hover,
.bg-green-blue-gradient-to-bottom .button--primary:hover {
  background-color: #eea215;
  border-color: #eea215;
}
.bg-blue-green-gradient .button--secondary,
.bg-green-blue-gradient .button--secondary,
.bg-blue-green-gradient-to-bottom .button--secondary,
.bg-green-blue-gradient-to-bottom .button--secondary {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.bg-blue-green-gradient .button--secondary:hover,
.bg-green-blue-gradient .button--secondary:hover,
.bg-blue-green-gradient-to-bottom .button--secondary:hover,
.bg-green-blue-gradient-to-bottom .button--secondary:hover {
  background: #ffffff;
  color: #05678d;
}
.bg-blue-green-gradient .button--tertiary,
.bg-green-blue-gradient .button--tertiary,
.bg-blue-green-gradient-to-bottom .button--tertiary,
.bg-green-blue-gradient-to-bottom .button--tertiary {
  background: #ffffff;
  border: 2px solid #ffffff;
  color: #05678d;
}
.bg-blue-green-gradient .button--tertiary:hover,
.bg-green-blue-gradient .button--tertiary:hover,
.bg-blue-green-gradient-to-bottom .button--tertiary:hover,
.bg-green-blue-gradient-to-bottom .button--tertiary:hover {
  color: #ffffff;
  border: 2px solid #ffffff;
  background: transparent;
}
.bg-blue-green-gradient .button--arrow-with-outline,
.bg-green-blue-gradient .button--arrow-with-outline,
.bg-blue-green-gradient-to-bottom .button--arrow-with-outline,
.bg-green-blue-gradient-to-bottom .button--arrow-with-outline {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.bg-blue-green-gradient .button--arrow-with-outline::after,
.bg-green-blue-gradient .button--arrow-with-outline::after,
.bg-blue-green-gradient-to-bottom .button--arrow-with-outline::after,
.bg-green-blue-gradient-to-bottom .button--arrow-with-outline::after {
  background-image: url("../../img/icons/icon--double-arrow-white.svg");
}
.bg-blue-green-gradient .button--arrow,
.bg-green-blue-gradient .button--arrow,
.bg-blue-green-gradient-to-bottom .button--arrow,
.bg-green-blue-gradient-to-bottom .button--arrow {
  color: #ffffff;
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
}
.bg-blue-green-gradient .button--arrow::after,
.bg-green-blue-gradient .button--arrow::after,
.bg-blue-green-gradient-to-bottom .button--arrow::after,
.bg-green-blue-gradient-to-bottom .button--arrow::after {
  background-image: url("../../img/icons/icon--double-arrow-white.svg");
}
.bg-blue-green-gradient .button--fourth,
.bg-green-blue-gradient .button--fourth,
.bg-blue-green-gradient-to-bottom .button--fourth,
.bg-green-blue-gradient-to-bottom .button--fourth {
  color: #ffffff;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== FORM ELEMENTS ====

    Component description:
        Form elements.

    Modificators:
        No modificators.
*/
input {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.8rem;
  border: 2px solid #d7d7d7;
  border-radius: 5px;
  padding: 12.5px 20px;
  color: #000000;
  width: 100%;
}
input:focus {
  outline: none;
}
input::-moz-placeholder {
  opacity: 1;
  color: #6a6a6a;
}
input::placeholder {
  opacity: 1;
  color: #6a6a6a;
}
input:-ms-input-placeholder {
  opacity: 1;
  color: #6a6a6a;
}
input::-ms-input-placeholder {
  opacity: 1;
  color: #6a6a6a;
}

.input + .input,
.input-wrapper + .input-wrapper {
  margin-top: 30px;
}

.input-wrapper.with-icon .icon-and-input {
  display: flex;
}
.input-wrapper.with-icon.icon-with-text .icon button,
.input-wrapper.with-icon.icon-with-text .icon .button,
.input-wrapper.with-icon.icon-with-text .icon .button--primary,
.input-wrapper.with-icon.icon-with-text .icon .button--secondary,
.input-wrapper.with-icon.icon-with-text .icon .button--tertiary,
.input-wrapper.with-icon.icon-with-text .icon .button--arrow-with-outline,
.input-wrapper.with-icon.icon-with-text .icon .button--arrow,
.input-wrapper.with-icon.icon-with-text .icon .button--fourth {
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #000000;
  padding: 13px 27px;
}
.input-wrapper.with-icon .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  margin-left: -6px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #febc42;
  transition: 0.2s ease;
}
.input-wrapper.with-icon .icon:hover {
  background-color: #d78c01;
  transition: 0.2s ease;
}
.input-wrapper.with-icon .icon button,
.input-wrapper.with-icon .icon .button,
.input-wrapper.with-icon .icon .button--primary,
.input-wrapper.with-icon .icon .button--secondary,
.input-wrapper.with-icon .icon .button--tertiary,
.input-wrapper.with-icon .icon .button--arrow-with-outline,
.input-wrapper.with-icon .icon .button--arrow,
.input-wrapper.with-icon .icon .button--fourth {
  padding: 13px 12.5px;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
}
.input-wrapper.with-icon .icon img {
  width: 21px;
  height: 20px;
}

textarea {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.8rem;
  border: 2px solid #d7d7d7;
  border-radius: 5px;
  padding: 20px;
  color: #000000;
  background-color: #ffffff;
  white-space: pre-line;
  resize: none;
  outline: none;
  width: 100%;
  height: 160px;
}

.input-column {
  display: flex;
  justify-content: space-between;
}
.input-column .input-wrapper {
  width: calc(50% - 20px);
  display: inline-block;
}
.input-column .input-wrapper + .input-wrapper {
  margin-top: 0;
}
.input-column .input-wrapper input {
  width: 100%;
}
.input-column + .input-column, .input-column + .input-wrapper, .input-wrapper + .input-column {
  margin-top: 30px;
}

select.custom-select {
  display: none;
}

.choices {
  font-size: 1.8rem;
  color: #000000;
  border-radius: 5px;
}
.choices .choices__item {
  color: #000000;
  padding: 14px !important;
  line-height: 1.8rem;
  font-size: 1.8rem;
}
.choices .choices__item.choices__placeholder {
  color: #000000;
  font-size: 1.8rem;
}
.choices .choices__list.choices__list--dropdown .choices__item,
.choices .choices__list.choices__list--dropdown .choices__item.choices__placeholder {
  padding: 14px !important;
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.choices .choices__list--single {
  padding-right: 25px;
  min-width: 80px;
}
.choices .choices__inner {
  padding: 0 !important;
  min-height: unset;
  border: 2px solid #d7d7d7;
  border-radius: 5px;
  background-color: #ffffff;
}
.choices[data-type*=select-one]::after {
  background-image: url("../../img/icons/icon--arrow-black-bold-right.svg");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  background-size: contain;
  border: none;
  background-position: center;
  transition: 0.2s ease;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(90deg);
  margin: 0 !important;
}
.choices[data-type*=select-one].is-open::after {
  margin: 0;
  transform: translateY(-50%) rotate(270deg);
  transition: 0.2s ease;
}
.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
  border: 2px solid #d7d7d7 !important;
  border-top: none !important;
}
.choices.is-flipped .choices__list--dropdown,
.choices.is-flipped .choices__list[aria-expanded] {
  border-top: 2px solid #d7d7d7 !important;
  border-bottom: none !important;
}
.choices.is-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.choices.is-open .choices__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.choices.is-open .choices__list--dropdown,
.choices.is-open .choices__list[aria-expanded] {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.choices.is-open.is-flipped .choices__inner {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.choices.is-open.is-flipped .choices__list--dropdown,
.choices.is-open.is-flipped .choices__list[aria-expanded] {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
  border-radius: 5px;
}

.bg-blue-green-gradient input,
.bg-green-blue-gradient input,
.bg-blue-green-gradient-to-bottom input,
.bg-green-blue-gradient-to-bottom input {
  border: none;
}
.bg-blue-green-gradient .choices .choices__inner,
.bg-green-blue-gradient .choices .choices__inner,
.bg-blue-green-gradient-to-bottom .choices .choices__inner,
.bg-green-blue-gradient-to-bottom .choices .choices__inner {
  border: none;
}
.bg-blue-green-gradient .choices .choices__list--dropdown,
.bg-blue-green-gradient .choices .choices__list[aria-expanded],
.bg-green-blue-gradient .choices .choices__list--dropdown,
.bg-green-blue-gradient .choices .choices__list[aria-expanded],
.bg-blue-green-gradient-to-bottom .choices .choices__list--dropdown,
.bg-blue-green-gradient-to-bottom .choices .choices__list[aria-expanded],
.bg-green-blue-gradient-to-bottom .choices .choices__list--dropdown,
.bg-green-blue-gradient-to-bottom .choices .choices__list[aria-expanded] {
  border: none !important;
}

@media (max-width: 400px) {
  .input-wrapper.with-icon .icon-and-input {
    position: relative;
  }
  .input-wrapper.with-icon .icon-and-input input {
    width: 100%;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== HEADING of website ====

    Component description:
        Section title.

    Modificators:
        No modificators.
*/
.heading {
  margin-bottom: 40px;
}
.heading .title {
  margin-bottom: 40px;
}
.heading .title h1,
.heading .title h2,
.heading .title h3,
.heading .title h4,
.heading .title h5,
.heading .title h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.heading .title:last-child {
  margin-bottom: 0;
}
.heading .subtitle {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.heading .subtitle p {
  margin-top: 0;
  font-size: inherit;
}
.heading .subtitle p:last-child {
  margin-bottom: 0;
}
.heading .title.line-decoration h1,
.heading .title.line-decoration h2,
.heading .title.line-decoration h3,
.heading .title.line-decoration h4,
.heading .title.line-decoration h5,
.heading .title.line-decoration h6 {
  position: relative;
  padding-bottom: 35px;
}
.heading .title.line-decoration h1::before,
.heading .title.line-decoration h2::before,
.heading .title.line-decoration h3::before,
.heading .title.line-decoration h4::before,
.heading .title.line-decoration h5::before,
.heading .title.line-decoration h6::before {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  position: absolute;
  background: linear-gradient(to right, #05678d, #00aba6);
  display: inline-block;
  left: 0;
  bottom: 0;
}
.heading .title.line-decoration.line-decoration--yellow h1::before,
.heading .title.line-decoration.line-decoration--yellow h2::before,
.heading .title.line-decoration.line-decoration--yellow h3::before,
.heading .title.line-decoration.line-decoration--yellow h4::before,
.heading .title.line-decoration.line-decoration--yellow h5::before,
.heading .title.line-decoration.line-decoration--yellow h6::before {
  background: #febc42 !important;
}
.heading .title.line-decoration.line-decoration--green h1::before,
.heading .title.line-decoration.line-decoration--green h2::before,
.heading .title.line-decoration.line-decoration--green h3::before,
.heading .title.line-decoration.line-decoration--green h4::before,
.heading .title.line-decoration.line-decoration--green h5::before,
.heading .title.line-decoration.line-decoration--green h6::before {
  background: #02c39a !important;
}

.heading.text-center .title.line-decoration h1::before,
.heading.text-center .title.line-decoration h2::before,
.heading.text-center .title.line-decoration h3::before,
.heading.text-center .title.line-decoration h4::before,
.heading.text-center .title.line-decoration h5::before,
.heading.text-center .title.line-decoration h6::before,
.text-center .heading .title.line-decoration h1::before,
.text-center .heading .title.line-decoration h2::before,
.text-center .heading .title.line-decoration h3::before,
.text-center .heading .title.line-decoration h4::before,
.text-center .heading .title.line-decoration h5::before,
.text-center .heading .title.line-decoration h6::before {
  left: 50%;
  transform: translateX(-50%);
}

.heading.text-right .title.line-decoration h1::before,
.heading.text-right .title.line-decoration h2::before,
.heading.text-right .title.line-decoration h3::before,
.heading.text-right .title.line-decoration h4::before,
.heading.text-right .title.line-decoration h5::before,
.heading.text-right .title.line-decoration h6::before,
.text-right .heading .title.line-decoration h1::before,
.text-right .heading .title.line-decoration h2::before,
.text-right .heading .title.line-decoration h3::before,
.text-right .heading .title.line-decoration h4::before,
.text-right .heading .title.line-decoration h5::before,
.text-right .heading .title.line-decoration h6::before {
  left: unset;
  right: 0;
}

.bg-blue-green-gradient .heading .title.line-decoration h1::before,
.bg-blue-green-gradient .heading .title.line-decoration h2::before,
.bg-blue-green-gradient .heading .title.line-decoration h3::before,
.bg-blue-green-gradient .heading .title.line-decoration h4::before,
.bg-blue-green-gradient .heading .title.line-decoration h5::before,
.bg-blue-green-gradient .heading .title.line-decoration h6::before,
.bg-green-blue-gradient .heading .title.line-decoration h1::before,
.bg-green-blue-gradient .heading .title.line-decoration h2::before,
.bg-green-blue-gradient .heading .title.line-decoration h3::before,
.bg-green-blue-gradient .heading .title.line-decoration h4::before,
.bg-green-blue-gradient .heading .title.line-decoration h5::before,
.bg-green-blue-gradient .heading .title.line-decoration h6::before,
.bg-blue-green-gradient-to-bottom .heading .title.line-decoration h1::before,
.bg-blue-green-gradient-to-bottom .heading .title.line-decoration h2::before,
.bg-blue-green-gradient-to-bottom .heading .title.line-decoration h3::before,
.bg-blue-green-gradient-to-bottom .heading .title.line-decoration h4::before,
.bg-blue-green-gradient-to-bottom .heading .title.line-decoration h5::before,
.bg-blue-green-gradient-to-bottom .heading .title.line-decoration h6::before,
.bg-green-blue-gradient-to-bottom .heading .title.line-decoration h1::before,
.bg-green-blue-gradient-to-bottom .heading .title.line-decoration h2::before,
.bg-green-blue-gradient-to-bottom .heading .title.line-decoration h3::before,
.bg-green-blue-gradient-to-bottom .heading .title.line-decoration h4::before,
.bg-green-blue-gradient-to-bottom .heading .title.line-decoration h5::before,
.bg-green-blue-gradient-to-bottom .heading .title.line-decoration h6::before {
  background: #ffffff;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== SLIDER ====

    Component description: 
        Slider specifics, override default swiper.css styles.

    Modificators:
        No modificators.

*/
.swiper-pagination-bullet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: transparent;
  opacity: 1;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
}
.swiper-pagination-bullet::after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
  background-color: transparent;
}

.swiper-vertical .swiper-pagination-bullet {
  display: flex;
}

.button.slider-control, .slider-control.button--primary, .slider-control.button--secondary, .slider-control.button--tertiary, .slider-control.button--arrow-with-outline, .slider-control.button--arrow, .slider-control.button--fourth,
button.slider-control {
  width: 65px;
  height: 65px;
  border: 2px solid #05678d;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  position: relative;
  background-color: #ffffff;
}
.button.slider-control:hover, .slider-control.button--primary:hover, .slider-control.button--secondary:hover, .slider-control.button--tertiary:hover, .slider-control.button--arrow-with-outline:hover, .slider-control.button--arrow:hover, .slider-control.button--fourth:hover,
button.slider-control:hover {
  background-color: #05678d;
}
.button.slider-control:hover::before, .slider-control.button--primary:hover::before, .slider-control.button--secondary:hover::before, .slider-control.button--tertiary:hover::before, .slider-control.button--arrow-with-outline:hover::before, .slider-control.button--arrow:hover::before, .slider-control.button--fourth:hover::before,
button.slider-control:hover::before {
  background-image: url("../../img/icons/icon--arrow-white-bold-right.svg");
  transition: 0.3s ease;
}
.button.slider-control::before, .slider-control.button--primary::before, .slider-control.button--secondary::before, .slider-control.button--tertiary::before, .slider-control.button--arrow-with-outline::before, .slider-control.button--arrow::before, .slider-control.button--fourth::before,
button.slider-control::before {
  content: "";
  position: absolute;
  background-image: url("../../img/icons/icon--arrow-blue-bold-right.svg");
  height: 26px;
  width: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s ease;
}
.button.slider-control.slider-control--prev::before, .slider-control.slider-control--prev.button--primary::before, .slider-control.slider-control--prev.button--secondary::before, .slider-control.slider-control--prev.button--tertiary::before, .slider-control.slider-control--prev.button--arrow-with-outline::before, .slider-control.slider-control--prev.button--arrow::before, .slider-control.slider-control--prev.button--fourth::before,
button.slider-control.slider-control--prev::before {
  transform: translate(-50%, -50%) rotate(180deg);
  left: 46%;
  transition: 0.3s ease;
}

.button.slider-control.double-arrow, .slider-control.double-arrow.button--primary, .slider-control.double-arrow.button--secondary, .slider-control.double-arrow.button--tertiary, .slider-control.double-arrow.button--arrow-with-outline, .slider-control.double-arrow.button--arrow, .slider-control.double-arrow.button--fourth,
button.slider-control.double-arrow {
  width: 20px;
  height: 18px;
  border: none;
  background-color: transparent;
  padding: 30px;
}
.button.slider-control.double-arrow::before, .slider-control.double-arrow.button--primary::before, .slider-control.double-arrow.button--secondary::before, .slider-control.double-arrow.button--tertiary::before, .slider-control.double-arrow.button--arrow-with-outline::before, .slider-control.double-arrow.button--arrow::before, .slider-control.double-arrow.button--fourth::before,
button.slider-control.double-arrow::before {
  background-image: url("../../img/icons/icon--double-arrow-black.svg");
  height: 17px;
  width: 18px;
  background-size: contain;
}
.button.slider-control.double-arrow.swiper-button-disabled::before, .slider-control.double-arrow.swiper-button-disabled.button--primary::before, .slider-control.double-arrow.swiper-button-disabled.button--secondary::before, .slider-control.double-arrow.swiper-button-disabled.button--tertiary::before, .slider-control.double-arrow.swiper-button-disabled.button--arrow-with-outline::before, .slider-control.double-arrow.swiper-button-disabled.button--arrow::before, .slider-control.double-arrow.swiper-button-disabled.button--fourth::before,
button.slider-control.double-arrow.swiper-button-disabled::before {
  background-image: url("../../img/icons/icon--double-arrow-gray.svg");
}

.swiper-button-lock {
  visibility: hidden;
}

.bg-blue-green-gradient .button.slider-control, .bg-blue-green-gradient .slider-control.button--primary, .bg-blue-green-gradient .slider-control.button--secondary, .bg-blue-green-gradient .slider-control.button--tertiary, .bg-blue-green-gradient .slider-control.button--arrow-with-outline, .bg-blue-green-gradient .slider-control.button--arrow, .bg-blue-green-gradient .slider-control.button--fourth,
.bg-blue-green-gradient button.slider-control,
.bg-green-blue-gradient .button.slider-control,
.bg-green-blue-gradient .slider-control.button--primary,
.bg-green-blue-gradient .slider-control.button--secondary,
.bg-green-blue-gradient .slider-control.button--tertiary,
.bg-green-blue-gradient .slider-control.button--arrow-with-outline,
.bg-green-blue-gradient .slider-control.button--arrow,
.bg-green-blue-gradient .slider-control.button--fourth,
.bg-green-blue-gradient button.slider-control,
.bg-blue-green-gradient-to-bottom .button.slider-control,
.bg-blue-green-gradient-to-bottom .slider-control.button--primary,
.bg-blue-green-gradient-to-bottom .slider-control.button--secondary,
.bg-blue-green-gradient-to-bottom .slider-control.button--tertiary,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow-with-outline,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow,
.bg-blue-green-gradient-to-bottom .slider-control.button--fourth,
.bg-blue-green-gradient-to-bottom button.slider-control,
.bg-green-blue-gradient-to-bottom .button.slider-control,
.bg-green-blue-gradient-to-bottom .slider-control.button--primary,
.bg-green-blue-gradient-to-bottom .slider-control.button--secondary,
.bg-green-blue-gradient-to-bottom .slider-control.button--tertiary,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow-with-outline,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow,
.bg-green-blue-gradient-to-bottom .slider-control.button--fourth,
.bg-green-blue-gradient-to-bottom button.slider-control {
  border: 2px solid #ffffff;
  background-color: transparent;
}
.bg-blue-green-gradient .button.slider-control:hover, .bg-blue-green-gradient .slider-control.button--primary:hover, .bg-blue-green-gradient .slider-control.button--secondary:hover, .bg-blue-green-gradient .slider-control.button--tertiary:hover, .bg-blue-green-gradient .slider-control.button--arrow-with-outline:hover, .bg-blue-green-gradient .slider-control.button--arrow:hover, .bg-blue-green-gradient .slider-control.button--fourth:hover,
.bg-blue-green-gradient button.slider-control:hover,
.bg-green-blue-gradient .button.slider-control:hover,
.bg-green-blue-gradient .slider-control.button--primary:hover,
.bg-green-blue-gradient .slider-control.button--secondary:hover,
.bg-green-blue-gradient .slider-control.button--tertiary:hover,
.bg-green-blue-gradient .slider-control.button--arrow-with-outline:hover,
.bg-green-blue-gradient .slider-control.button--arrow:hover,
.bg-green-blue-gradient .slider-control.button--fourth:hover,
.bg-green-blue-gradient button.slider-control:hover,
.bg-blue-green-gradient-to-bottom .button.slider-control:hover,
.bg-blue-green-gradient-to-bottom .slider-control.button--primary:hover,
.bg-blue-green-gradient-to-bottom .slider-control.button--secondary:hover,
.bg-blue-green-gradient-to-bottom .slider-control.button--tertiary:hover,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow-with-outline:hover,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow:hover,
.bg-blue-green-gradient-to-bottom .slider-control.button--fourth:hover,
.bg-blue-green-gradient-to-bottom button.slider-control:hover,
.bg-green-blue-gradient-to-bottom .button.slider-control:hover,
.bg-green-blue-gradient-to-bottom .slider-control.button--primary:hover,
.bg-green-blue-gradient-to-bottom .slider-control.button--secondary:hover,
.bg-green-blue-gradient-to-bottom .slider-control.button--tertiary:hover,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow-with-outline:hover,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow:hover,
.bg-green-blue-gradient-to-bottom .slider-control.button--fourth:hover,
.bg-green-blue-gradient-to-bottom button.slider-control:hover {
  background-color: #ffffff;
}
.bg-blue-green-gradient .button.slider-control:hover::before, .bg-blue-green-gradient .slider-control.button--primary:hover::before, .bg-blue-green-gradient .slider-control.button--secondary:hover::before, .bg-blue-green-gradient .slider-control.button--tertiary:hover::before, .bg-blue-green-gradient .slider-control.button--arrow-with-outline:hover::before, .bg-blue-green-gradient .slider-control.button--arrow:hover::before, .bg-blue-green-gradient .slider-control.button--fourth:hover::before,
.bg-blue-green-gradient button.slider-control:hover::before,
.bg-green-blue-gradient .button.slider-control:hover::before,
.bg-green-blue-gradient .slider-control.button--primary:hover::before,
.bg-green-blue-gradient .slider-control.button--secondary:hover::before,
.bg-green-blue-gradient .slider-control.button--tertiary:hover::before,
.bg-green-blue-gradient .slider-control.button--arrow-with-outline:hover::before,
.bg-green-blue-gradient .slider-control.button--arrow:hover::before,
.bg-green-blue-gradient .slider-control.button--fourth:hover::before,
.bg-green-blue-gradient button.slider-control:hover::before,
.bg-blue-green-gradient-to-bottom .button.slider-control:hover::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--primary:hover::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--secondary:hover::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--tertiary:hover::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow-with-outline:hover::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow:hover::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--fourth:hover::before,
.bg-blue-green-gradient-to-bottom button.slider-control:hover::before,
.bg-green-blue-gradient-to-bottom .button.slider-control:hover::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--primary:hover::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--secondary:hover::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--tertiary:hover::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow-with-outline:hover::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow:hover::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--fourth:hover::before,
.bg-green-blue-gradient-to-bottom button.slider-control:hover::before {
  background-image: url("../../img/icons/icon--arrow-blue-bold-right.svg");
}
.bg-blue-green-gradient .button.slider-control::before, .bg-blue-green-gradient .slider-control.button--primary::before, .bg-blue-green-gradient .slider-control.button--secondary::before, .bg-blue-green-gradient .slider-control.button--tertiary::before, .bg-blue-green-gradient .slider-control.button--arrow-with-outline::before, .bg-blue-green-gradient .slider-control.button--arrow::before, .bg-blue-green-gradient .slider-control.button--fourth::before,
.bg-blue-green-gradient button.slider-control::before,
.bg-green-blue-gradient .button.slider-control::before,
.bg-green-blue-gradient .slider-control.button--primary::before,
.bg-green-blue-gradient .slider-control.button--secondary::before,
.bg-green-blue-gradient .slider-control.button--tertiary::before,
.bg-green-blue-gradient .slider-control.button--arrow-with-outline::before,
.bg-green-blue-gradient .slider-control.button--arrow::before,
.bg-green-blue-gradient .slider-control.button--fourth::before,
.bg-green-blue-gradient button.slider-control::before,
.bg-blue-green-gradient-to-bottom .button.slider-control::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--primary::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--secondary::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--tertiary::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow-with-outline::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--arrow::before,
.bg-blue-green-gradient-to-bottom .slider-control.button--fourth::before,
.bg-blue-green-gradient-to-bottom button.slider-control::before,
.bg-green-blue-gradient-to-bottom .button.slider-control::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--primary::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--secondary::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--tertiary::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow-with-outline::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--arrow::before,
.bg-green-blue-gradient-to-bottom .slider-control.button--fourth::before,
.bg-green-blue-gradient-to-bottom button.slider-control::before {
  background-image: url("../../img/icons/icon--arrow-white-bold-right.svg");
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== TABS ====

    Component description:
        Tabs component.

    Modificators:
        No modificators.
*/
.tabs .tabs-list {
  margin-bottom: 70px;
}
.tabs .tabs-item {
  display: none;
  opacity: 0;
  transition: 0.3s ease opacity;
}
.tabs .tabs-item.active-tab-item {
  display: block;
  opacity: 1;
  transition: 0.3s ease opacity;
}
.tabs .tabs-list__item {
  padding: 8px 20px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #05678d;
  color: #05678d;
  line-height: 1.8rem;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
}
.tabs .tabs-list__item:not(:last-child) {
  margin-right: 15px;
}
.tabs .tabs-list__item.active-tab-button {
  background-color: #05678d;
  color: #ffffff;
}

.bg-blue-green-gradient.tabs .tabs-list__item,
.bg-green-blue-gradient.tabs .tabs-list__item,
.bg-blue-green-gradient-to-bottom.tabs .tabs-list__item,
.bg-green-blue-gradient-to-bottom.tabs .tabs-list__item {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}
.bg-blue-green-gradient.tabs .tabs-list__item.active-tab-button,
.bg-green-blue-gradient.tabs .tabs-list__item.active-tab-button,
.bg-blue-green-gradient-to-bottom.tabs .tabs-list__item.active-tab-button,
.bg-green-blue-gradient-to-bottom.tabs .tabs-list__item.active-tab-button {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #05678d;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== BREADCRUMBS ====

    Component description:
        Website breadcrumbs.

    Modificators:
        No modificators.
*/
.breadcrumbs {
  margin-top: 40px;
  margin-bottom: 80px;
}
.breadcrumbs:first-child {
  margin-top: 80px;
}
.breadcrumbs ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
.breadcrumbs ul li {
  list-style: none;
  padding: 0 20px 0 30px;
  position: relative;
  font-size: 1.8rem;
  margin-bottom: 0;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
}
.breadcrumbs ul li a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.breadcrumbs ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 10px;
  bottom: 0;
  width: 12px;
  height: 11px;
  background-image: url("../../img/icons/icon--double-arrow-blue.svg");
}
.breadcrumbs ul li:first-child {
  padding-left: 0;
}
.breadcrumbs ul li:first-child::before {
  content: none;
}
.breadcrumbs ul li:last-child {
  color: #05668d;
  padding-right: 0;
}
.breadcrumbs ul li:last-child a {
  pointer-events: none;
  color: inherit;
}

.breadcrumbs-wrapper {
  margin-bottom: 70px;
}
.breadcrumbs-wrapper:last-child {
  margin-bottom: 0;
}
.breadcrumbs-wrapper ul.breadcrumbs {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
.breadcrumbs-wrapper ul.breadcrumbs li {
  list-style: none;
  padding: 0 20px;
  position: relative;
  margin-bottom: 0;
}
.breadcrumbs-wrapper ul.breadcrumbs li a {
  font-size: inherit;
}
.breadcrumbs-wrapper ul.breadcrumbs li::before {
  content: ">";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.breadcrumbs-wrapper ul.breadcrumbs li:first-child {
  padding-left: 0;
}
.breadcrumbs-wrapper ul.breadcrumbs li:first-child::before {
  content: none;
}
.breadcrumbs-wrapper ul.breadcrumbs li:last-child {
  padding-right: 0;
}

.page-header.slim + .breadcrumbs {
  margin-top: 0;
}

.breadcrumbs + .elements-list {
  padding-top: 0 !important;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== SIDEBAR ====

    Component description:
        Website sidebar.

    Modificators:
        No modificators.
*/
.sidebar .sidebar__inner {
  padding-top: 65px;
}
.sidebar .sidebar__inner .title {
  margin-bottom: 20px;
  margin-top: 70px;
}
.sidebar .sidebar__inner .title:first-child {
  margin-top: 0;
}
.sidebar .sidebar__inner .title h1,
.sidebar .sidebar__inner .title h2,
.sidebar .sidebar__inner .title h3,
.sidebar .sidebar__inner .title h4,
.sidebar .sidebar__inner .title h5,
.sidebar .sidebar__inner .title h6 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 0;
}
.sidebar .sidebar__inner *:last-child {
  margin-bottom: 0;
}
.sidebar .input-wrapper.with-icon .icon {
  min-width: 50px;
}

.sidebar.type-2 {
  padding: 50px !important;
  border-radius: 25px;
}
.sidebar.type-2 .sidebar__inner {
  padding-top: 0;
}
.sidebar.type-2 .title {
  margin-top: 40px;
}
.sidebar.type-2 .title:first-child {
  margin-top: 0;
}
.sidebar.type-2 .title h1,
.sidebar.type-2 .title h2,
.sidebar.type-2 .title h3,
.sidebar.type-2 .title h4,
.sidebar.type-2 .title h5,
.sidebar.type-2 .title h6 {
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
.sidebar.type-2 .content-box {
  margin: 30px 0;
}
.sidebar.type-2 .content-box:first-child {
  margin-top: 0;
}
.sidebar.type-2 .content-box:last-child {
  margin-bottom: 0;
}
.sidebar.type-2 .content-box .title {
  margin-bottom: 12px;
}
.sidebar.type-2 .content-box .title h1,
.sidebar.type-2 .content-box .title h2,
.sidebar.type-2 .content-box .title h3,
.sidebar.type-2 .content-box .title h4,
.sidebar.type-2 .content-box .title h5,
.sidebar.type-2 .content-box .title h6 {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
.sidebar.type-2 .content-box .title h1 a,
.sidebar.type-2 .content-box .title h2 a,
.sidebar.type-2 .content-box .title h3 a,
.sidebar.type-2 .content-box .title h4 a,
.sidebar.type-2 .content-box .title h5 a,
.sidebar.type-2 .content-box .title h6 a {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
.sidebar.type-2 .content-box .text {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-family: "primary-light", Arial, Helvetica, sans-serif;
  margin-bottom: 12px;
}
.sidebar.type-2 .content-box .text p {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.sidebar.type-2 .content-box .date {
  font-family: "primary-light", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4rem;
}

@media (max-width: 470px) {
  .sidebar.type-2 {
    padding: 30px !important;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== PAGINATION ====

    Component description:
        Website pagination.

    Modificators:
        No modificators.
*/
.pagination {
  padding-bottom: 90px;
}
.pagination .pagination__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .pagination__inner ul {
  display: inline-flex;
  padding: 0;
  margin: 0;
}
.pagination .pagination__inner ul li {
  width: 52px;
  height: 52px;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  border-radius: 50%;
  overflow: hidden;
  width: 52px;
  height: 52px;
  margin: 0 3px;
}
.pagination .pagination__inner ul li::before {
  content: none;
}
.pagination .pagination__inner ul li a,
.pagination .pagination__inner ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  line-height: 1.8rem;
  transition: 0.2s ease;
  text-align: center;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  color: #000000;
}
.pagination .pagination__inner ul li a:hover,
.pagination .pagination__inner ul li span:hover {
  text-decoration: none;
}
.pagination .pagination__inner ul li.active {
  background-color: #febc42;
}
.pagination .pagination__inner ul li:not(.active) a:hover {
  background-color: #e0e5e8;
  transition: 0.2s ease;
}
.pagination .pagination__inner .pagination-control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  transition: 0.2s ease;
  border-radius: 50%;
  overflow: hidden;
}
.pagination .pagination__inner .pagination-control:hover {
  background-color: #e0e5e8;
  transition: 0.2s ease;
}
.pagination .pagination__inner .pagination-control img {
  width: 12px;
  height: 11px;
  max-width: unset;
}
.pagination .pagination__inner .pagination-control.prev {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .pagination, .pagination.padding-top-0, .pagination.padding-top-50, .pagination.padding-top-100, .pagination.padding-top-150, .pagination.padding-top-200 {
    padding-top: 100px !important;
  }
  .pagination, .pagination.padding-bottom-0, .pagination.padding-bottom-50, .pagination.padding-bottom-100, .pagination.padding-bottom-150, .pagination.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== TAG ====

    Component description:
        Tag element.

    Modificators:
        No modificators.
*/
.tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.tags-wrapper .tag:not(:last-child) {
  margin-right: 20px;
}

.tag {
  color: #ffffff;
  position: relative;
  z-index: 1;
  display: inline-block;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #05678d, #00aba6);
}
.tag span {
  z-index: 3;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: inherit;
  padding: 5px 10px;
  display: inline-block;
}
.tag a {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: inherit;
}
.tag a:hover {
  text-decoration: none;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== CONTENT METADATA ====

    Component description:
        Content metadata.

    Modificators:
        No modificators.
*/
.content-metadata {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #000000;
  margin-top: 40px;
  margin-bottom: 40px;
}
.content-metadata.space-between .content-metadata__inner {
  justify-content: space-between;
}
.content-metadata:first-child {
  margin-top: 0;
}
.content-metadata:last-child {
  margin-bottom: 0;
}
.content-metadata .content-metadata__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.content-metadata img {
  border-radius: 0 !important;
  width: auto !important;
}
.content-metadata .content-metadata__separator {
  position: relative;
  width: 2px;
  height: 32px;
  background-color: #febc42;
}
.content-metadata .data-wrapper {
  display: flex;
  align-items: center;
}
.content-metadata .data-wrapper .value .images {
  display: flex;
  align-items: center;
}
.content-metadata .data-wrapper .value .images a {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.content-metadata .data-wrapper .value .images a:hover img {
  opacity: 0.6;
  transition: 0.3s ease;
}
.content-metadata .data-wrapper .value .images img {
  width: auto;
  border-radius: 0;
  height: 25px;
  transition: 0.3s ease;
}
.content-metadata .data-wrapper .value .images .image:not(:last-child) {
  margin-right: 20px;
}
.content-metadata .arrow {
  width: 12px !important;
  height: 11px !important;
  margin-left: 12px;
  margin-right: 12px;
}

section .content-metadata .container,
section .content-metadata .container-fluid {
  padding: 0;
  margin: 0;
  max-width: unset;
}

@media (max-width: 500px) {
  .content-metadata .content-metadata__inner {
    display: block;
  }
  .content-metadata .content-metadata__inner .data-wrapper:not(:last-child) {
    margin-bottom: 30px;
  }
  .content-metadata .content-metadata__inner .content-metadata__separator {
    display: none;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== TIMELINE ELEMENT ====

    Component description:
        Timeline element.

    Modificators:
        No modificators.
*/
.timeline-element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.timeline-element .circle {
  width: 50px;
  height: 50px;
  border: 3px solid #febc42;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-element .circle .outter {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.timeline-element .circle .outter .inner {
  background-color: #febc42;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.timeline-element .line {
  display: block;
  height: calc(100% - 50px);
  width: 3px;
  background-color: #febc42;
}

.bg-blue-green-gradient .timeline-element .circle,
.bg-green-blue-gradient .timeline-element .circle,
.bg-blue-green-gradient-to-bottom .timeline-element .circle,
.bg-green-blue-gradient-to-bottom .timeline-element .circle {
  border: 3px solid #ffffff;
}
.bg-blue-green-gradient .timeline-element .line,
.bg-green-blue-gradient .timeline-element .line,
.bg-blue-green-gradient-to-bottom .timeline-element .line,
.bg-green-blue-gradient-to-bottom .timeline-element .line {
  background-color: #ffffff;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== DECORATION ====

    Component description:
        Tag element.

    Modificators:

    1. Position left bottom
        Description:             Position decoration left bottom 
        Hook element selector:   decoration-rectangle
        Class to add:            decoration--left-bottom

	2. Position right bottom
		Description:             Position decoration right bottom 
		Hook element selector:   decoration-rectangle
		Class to add:            decoration--right-bottom

	3. Position left middle
		Description:             Position decoration left middle 
		Hook element selector:   decoration-rectangle
		Class to add:            decoration--left-top-middle

	4. Position right middle
		Description:             Position decoration right middle 
		Hook element selector:   decoration-rectangle
		Class to add:            decoration--right-top-middle

*/
.decoration-rectangle {
  width: 360px;
  height: 360px;
  position: absolute;
  border-radius: 40px;
  z-index: -10;
  transition: transform 0.4s ease-out;
}

.decoration--left-bottom {
  left: -70px;
  bottom: -80px;
}

.decoration--right-bottom {
  right: -70px;
  bottom: -70px;
}

.decoration--left-top-middle {
  left: -40px;
  top: 70px;
}

.decoration--right-top-middle {
  right: 40px;
  top: 50px;
}

.decoration--left-top {
  left: -70px;
  top: -80px;
}

.decoration--left-bottom-middle {
  left: -40px;
  bottom: 70px;
}

.decoration--right-top {
  right: -70px;
  top: -80px;
}

.decoration--right-bottom-middle {
  right: -40px;
  bottom: 70px;
}

.decoration--green {
  background: #02c39a;
  opacity: 30%;
}

.decoration--blue {
  background: #05678d;
  opacity: 30%;
}

.decoration--yellow {
  background: #febc42;
  opacity: 30%;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== POPUP ====

    Component description:
        Website popups.

    Modificators:
        No modificators.
*/
.popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  width: 100%;
  height: 100dvh;
  overflow-y: scroll;
}
.popup.active {
  display: block;
  position: fixed;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup.active::-webkit-scrollbar {
  display: none;
}
.popup .popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.3;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.popup .popup__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 960px;
  max-width: 100%;
  margin: 100px auto;
  z-index: 50;
  background-color: #ffffff;
  padding: 50px;
  overflow: hidden;
  animation-name: slideIn;
  animation-duration: 0.4s;
}
.popup .popup__inner::-webkit-scrollbar {
  display: none;
}
.popup .popup__inner button.close-container__wrapper.close-popup {
  border-radius: 0px;
}
.popup .popup__inner .heading {
  margin-bottom: 60px;
}
.popup .popup__inner .heading .title h1,
.popup .popup__inner .heading .title h2,
.popup .popup__inner .heading .title h3,
.popup .popup__inner .heading .title h4,
.popup .popup__inner .heading .title h5,
.popup .popup__inner .heading .title h6 {
  font-size: 4.8rem;
  line-height: 4.8rem;
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
}
.popup .popup__inner .close-container__wrapper {
  min-width: unset;
  border: none;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  background: none;
}
.popup .popup__inner .close-container {
  font-size: 0;
  width: 25px;
  height: 25px;
}
.popup .popup__inner .close-container > span {
  background: #ffffff;
  width: 25px;
  height: 1px;
  display: block;
}
.popup .popup__inner .close-container > span:nth-child(1) {
  transform: translateY(15px) rotate(45deg);
}
.popup .popup__inner .close-container > span:nth-child(2) {
  transform: translateY(14px) rotate(-45deg);
}
.popup .popup__inner .text {
  text-align: left;
}
.popup .popup__inner .text p:last-child {
  margin-bottom: 0;
}
.popup .popup__inner .text p:first-child {
  margin-top: 0;
}
.popup .popup__inner .cta {
  margin-top: 40px;
  text-align: center;
}
.popup .popup__inner .decoration-rectangle {
  width: 160px;
  height: 160px;
}
.popup .popup__inner .decoration-wrapper {
  overflow-y: scroll;
  max-height: 600px;
  overflow: hidden;
}
.popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-top.decoration--blue {
  top: -35px;
  left: -40px;
}
.popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-top.decoration--green {
  top: -90px;
  left: 40px;
}
.popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--left-bottom.decoration--blue {
  bottom: -35px;
  left: -40px;
}
.popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--left-bottom.decoration--green {
  bottom: -90px;
  left: 40px;
}
.popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-bottom.decoration--blue {
  bottom: -35px;
  right: -40px;
}
.popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-bottom.decoration--green {
  bottom: -90px;
  right: 40px;
}
.popup.team-member-popup .team-member__image .image {
  height: 100%;
}
.popup.team-member-popup .team-member__image .decoration--blue {
  left: 185px;
  top: -40px;
}
.popup.team-member-popup .team-member__image .decoration--green {
  left: 273px;
  top: -96px;
}
.popup.team-member-popup .team-member__information {
  display: inline-block;
  max-width: calc(100% - 290px);
  margin-left: 40px;
  text-align: left;
  width: 100%;
}
.popup.team-member-popup .team-member__information .heading {
  margin-bottom: 0;
}
.popup.team-member-popup .team-member__information .heading .title {
  margin-bottom: 15px;
}
.popup.team-member-popup .popup__socials {
  display: flex;
  margin-bottom: 20px;
}
.popup.team-member-popup .popup__socials a {
  display: block;
  width: 37px;
  height: 37px;
  margin-right: 15px;
}
.popup.team-member-popup .popup__socials a:last-child {
  margin-right: 0;
}
.popup.team-member-popup .team-member__image-and-information {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.popup.team-member-popup .team-member__image {
  width: 250px;
  height: 333px;
  display: inline-block;
  font-size: 0;
}
.popup.team-member-popup .team-member__image img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup.team-member-popup .popup__inner {
  padding: 0;
}
.popup.team-member-popup .text {
  padding: 50px;
}
.popup.team-member-popup.no-description .popup__inner .text {
  display: none;
}
.popup.team-member-popup.no-description .team-member__information {
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .popup .container {
    max-width: 920px;
  }
}
@media (max-width: 767px) {
  .popup .popup__inner .heading .title h1,
  .popup .popup__inner .heading .title h2,
  .popup .popup__inner .heading .title h3,
  .popup .popup__inner .heading .title h4,
  .popup .popup__inner .heading .title h5,
  .popup .popup__inner .heading .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
  .popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-top.decoration--blue {
    top: -100px;
    left: -40px;
  }
  .popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-top.decoration--green {
    top: -130px;
    left: 40px;
  }
  .popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--left-bottom.decoration--blue {
    bottom: -100px;
    left: -40px;
  }
  .popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--left-bottom.decoration--green {
    bottom: -130px;
    left: 40px;
  }
  .popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-bottom.decoration--blue {
    bottom: -100px;
    right: -40px;
  }
  .popup .popup__inner .decoration-wrapper .decoration-rectangle.decoration--right-bottom.decoration--green {
    bottom: -130px;
    right: 40px;
  }
  .popup .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .popup .container {
    padding-left: 0;
    padding-right: 0;
    max-width: unset !important;
  }
}
@media (max-width: 500px) {
  .popup .popup__inner {
    padding: 50px 30px;
  }
  .popup .popup__inner .heading {
    margin-bottom: 60px;
  }
  .popup .popup__inner .heading .title h1,
  .popup .popup__inner .heading .title h2,
  .popup .popup__inner .heading .title h3,
  .popup .popup__inner .heading .title h4,
  .popup .popup__inner .heading .title h5,
  .popup .popup__inner .heading .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    font-family: "primary-bold", Arial, Helvetica, sans-serif;
  }
  .popup .popup__inner .decoration-rectangle.decoration--left-bottom {
    display: none;
  }
  .popup .popup__inner .decoration-rectangle.decoration--right-bottom {
    display: none;
  }
  .popup.team-member-popup .team-member__image-and-information {
    align-items: center;
    flex-direction: column;
  }
  .popup.team-member-popup .team-member__image {
    margin-bottom: 20px;
    position: relative;
  }
  .popup.team-member-popup .team-member__information {
    max-width: unset;
    padding-right: 0;
    margin-left: 0;
    text-align: center;
  }
  .popup.team-member-popup .popup__socials {
    justify-content: center;
  }
  .popup.team-member-popup .team-member__image .decoration--blue {
    left: -40px;
    top: 70px;
  }
  .popup.team-member-popup .team-member__image .decoration--green {
    left: 165px;
    top: 238px;
  }
  .popup.team-member-popup .text {
    padding: 50px 30px;
  }
  .popup.team-member-popup .team-member__image .image {
    width: 240px;
  }
  .popup.team-member-popup .popup__inner .close-container__wrapper {
    right: 3px;
    top: 3px;
  }
}
@media (max-width: 400px) {
  .popup.team-member-popup .popup__inner .team-member__image .decoration--green {
    left: 135px;
    top: 215px;
  }
}
@keyframes slideIn {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== GALLERY ====

    Component description:
        Website gallery.

    Modificators:
        No modificators.
*/
.gallery {
  width: 760px;
}
.gallery .main-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 560px;
}
.gallery .main-image-wrapper img {
  max-height: 100%;
  border-radius: 15px;
}
.gallery .main-image-wrapper > a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery .images-list {
  display: flex;
  max-width: 700px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-top: 10px;
  padding-bottom: 2px;
}
.gallery .images-list::-webkit-scrollbar {
  display: none;
}
.gallery .images-list .images-list__image {
  width: 170px;
  height: 170px;
  border-top: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 170px;
  border-radius: 18px;
}
.gallery .images-list .images-list__image img {
  border-radius: 15px;
}
.gallery .images-list .images-list__image.active-image {
  border: 3px solid #00aba6 !important;
}
.gallery .images-list .images-list__image:not(.active-image):hover {
  border: 3px solid #e0e5e8 !important;
  padding: 3px;
}
.gallery .images-list .images-list__image:not(:last-child) {
  border-right: none;
  margin-right: 5px;
}
.gallery .images-list .images-list__image a[data-fslightbox] {
  font-size: 0;
  line-height: 0;
}
.gallery .os-viewport {
  display: flex;
}
.gallery .os-scrollbar {
  padding: 0;
  height: 4px;
}
.gallery .os-scrollbar-track {
  background: #ececec;
}
.gallery .os-scrollbar.os-scrollbar-vertical {
  display: none;
}

@media (max-width: 767px) {
  .gallery .main-image-wrapper {
    width: 100%;
    height: auto;
  }
}
/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== SCROLLBAR ====

    Component description:
        Custom scrollbar.

    Modificators:
        No modificators.
*/
.os-scrollbar .os-scrollbar-handle {
  background-color: #00aba6;
  border-radius: 0;
  cursor: grab;
}
.os-scrollbar.os-scrollbar-interaction .os-scrollbar-handle {
  background-color: #febc42;
}

/*
    File Name: _variables.scss

    Description:
    This is the variables SCSS file that imports all variables that are used all over project.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the variables that are used accros project.
    Any direct styles added to this file may be overridden by the imported files.
*/
/*
    ==== COLORS.VARIABLES ====

    Description:
        All variables related to colors.

    Modificators:
        No modificators.
*/
/*
    ==== FONT.VARIABLES ====

    Description:
        All variables related to fonts.

    Modificators:
        No modificators.
*/
/*
    ==== FORM VALIDATION ====

    Component description:
        Style of form validation(client and server side).

    Modificators:
        No modificators.
*/
.alert {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fafafa !important;
}

.alert-danger,
.alert-error,
.alert-info,
.alert-warning,
.alert-success {
  border: none !important;
  border-radius: 3px;
  color: #333 !important;
}

.alert-danger,
.alert-error {
  border-left: 5px solid #d73925 !important;
}

.alert-info {
  border-left: 5px solid #00acd6 !important;
}

.alert-warning {
  border-left: 5px solid #febc42 !important;
}

.alert-success {
  border-left: 5px solid #008d4c !important;
}

.alert .close {
  opacity: 1;
}

.alert p {
  margin-right: 60px;
  margin-top: 0;
}

button.close {
  padding: 9px 30px;
  position: absolute;
  top: 8px;
  right: 0;
  background-color: transparent;
  font-size: 24px;
  transform: none;
  cursor: pointer;
}

.just-validate-error-label {
  font-size: 1.4rem;
  margin-top: 3px;
}

/* 
    ==== Spacings ==== 
*/
/*
    ==== SPACING ====

    Description:
        List of all aviailable spacings (padding and margin) accross the website.

    Modificators:
        No modificators.
*/
.padding-0 {
  padding: 0 !important;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-top-90 {
  padding-top: 90px !important;
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.padding-top-110 {
  padding-top: 110px !important;
}

.padding-bottom-110 {
  padding-bottom: 110px !important;
}

.padding-top-120 {
  padding-top: 120px !important;
}

.padding-bottom-120 {
  padding-bottom: 120px !important;
}

.padding-top-130 {
  padding-top: 130px !important;
}

.padding-bottom-130 {
  padding-bottom: 130px !important;
}

.padding-top-140 {
  padding-top: 140px !important;
}

.padding-bottom-140 {
  padding-bottom: 140px !important;
}

.padding-top-150 {
  padding-top: 150px !important;
}

.padding-bottom-150 {
  padding-bottom: 150px !important;
}

.padding-top-160 {
  padding-top: 160px !important;
}

.padding-bottom-160 {
  padding-bottom: 160px !important;
}

.padding-top-170 {
  padding-top: 170px !important;
}

.padding-bottom-170 {
  padding-bottom: 170px !important;
}

.padding-top-180 {
  padding-top: 180px !important;
}

.padding-bottom-180 {
  padding-bottom: 180px !important;
}

.padding-top-190 {
  padding-top: 190px !important;
}

.padding-bottom-190 {
  padding-bottom: 190px !important;
}

.padding-top-200 {
  padding-top: 200px !important;
}

.padding-bottom-200 {
  padding-bottom: 200px !important;
}

.margin-0 {
  margin: 0 !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-bottom-70 {
  margin-bottom: 80px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-bottom-80 {
  margin-bottom: 90px !important;
}

.margin-top-90 {
  margin-top: 90px !important;
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-top-110 {
  margin-top: 110px !important;
}

.margin-bottom-110 {
  margin-bottom: 110px !important;
}

.margin-top-120 {
  margin-top: 120px !important;
}

.margin-bottom-120 {
  margin-bottom: 120px !important;
}

.margin-top-130 {
  margin-top: 130px !important;
}

.margin-bottom-130 {
  margin-bottom: 130px !important;
}

.margin-top-140 {
  margin-top: 140px !important;
}

.margin-bottom-140 {
  margin-bottom: 140px !important;
}

.margin-top-150 {
  margin-top: 150px !important;
}

.margin-bottom-150 {
  margin-bottom: 150px !important;
}

.margin-top-160 {
  margin-top: 160px !important;
}

.margin-bottom-160 {
  margin-bottom: 160px !important;
}

.margin-top-170 {
  margin-top: 170px !important;
}

.margin-bottom-170 {
  margin-bottom: 170px !important;
}

.margin-top-180 {
  margin-top: 180px !important;
}

.margin-bottom-180 {
  margin-bottom: 180px !important;
}

.margin-top-190 {
  margin-top: 190px !important;
}

.margin-bottom-190 {
  margin-bottom: 190px !important;
}

.margin-top-200 {
  margin-top: 200px !important;
}

.margin-bottom-200 {
  margin-bottom: 200px !important;
}