/*
    File Name: all-sections.scss

    Description:
    This is the all-secitons SCSS file that imports all sections SCSS files.

    Note:
    This file should not contain any actual CSS styles. Its purpose is to
    bring together all the necessary styles from the smaller SCSS files.
    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.
*/
.hero-slider {
  color: #ffffff;
}
.hero-slider .swiper {
  min-height: calc(100dvh - var(--headerHeight, 99px));
}
.hero-slider .swiper-wrapper {
  max-height: 800px;
}
.hero-slider .swiper-slide {
  position: relative;
  background-color: #ffffff;
}
.hero-slider .swiper-slide .container {
  height: 100%;
  max-width: unset !important;
  display: flex;
  align-items: center;
}
.hero-slider .swiper-slide::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 2;
  background: linear-gradient(to right, #0088a3, transparent);
}
.hero-slider .swiper-slide .swiper-slide__bg-image.facade {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.hero-slider .swiper-slide .swiper-slide__content {
  position: relative;
  z-index: 3;
  padding: 150px 0 150px 220px;
  height: 100%;
}
.hero-slider .swiper-slide .swiper-slide__content .container-fluid,
.hero-slider .swiper-slide .swiper-slide__content .wrapper {
  height: 100%;
}
.hero-slider .swiper-slide .swiper-slide__content .inner-content {
  max-width: 650px;
}
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title {
  margin-bottom: 20px;
}
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title h1,
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title h2,
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title h3,
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title h4,
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title h5,
.hero-slider .swiper-slide .swiper-slide__content .inner-content .title h6 {
  font-size: 6rem;
  line-height: 6rem;
  margin-top: 0;
  margin-bottom: 0;
}
.hero-slider .swiper-slide .swiper-slide__content .cta-wrapper {
  margin-top: 30px;
}
.hero-slider .swiper-slide .swiper-slide__content .cta-wrapper .button {
  padding-left: 25px;
  padding-right: 25px;
}
.hero-slider .swiper-pagination {
  position: absolute;
  top: 50% !important;
  left: 150px;
  transform: translateY(-50%);
  z-index: 3;
}
.hero-slider .scroll-to {
  position: absolute;
  bottom: 70px;
  text-align: center;
  z-index: 3;
  color: #ffffff;
  font-family: "primary-light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
.hero-slider .scroll-to .button {
  display: block;
}
.hero-slider .scroll-to:hover .icon {
  animation-play-state: paused;
}
.hero-slider .scroll-to a {
  color: inherit;
  display: block;
  font-family: inherit;
  font-size: inherit;
}
.hero-slider .scroll-to .text {
  margin-bottom: 18px;
}
.hero-slider .scroll-to .icon {
  font-size: 0;
  line-height: 0;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-13px);
  }
  60% {
    transform: translateY(-7px);
  }
}

@media (max-width: 991px) {
  .hero-slider .swiper-slide .swiper-slide__content {
    padding-left: 100px;
  }
  .hero-slider .swiper-pagination {
    left: 55px;
  }
}
@media (max-width: 767px) {
  .hero-slider {
    min-height: unset;
  }
  .hero-slider .swiper-slide {
    min-height: calc(100vh - var(--headerHeight, 99px));
    display: flex;
    align-items: center;
  }
  .hero-slider .swiper-slide .swiper-slide__content {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title {
    margin-bottom: 20px;
  }
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title h1,
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title h2,
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title h3,
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title h4,
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title h5,
  .hero-slider .swiper-slide .swiper-slide__content .inner-content .title h6 {
    font-size: 4.8rem;
    line-height: 4.8rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .hero-slider .swiper-pagination {
    left: 55px;
  }
}
@media (max-width: 575px) {
  .hero-slider .swiper-slide .swiper-slide__content {
    padding-left: 0;
    padding-bottom: 150px;
    padding-top: 50px;
  }
  .hero-slider .swiper-pagination {
    top: unset !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: 90px;
    display: flex;
    align-items: center;
  }
  .hero-slider .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 20px;
  }
  .hero-slider .scroll-to {
    bottom: 20px;
  }
}
/*
    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.
*/
/*
    ==== TEXT AND IMAGE ====

    Description: 
        Text and image section.

    Modificators:

    1. Text and image reverse

        Description:             Revert position of image and text(image to left, text to right)
        Hook element selector:   text-and-image
        Class to add:            .text-to-right

    2. Image decoration

        Description:             Padding on image with decorations
        Hook element selector:   text-and-image
        Class to add:            .image--decoration
*/
.text-and-image {
  padding-top: 150px;
  padding-bottom: 150px;
}
.text-and-image .container > .cta {
  margin-top: 100px;
}
.text-and-image .container > .heading {
  margin-bottom: 100px;
  max-width: 900px;
}
.text-and-image .container > .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.text-and-image .container > .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.text-and-image .subtitle {
  color: #6e6d6d;
}
.text-and-image .heading h1,
.text-and-image .heading h2,
.text-and-image .heading h3,
.text-and-image .heading h4,
.text-and-image .heading h5,
.text-and-image .heading h6 {
  font-size: 4.8rem;
  line-height: 4.8rem;
}
.text-and-image .text-and-image__inner .text *:last-child {
  margin-bottom: 0;
}
.text-and-image .text-and-image__inner .text p {
  margin-top: 0;
}
.text-and-image .text-and-image__inner .text .cta {
  margin-top: 60px;
}
.text-and-image .text-and-image__inner .text .heading {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 30px;
}
.text-and-image .text-and-image__inner .text .heading .title {
  margin-bottom: 0;
}
.text-and-image .text-and-image__inner .image img {
  display: block;
  border-radius: 20px;
}

@media (min-width: 768px) {
  .text-and-image .text-and-image__inner {
    display: flex;
    align-items: center;
  }
  .text-and-image .text-and-image__inner .image,
  .text-and-image .text-and-image__inner .text {
    width: 50%;
  }
  .text-and-image .text-and-image__inner .image {
    padding-left: 50px;
  }
  .text-and-image .text-and-image__inner .image img {
    margin-left: auto;
    margin-right: 0;
  }
  .text-and-image .text-and-image__inner .text {
    padding-right: 50px;
    flex: 1;
  }
  .text-and-image.text-to-right .text-and-image__inner {
    flex-direction: row-reverse;
  }
  .text-and-image.text-to-right .text-and-image__inner .image {
    padding-left: 0;
    padding-right: 50px;
  }
  .text-and-image.text-to-right .text-and-image__inner .image img {
    margin-right: auto;
    margin-left: 0;
    border-radius: 20px;
  }
  .text-and-image.text-to-right .text-and-image__inner .text {
    padding-right: 0;
    padding-left: 50px;
  }
  .text-and-image.text-to-right.image--decoration .text-and-image__inner .image img {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 50px;
    margin-left: 50px;
    border-radius: 20px;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-top-middle {
    right: 8%;
    top: 8%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--left-top-middle {
    left: 2%;
    top: 8%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--left-bottom {
    left: -2%;
    bottom: -15%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-top {
    right: 5%;
    top: -7%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--left-bottom-middle {
    left: 2%;
    bottom: 8%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--left-top {
    left: -2%;
    top: -7%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-bottom-middle {
    right: 8%;
    bottom: 10%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-bottom {
    right: 5%;
    bottom: -15%;
  }
  .text-and-image.image--decoration .text-and-image__inner .image img {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 50px;
    margin-left: 50px;
    border-radius: 20px;
  }
  .text-and-image.image--decoration .text {
    padding-right: 30px;
    padding-left: 40px;
  }
  .text-and-image.image--decoration .decoration--right-bottom {
    right: -2%;
    bottom: -10%;
  }
  .text-and-image.image--decoration .decoration--left-top {
    left: 5%;
    top: -10%;
  }
  .text-and-image.image--decoration .decoration--right-top {
    right: -2%;
    top: -10%;
  }
  .text-and-image.image--decoration .decoration--left-top-middle {
    left: 8%;
    top: 8%;
  }
  .text-and-image.image--decoration .decoration--right-top-middle {
    right: 2%;
    top: 10%;
  }
  .text-and-image.image--decoration .decoration--left-bottom {
    left: 5%;
    bottom: -10%;
  }
  .text-and-image.image--decoration .decoration--left-bottom-middle {
    left: 8%;
    bottom: 10%;
  }
  .text-and-image.image--decoration .decoration--right-bottom-middle {
    right: 2%;
    bottom: 10%;
  }
}
@media (max-width: 1599px) {
  .text-and-image.image--decoration .decoration-rectangle {
    width: 260px;
    height: 260px;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-top {
    right: -5%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-bottom {
    right: -5%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-bottom-middle {
    right: -5%;
  }
  .text-and-image.text-to-right.image--decoration .decoration--right-top-middle {
    right: -5%;
  }
}
@media (max-width: 1199px) {
  .text-and-image.image--decoration .image {
    padding-right: 0;
  }
  .text-and-image.image--decoration .decoration-rectangle {
    width: 157px;
    height: 157px;
    border-radius: 30px;
  }
}
@media (max-width: 992px) {
  .text-and-image.text-to-right.image--decoration .image {
    padding-right: 50px;
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .text-and-image.image--decoration .image {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .text-and-image.image--decoration .decoration--right-bottom {
    right: 0%;
    bottom: -10%;
  }
  .text-and-image.image--decoration .decoration--left-top {
    left: 0%;
    top: -5%;
  }
  .text-and-image.image--decoration .decoration--right-top {
    right: 0%;
    top: -5%;
  }
  .text-and-image.image--decoration .decoration--left-top-middle {
    left: 0%;
    top: 15%;
  }
  .text-and-image.image--decoration .decoration--right-top-middle {
    right: 0%;
    top: 15%;
  }
  .text-and-image.image--decoration .decoration--left-bottom {
    left: 0%;
    bottom: -10%;
    top: unset;
  }
  .text-and-image.image--decoration .decoration--left-bottom-middle {
    left: 0%;
    bottom: 15%;
  }
  .text-and-image.image--decoration .decoration--right-bottom-middle {
    right: 0%;
    bottom: 15%;
  }
  .text-and-image.image--decoration .image {
    padding-left: 0px;
    padding-right: 0px;
  }
  .text-and-image.image--decoration .image img {
    width: auto;
  }
  .text-and-image.image--decoration .image .decoration-rectangle {
    width: 157px;
    height: 157px;
    border-radius: 30px;
  }
  .text-and-image .section-title {
    display: flex;
    flex-direction: column-reverse;
    text-align: left !important;
    margin-bottom: 30px !important;
  }
  .text-and-image .section-title .title {
    margin-bottom: 0;
  }
  .text-and-image .section-title .title h1,
  .text-and-image .section-title .title h2,
  .text-and-image .section-title .title h3,
  .text-and-image .section-title .title h4,
  .text-and-image .section-title .title h5,
  .text-and-image .section-title .title h6 {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
  .text-and-image .section-title .title h1::before,
  .text-and-image .section-title .title h2::before,
  .text-and-image .section-title .title h3::before,
  .text-and-image .section-title .title h4::before,
  .text-and-image .section-title .title h5::before,
  .text-and-image .section-title .title h6::before {
    left: 0 !important;
    transform: none !important;
  }
  .text-and-image .heading .title h1,
  .text-and-image .heading .title h2,
  .text-and-image .heading .title h3,
  .text-and-image .heading .title h4,
  .text-and-image .heading .title h5,
  .text-and-image .heading .title h6 {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
  .text-and-image .text-and-image__inner .text {
    margin-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .text-and-image .heading .title h1,
  .text-and-image .heading .title h2,
  .text-and-image .heading .title h3,
  .text-and-image .heading .title h4,
  .text-and-image .heading .title h5,
  .text-and-image .heading .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 399px) {
  .text-and-image.image--decoration .image .decoration-rectangle {
    width: 120px;
    height: 120px;
  }
}
/*
    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.
*/
/*
    ==== CTA ====

    Description: 
        CTA section.

    Modificators:

    1. Inline CTA

        Description:             Inlines CTA and text
        Hook element selector:   .cta-block
        Class to add:            inline
*/
.cta-block {
  padding-top: 80px;
  padding-bottom: 80px;
}
.cta-block:not(.inline) .container.wide .cta-block__inner {
  max-width: 1000px;
  margin: 0 auto;
}
.cta-block:not(.inline) .cta-block__inner {
  max-width: 700px;
  margin: 0 auto;
}
.cta-block.text-left .cta-block__inner {
  margin-left: 0;
  margin-right: auto;
}
.cta-block.text-right .cta-block__inner {
  margin-left: auto;
  margin-right: 0;
}
.cta-block.inline .heading .title h1,
.cta-block.inline .heading .title h2,
.cta-block.inline .heading .title h3,
.cta-block.inline .heading .title h4,
.cta-block.inline .heading .title h5,
.cta-block.inline .heading .title h6 {
  font-size: 3.6rem;
  line-height: 3.6rem;
}
.cta-block .heading:last-child {
  margin-bottom: 0;
}
.cta-block .heading .title {
  margin-bottom: 20px;
}
.cta-block .heading .title:last-child {
  margin-bottom: 0;
}
.cta-block .heading .title h1,
.cta-block .heading .title h2,
.cta-block .heading .title h3,
.cta-block .heading .title h4,
.cta-block .heading .title h5,
.cta-block .heading .title h6 {
  font-size: 5.8rem;
  line-height: 6.5rem;
}
.cta-block .text p {
  margin-top: 0;
  margin-bottom: 5px;
}
.cta-block .text p:last-child {
  margin-bottom: 0;
}
.cta-block .cta-wrapper {
  margin-top: 50px;
}

@media (min-width: 768px) {
  .cta-block.inline .cta-block__inner {
    display: flex;
    align-items: center;
  }
  .cta-block.inline .cta-block__inner .cta-wrapper {
    min-width: 350px;
    padding-left: 50px;
    text-align: right;
    box-sizing: content-box;
    margin-top: 0;
  }
  .cta-block.inline .heading .title h1,
  .cta-block.inline .heading .title h2,
  .cta-block.inline .heading .title h3,
  .cta-block.inline .heading .title h4,
  .cta-block.inline .heading .title h5,
  .cta-block.inline .heading .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 575px) {
  .cta-block .heading .title h1,
  .cta-block .heading .title h2,
  .cta-block .heading .title h3,
  .cta-block .heading .title h4,
  .cta-block .heading .title h5,
  .cta-block .heading .title h6 {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
/*
    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.
*/
/*
    ==== MAP ====

    Description: 
        Section with map.

    Modificators:
        No modificators.
*/
.map-block .container,
.map-block .container-fluid {
  padding: 0;
  margin: 0;
  max-width: unset;
}
.map-block .map-wrapper {
  height: 650px;
}
.map-block .map-wrapper .map-content {
  width: 100%;
  height: 100%;
}
.map-block .map-wrapper .map-content .info-window {
  padding: 25px;
  padding-right: 40px;
  color: #ffffff;
  max-width: 240px;
  background-color: #00aba6;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  line-height: 1.8rem;
}
.map-block .map-wrapper .map-content .info-window .location {
  margin-bottom: 20px;
}
.map-block .map-wrapper .map-content .info-window .location:last-child {
  margin-bottom: 0;
}
.map-block .map-wrapper .map-content .info-window h1,
.map-block .map-wrapper .map-content .info-window h2,
.map-block .map-wrapper .map-content .info-window h3,
.map-block .map-wrapper .map-content .info-window h4,
.map-block .map-wrapper .map-content .info-window h5,
.map-block .map-wrapper .map-content .info-window h6 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.map-block .map-wrapper .map-content .info-window p {
  margin-top: 0;
}
.map-block .map-wrapper .map-content .info-window p:last-child {
  margin-bottom: 0;
}
.map-block .map-wrapper .map-content .info-window-content {
  color: #ffffff;
}
.map-block .map-wrapper .map-content .gm-style .gm-style-iw-c {
  padding: 0 !important;
}
.map-block .map-wrapper .map-content .gm-style .gm-style-iw-tc::after {
  background: #00aba6 !important;
}
.map-block .map-wrapper .map-content .gm-style .gm-style-iw-c button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 0 !important;
  right: 0 !important;
}
.map-block .map-wrapper .map-content .gm-style .gm-style-iw-c button span {
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
}
.map-block .map-wrapper .map-content ul li::before {
  content: none;
}
.map-block .map-wrapper .map-content .gm-style .gm-style-iw-d {
  overflow: auto !important;
}

@media (max-width: 575px) {
  .map-block .map-wrapper {
    height: 350px;
  }
}
/*
    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.
*/
/*
    ==== ELEMENTS LIST ====

    Description: 
        Elements list. Could be: list, grid, accordion.

    Modificators:

    1. Elements list - Grid display

        Description:             Transform elements list to grid
        Hook element selector:   .elements-list
        Class to add:            grid

    2. Elements list - Get in touch

        Description:             Get in touch - this is very specific modificator
        Hook element selector:   .elements-list
        Class to add:            get-in-touch

    3. Elements list - Timeline

        Description:             Transform elements list to timeline
        Hook element selector:   .elements-list
        Class to add:            timeline
*/
.elements-list {
  padding-top: 150px;
  padding-bottom: 150px;
}
.elements-list.element-icon-with-bg .element .icon {
  width: 120px;
  height: 120px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f8fa;
  padding: 24px;
  border-radius: 50%;
}
.elements-list.hero-icon.icon-with-border .element__inner {
  padding: 40px !important;
}
.elements-list.hero-icon.icon-with-border .element__inner .icon {
  padding: 0 !important;
}
.elements-list.hero-icon .element .element__inner.border-1px-solid-gray {
  padding: 40px;
}
.elements-list.hero-icon .element .element__inner.border-1px-solid-gray .icon {
  padding: 0;
}
.elements-list.hero-icon .element .icon {
  padding: 40px;
  border-radius: 10px;
  display: inline-block;
  min-width: unset;
}
.elements-list.hero-icon .elements-list__inner .element .heading .title h1,
.elements-list.hero-icon .elements-list__inner .element .heading .title h2,
.elements-list.hero-icon .elements-list__inner .element .heading .title h3,
.elements-list.hero-icon .elements-list__inner .element .heading .title h4,
.elements-list.hero-icon .elements-list__inner .element .heading .title h4,
.elements-list.hero-icon .elements-list__inner .element .heading .title h6 {
  font-size: 4.8rem;
  line-height: 6rem;
}
.elements-list.hero-icon .elements-list__inner .element .heading .title h1 a,
.elements-list.hero-icon .elements-list__inner .element .heading .title h2 a,
.elements-list.hero-icon .elements-list__inner .element .heading .title h3 a,
.elements-list.hero-icon .elements-list__inner .element .heading .title h4 a,
.elements-list.hero-icon .elements-list__inner .element .heading .title h4 a,
.elements-list.hero-icon .elements-list__inner .element .heading .title h6 a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.elements-list .elements-list__inner > .heading {
  margin-bottom: 100px;
  max-width: 800px;
}
.elements-list .elements-list__inner > .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.elements-list .elements-list__inner > .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.elements-list .elements-list__inner > .heading .title h1,
.elements-list .elements-list__inner > .heading .title h2,
.elements-list .elements-list__inner > .heading .title h3,
.elements-list .elements-list__inner > .heading .title h4,
.elements-list .elements-list__inner > .heading .title h5,
.elements-list .elements-list__inner > .heading .title h6 {
  font-size: 4.8rem;
  line-height: 4.8rem;
}
.elements-list .elements-list__inner .element .icon {
  margin-bottom: 35px;
  font-size: 0;
  line-height: 0;
  min-height: 80px;
}
.elements-list .elements-list__inner .element .heading {
  margin-bottom: 35px;
}
.elements-list .elements-list__inner .element .heading .title h1,
.elements-list .elements-list__inner .element .heading .title h2,
.elements-list .elements-list__inner .element .heading .title h3,
.elements-list .elements-list__inner .element .heading .title h4,
.elements-list .elements-list__inner .element .heading .title h5,
.elements-list .elements-list__inner .element .heading .title h6 {
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.elements-list .elements-list__inner .element .text {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
}
.elements-list .elements-list__inner .element .text p,
.elements-list .elements-list__inner .element .text a {
  font-family: inherit;
  margin-top: 0;
}
.elements-list .elements-list__inner .element .text p:last-child {
  margin-bottom: 0;
}
.elements-list .elements-list__inner .element .cta-wrapper {
  margin-top: 35px;
}
.elements-list .cta-wrapper {
  margin-top: 70px;
}
.elements-list .cta {
  margin-top: 100px;
}

.elements-list.get-in-touch.grid.items-3 .elements-wrapper {
  gap: 100px;
}
.elements-list.get-in-touch.bg-blue-green-gradient .elements-list__inner .element .text, .elements-list.get-in-touch.bg-green-blue-gradient .elements-list__inner .element .text, .elements-list.get-in-touch.bg-blue-green-gradient-to-bottom .elements-list__inner .element .text, .elements-list.get-in-touch.bg-green-blue-gradient-to-bottom .elements-list__inner .element .text {
  color: #ffffff;
}
.elements-list.get-in-touch .elements-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
.elements-list.get-in-touch .elements-list__inner .element .icon {
  width: 102px;
  height: 102px;
  padding: 20px;
}
.elements-list.get-in-touch .elements-list__inner .element .text {
  color: #000000;
}
.elements-list.get-in-touch .elements-list__inner .element .text a {
  color: inherit;
}

.elements-list.timeline {
  padding-top: 0;
  padding-bottom: 0;
}
.elements-list.timeline .elements-list__inner > .heading {
  max-width: 1100px;
}
.elements-list.timeline .container {
  padding-top: 150px;
  padding-bottom: 150px;
}
.elements-list.timeline .elements-wrapper {
  max-width: 1100px;
  margin: 0 auto;
}
.elements-list.timeline .elements-list__inner .element .heading .title h1,
.elements-list.timeline .elements-list__inner .element .heading .title h2,
.elements-list.timeline .elements-list__inner .element .heading .title h3,
.elements-list.timeline .elements-list__inner .element .heading .title h4,
.elements-list.timeline .elements-list__inner .element .heading .title h5,
.elements-list.timeline .elements-list__inner .element .heading .title h6 {
  font-size: 3rem;
  line-height: 4rem;
}
.elements-list.timeline .elements-list__inner .element .element__inner {
  display: grid;
  grid-template-columns: 1fr 120px 1fr;
}
.elements-list.timeline .elements-list__inner .element:nth-child(odd) {
  direction: rtl;
}
.elements-list.timeline .elements-list__inner .element:nth-child(odd) .content {
  text-align: right;
}
.elements-list.timeline .elements-list__inner .element:nth-child(even) .subtitle {
  text-align: right;
}
.elements-list.timeline .elements-list__inner .element:not(:last-child) .content {
  padding-bottom: 40px;
}
.elements-list.timeline .elements-list__inner .element:last-child .timeline-element .line {
  display: none;
}
.elements-list.timeline .elements-list__inner .element .subtitle {
  text-align: left;
}
.elements-list.timeline .elements-list__inner .element .element__tag {
  padding: 15px 50px;
  background-color: #febc42;
  color: #000000;
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  border-radius: 25px;
  display: inline-block;
}
.elements-list.timeline .elements-list__inner .element .text p {
  line-height: 2.5rem;
  margin-top: 0;
  font-size: 1.8rem;
}

@media (min-width: 576px) {
  .elements-list.hero-icon.icon-with-border .elements-list__inner .text {
    margin-top: unset;
  }
  .elements-list.hero-icon.icon-with-border .elements-list__inner .element .heading {
    flex: unset;
    margin-top: auto;
  }
  .elements-list.grid .elements-wrapper {
    display: grid;
    row-gap: 120px !important;
  }
  .elements-list.grid .element__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .elements-list.grid .element__inner .text {
    margin-top: auto;
  }
  .elements-list.grid.items-1 .elements-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .elements-list.grid.items-1 .elements-wrapper .element:not(:last-child) {
    margin-bottom: 100px;
  }
  .elements-list.grid .element .content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .elements-list.grid .element .heading {
    flex: 1;
  }
  .elements-list.grid .element .heading .title {
    height: 100%;
  }
  .elements-list.grid .element .heading .title h1,
  .elements-list.grid .element .heading .title h2,
  .elements-list.grid .element .heading .title h3,
  .elements-list.grid .element .heading .title h4,
  .elements-list.grid .element .heading .title h5,
  .elements-list.grid .element .heading .title h6 {
    height: 100%;
  }
  .elements-list.hero-icon .elements-list__inner .element .element__inner {
    flex-direction: row;
  }
  .elements-list.hero-icon .elements-list__inner .element .element__inner .icon {
    margin-right: 50px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .elements-list.grid.hero-icon.items-2 .elements-wrapper {
    gap: 100px;
  }
  .elements-list.grid.items-2 .elements-wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap: 200px;
  }
  .elements-list.grid.items-2 .elements-wrapper .element {
    grid-column: span 2;
  }
  .elements-list.grid.items-2 .elements-wrapper .element:last-child:nth-child(2n+1) {
    grid-column-start: 2;
    grid-column-end: 4;
  }
  .elements-list.grid.items-3 .elements-wrapper {
    grid-template-columns: repeat(6, 1fr);
    gap: 150px;
  }
  .elements-list.grid.items-3 .elements-wrapper .element {
    grid-column: span 2;
  }
  .elements-list.grid.items-3 .elements-wrapper .element:last-child:nth-child(3n-1) {
    grid-column-end: -2;
  }
  .elements-list.grid.items-3 .elements-wrapper .element:nth-last-child(2):nth-child(3n+1) {
    grid-column-end: 4;
  }
  .elements-list.grid.items-3 .elements-wrapper .element:last-child:nth-child(3n-2) {
    grid-column-end: 5;
  }
  .elements-list.grid.items-4 .elements-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
  }
}
@media (min-width: 1200px) {
  .elements-list.grid.items-4 .elements-wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px;
  }
}
@media (min-width: 1400px) {
  .elements-list.timeline.bg-blue-green-gradient {
    background: transparent;
  }
  .elements-list.timeline.bg-blue-green-gradient .container {
    background: linear-gradient(to right, #05678d, #00aba6);
  }
  .elements-list.timeline.bg-green-blue-gradient {
    background: transparent;
  }
  .elements-list.timeline.bg-green-blue-gradient .container {
    background: linear-gradient(to right, #00aba6, #05678d);
  }
  .elements-list.timeline.bg-blue-green-gradient-to-bottom {
    background: transparent;
  }
  .elements-list.timeline.bg-blue-green-gradient-to-bottom .container {
    background: linear-gradient(to bottom, #05678d, #00aba6);
  }
  .elements-list.timeline.bg-green-blue-gradient-to-bottom {
    background: transparent;
  }
  .elements-list.timeline.bg-green-blue-gradient-to-bottom .container {
    background: linear-gradient(to bottom, #00aba6, #05678d);
  }
}
@media (max-width: 1199px) {
  .elements-list.grid.items-4 .elements-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .elements-list.hero-icon .elements-list__inner .element .element__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .elements-list.hero-icon .elements-list__inner .element .element__inner .icon {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .elements-list.grid.items-3 .elements-wrapper, .elements-list.grid.items-3.get-in-touch .elements-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .elements-list.grid.items-2 .elements-wrapper {
    gap: 30px;
  }
  .elements-list.grid.items-3 .elements-wrapper, .elements-list.grid.items-3.get-in-touch .elements-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .elements-list.grid.items-4 .elements-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .elements-list.timeline .elements-list__inner .element {
    padding-right: 100px;
    padding-bottom: 100px;
    position: relative;
  }
  .elements-list.timeline .elements-list__inner .element:last-child {
    padding-bottom: 0;
  }
  .elements-list.timeline .elements-list__inner .element .element__inner {
    display: block;
  }
  .elements-list.timeline .elements-list__inner .element .element__inner .subtitle {
    margin-bottom: 20px;
  }
  .elements-list.timeline .elements-list__inner .element:nth-child(odd) .content {
    text-align: left;
  }
  .elements-list.timeline .elements-list__inner .element:nth-child(even) .subtitle {
    text-align: left;
  }
  .elements-list.timeline .elements-list__inner .element:not(:last-child) .content {
    padding-bottom: 0;
  }
  .elements-list.timeline .timeline-element {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
}
@media (max-width: 575px) {
  .elements-list__inner .element .heading .title h1,
  .elements-list__inner .element .heading .title h2,
  .elements-list__inner .element .heading .title h3,
  .elements-list__inner .element .heading .title h4,
  .elements-list__inner .element .heading .title h4,
  .elements-list__inner .element .heading .title h6,
  .elements-list.hero-icon .elements-list__inner .element .heading .title h1,
  .elements-list.hero-icon .elements-list__inner .element .heading .title h2,
  .elements-list.hero-icon .elements-list__inner .element .heading .title h3,
  .elements-list.hero-icon .elements-list__inner .element .heading .title h4,
  .elements-list.hero-icon .elements-list__inner .element .heading .title h4,
  .elements-list.hero-icon .elements-list__inner .element .heading .title h6 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .elements-list.grid .elements-wrapper .element:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media (max-width: 400px) {
  .elements-list.timeline .elements-list__inner .element {
    padding-right: 60px;
  }
}
/*
    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.
*/
/*
    ==== PRODUCTS LIST ====

    Description: 
        Products list section.

    Modificators:

    1. Slider

        Description:             Slider view
        Hook element selector:   .products-list
        Class to add:            slider

    1. Grid

        Description:             Grid view
        Hook element selector:   .products-list
        Class to add:            grid
*/
.products-list {
  padding-top: 150px;
  padding-bottom: 150px;
}
.products-list .products-list__inner .heading {
  margin-bottom: 150px;
}
.products-list .products-list__inner .heading + .tabs-list {
  margin-top: -90px;
}
.products-list .products-list__inner .heading .title h1,
.products-list .products-list__inner .heading .title h2,
.products-list .products-list__inner .heading .title h3,
.products-list .products-list__inner .heading .title h4,
.products-list .products-list__inner .heading .title h5,
.products-list .products-list__inner .heading .title h6 {
  font-size: 4.8rem;
  line-height: 4.8rem;
}
.products-list .products-list__inner .product-card {
  background-color: #ffffff;
  text-align: center;
  border-radius: 5px;
  border: 2px solid #05678d;
}
.products-list .products-list__inner .product-card .product-card__inner {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.products-list .products-list__inner .product-card .product-card__inner .featured-image {
  border: 1px solid #ffffff;
  width: 100%;
  max-width: 320px;
  height: 320px;
  border-radius: 15px;
}
.products-list .products-list__inner .product-card .product-card__inner .featured-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.products-list .products-list__inner .product-card .content .title {
  color: #05678d;
  font-family: "primary-bold", Arial, Helvetica, sans-serif;
  margin-bottom: 30px;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.products-list .products-list__inner .product-card .content .title h1,
.products-list .products-list__inner .product-card .content .title h2,
.products-list .products-list__inner .product-card .content .title h3,
.products-list .products-list__inner .product-card .content .title h4,
.products-list .products-list__inner .product-card .content .title h5,
.products-list .products-list__inner .product-card .content .title h6 {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  font-size: inherit;
}
.products-list .products-list__inner .product-card .content .title h1 a,
.products-list .products-list__inner .product-card .content .title h2 a,
.products-list .products-list__inner .product-card .content .title h3 a,
.products-list .products-list__inner .product-card .content .title h4 a,
.products-list .products-list__inner .product-card .content .title h5 a,
.products-list .products-list__inner .product-card .content .title h6 a {
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  font-size: inherit;
}
.products-list .products-list__inner .product-card .content .text {
  color: #000000;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
}
.products-list .products-list__inner .product-card .content .text p {
  color: inherit;
  font-family: inherit;
  line-height: 2.4rem;
  font-size: inherit;
}
.products-list .products-list__inner .product-card .content .text a {
  font-family: inherit;
  line-height: 2.4rem;
  font-size: inherit;
}
.products-list .products-list__inner .product-card .content .text *:last-child {
  margin-bottom: 0;
}
.products-list .products-list__inner .product-card .content .cta-wrapper {
  margin-top: 20px;
}
.products-list .products-list__inner .cta {
  margin-top: 70px;
}
.products-list.tabs .tabs-list {
  text-align: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 15px;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.products-list.tabs .tabs-item {
  display: block;
  visibility: hidden;
  height: 0;
}
.products-list.tabs .tabs-item.active-tab-item {
  display: block;
  visibility: visible;
  height: auto;
}
.products-list.tabs .tabs-list__item {
  border: 1px solid transparent;
}
.products-list.tabs .tabs-list__item:hover {
  border: 1px solid #05678d;
}
.products-list.tabs .tabs-list__item:not(:last-child) {
  margin-right: 0;
}
.products-list.slider .swiper-container {
  position: relative;
}
.products-list.slider .swiper-container .swiper-slide {
  height: auto;
}
.products-list.slider .swiper-container .swiper-slide .product-card {
  height: 100%;
}
.products-list.slider .swiper-container .swiper-slide .product-card .product-card__inner {
  height: 100%;
}
.products-list.slider .swiper-container .slider-controls-container .slider-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.products-list.slider .swiper-container .slider-controls-container .slider-control.slider-control--prev {
  left: -85px;
}
.products-list.slider .swiper-container .slider-controls-container .slider-control.slider-control--next {
  right: -85px;
}
.products-list.slider .swiper {
  padding-top: 35px;
  padding-bottom: 27px;
}
.products-list.slider .swiper .product-card__inner .featured-image {
  transform: translateY(-35px);
}
.products-list.slider .swiper .product-card__inner .content .cta-wrapper {
  position: absolute;
  bottom: -27px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.products-list.slider .swiper .product-card__inner .content .cta-wrapper .button:hover,
.products-list.slider .swiper .product-card__inner .content .cta-wrapper button:hover {
  background-color: #d78c01;
  border: 2px solid transparent;
}
.products-list.grid .products-list__inner .product-card {
  border: none;
  text-align: left;
}
.products-list.grid .products-list__inner .product-card:not(:last-child) {
  margin-bottom: 100px;
}
.products-list.grid .products-list__inner .product-card .product-card__inner {
  padding: 0;
}
.products-list.grid .products-list__inner .product-card .product-card__inner .featured-image {
  min-width: 250px;
  width: 250px;
  height: 250px;
  border-radius: 15px;
  border: 1px solid #ececec;
}
.products-list.grid .products-list__inner .product-card .product-card__inner .featured-image img {
  border-radius: inherit;
}
.products-list.grid .products-list__inner .product-card .content .title {
  color: #000000;
  font-size: 3rem;
  line-height: 3rem;
}
.products-list.grid .products-list__inner .product-card .content .title h1,
.products-list.grid .products-list__inner .product-card .content .title h2,
.products-list.grid .products-list__inner .product-card .content .title h3,
.products-list.grid .products-list__inner .product-card .content .title h4,
.products-list.grid .products-list__inner .product-card .content .title h5,
.products-list.grid .products-list__inner .product-card .content .title h6 {
  position: relative;
  padding-left: 30px;
}
.products-list.grid .products-list__inner .product-card .content .title h1::before,
.products-list.grid .products-list__inner .product-card .content .title h2::before,
.products-list.grid .products-list__inner .product-card .content .title h3::before,
.products-list.grid .products-list__inner .product-card .content .title h4::before,
.products-list.grid .products-list__inner .product-card .content .title h5::before,
.products-list.grid .products-list__inner .product-card .content .title h6::before {
  content: "";
  display: block;
  width: 5px;
  height: calc(100% + 20px);
  position: absolute;
  position: absolute;
  background-color: #febc42;
  display: block;
  left: 0;
  top: -10px;
  bottom: -10px;
}
.products-list.grid .products-list__inner .additional-images {
  margin-top: 20px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.products-list.grid .container > .cta {
  margin-top: 100px;
}

.bg-blue-green-gradient.products-list .products-list__inner .product-card,
.bg-green-blue-gradient.products-list .products-list__inner .product-card,
.bg-blue-green-gradient-to-bottom.products-list .products-list__inner .product-card,
.bg-green-blue-gradient-to-bottom.products-list .products-list__inner .product-card {
  border: none;
}
.bg-blue-green-gradient.products-list.tabs .tabs-list__item:hover,
.bg-green-blue-gradient.products-list.tabs .tabs-list__item:hover,
.bg-blue-green-gradient-to-bottom.products-list.tabs .tabs-list__item:hover,
.bg-green-blue-gradient-to-bottom.products-list.tabs .tabs-list__item:hover {
  border: 1px solid #ffffff;
}

@media (min-width: 1200px) {
  .products-list.slider .container {
    max-width: 1040px;
  }
}
@media (min-width: 1400px) {
  .products-list.slider .container {
    max-width: 1360px;
    padding-left: 80px;
    padding-right: 80px;
  }
  .products-list.grid .products-list__inner .product-card .product-card__inner {
    flex-direction: initial;
  }
}
@media (min-width: 768px) {
  .products-list.grid .products-list__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 130px;
  }
  .products-list.grid .products-list__inner .product-card {
    border: none;
    text-align: left;
  }
  .products-list.grid .products-list__inner .product-card:not(:last-child) {
    margin-bottom: 0;
  }
  .products-list.grid .products-list__inner .product-card .product-card__inner {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (max-width: 1399px) {
  .products-list.grid .products-list__inner .product-card .product-card__inner {
    align-items: flex-start;
  }
  .products-list.grid .products-list__inner .product-card .product-card__inner .featured-image {
    margin-bottom: 50px;
  }
}
@media (max-width: 1199px) {
  .products-list.slider .swiper-container .slider-controls-container {
    margin-bottom: 50px;
  }
  .products-list.slider .swiper-container .slider-controls-container .slider-controls {
    display: flex;
    justify-content: center;
  }
  .products-list.slider .swiper-container .slider-controls-container .slider-controls .slider-control.slider-control--prev {
    margin-right: 30px;
  }
  .products-list.slider .swiper-container .slider-controls-container .slider-control {
    position: relative;
    transform: none;
    top: unset;
    left: unset !important;
    right: unset !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.
*/
/*
    ==== PAGE HEADER ====

    Description: 
        This is page header of website.

    Modificators:

    1. Text center

        Description:             Centers text and content of page header
        Hook element selector:   .page-header
        Class to add:            text-center

    2. Text right

        Description:             Align text and content of page header to right
        Hook element selector:   .page-header
        Class to add:            text-right
*/
.page-header {
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}
.page-header.slim {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-header.border-bottom-gray .page-header__inner {
  border-bottom: 2px solid #f7f8fa;
  padding-bottom: 50px;
}
.page-header.text-center .text-box {
  margin-left: auto;
  margin-right: auto;
}
.page-header.text-right .text-box {
  margin-left: auto;
  margin-right: 0;
}
.page-header .text-box {
  max-width: 700px;
}
.page-header .text-box .text p:last-child {
  margin-bottom: 0;
}
.page-header .text-box .cta-wrapper {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .page-header {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
/*
    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.
*/
/*
    ==== SECTION WITH SIDEBAR ====

    Description: 
        Default section with sidebar.

    Modificators:

    1. Sidebar to left

        Description:             revert position of content and sidebar and puts sidebar on left
        Hook element selector:   .section-with-sidebar 
        Class to add:            .sidebar-to-left
*/
.section-with-sidebar .content-metadata {
  font-size: 1.8rem;
}

@media (min-width: 992px) {
  .section-with-sidebar .content-and-sidebar {
    display: flex;
    align-items: stretch;
  }
  .section-with-sidebar .content-and-sidebar .content {
    flex: 1;
    padding-right: 90px;
  }
  .section-with-sidebar .content-and-sidebar .content img {
    width: 100%;
    border-radius: 15px;
  }
  .section-with-sidebar .content-and-sidebar .sidebar {
    border-left: 1px solid #d7d7d7;
    padding-left: 90px;
    width: 440px;
  }
  .section-with-sidebar.sidebar-to-left .content-and-sidebar {
    flex-direction: row-reverse;
  }
  .section-with-sidebar.sidebar-to-left .content-and-sidebar .sidebar {
    border-left: none;
    border-right: 1px solid #d7d7d7;
    padding-left: 0;
    padding-right: 90px;
  }
  .section-with-sidebar.sidebar-to-left .content-and-sidebar .content {
    padding-right: 0;
    padding-left: 90px;
  }
}
@media (max-width: 991px) {
  .section-with-sidebar .content-and-sidebar .sidebar {
    margin-top: 50px;
  }
}
/*
    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.
*/
/*
    ==== ERROR ====

    Description: 
        Error section.

    Modificators:
        No modificators.

*/
.error {
  padding-top: 150px;
  padding-bottom: 150px;
}
.error .error__inner > .heading {
  margin-bottom: 50px;
  max-width: 800px;
}
.error .error__inner > .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.error .error__inner > .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.error .error__inner > .heading .title h1,
.error .error__inner > .heading .title h2,
.error .error__inner > .heading .title h3,
.error .error__inner > .heading .title h4,
.error .error__inner > .heading .title h5,
.error .error__inner > .heading .title h6 {
  font-size: 7.2rem;
  line-height: 4.8rem;
}

@media (max-width: 575px) {
  .error {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .error .error__inner > .heading .title h1,
  .error .error__inner > .heading .title h2,
  .error .error__inner > .heading .title h3,
  .error .error__inner > .heading .title h4,
  .error .error__inner > .heading .title h5,
  .error .error__inner > .heading .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
/*
    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.
*/
/*
    ==== ARTICLES LIST ====

    Description: 
        Articles list section.

    Modificators:

    1. Articles list - Grid display

        Description:             Transform articles list to grid
        Hook element selector:   .articles-list
        Class to add:            grid

    2. Articles list - Slider

        Description:             Transform articles list to slider
        Hook element selector:   .articles-list
        Class to add:            slider
*/
.articles-list {
  padding-top: 100px;
  padding-bottom: 100px;
}
.articles-list .articles-list__inner > .cta-wrapper {
  margin-top: 100px;
}
.articles-list .heading {
  margin-bottom: 100px;
  max-width: 800px;
}
.articles-list .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.articles-list .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.articles-list .heading .title h1,
.articles-list .heading .title h2,
.articles-list .heading .title h3,
.articles-list .heading .title h4,
.articles-list .heading .title h5,
.articles-list .heading .title h6 {
  font-size: 4.2rem;
  line-height: 4.2rem;
}
.articles-list.slider .heading {
  padding-right: 130px;
}
.articles-list.slider .slider-controls {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.articles-list .articles-card .articles-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.articles-list .articles-card .featured-image {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 25px;
}
.articles-list .articles-card .featured-image + .content {
  margin-top: 30px;
}
.articles-list .articles-card .featured-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.articles-list .articles-card .date {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #989898;
  padding: 0 30px;
  margin-bottom: 25px;
}
.articles-list .articles-card .content {
  padding: 0 30px;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.articles-list .articles-card .content .title {
  margin-bottom: 30px;
}
.articles-list .articles-card .content .title h1,
.articles-list .articles-card .content .title h2,
.articles-list .articles-card .content .title h3,
.articles-list .articles-card .content .title h4,
.articles-list .articles-card .content .title h5,
.articles-list .articles-card .content .title h6 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 3rem;
  line-height: 3.6rem;
}
.articles-list .articles-card .content .title h1 a,
.articles-list .articles-card .content .title h2 a,
.articles-list .articles-card .content .title h3 a,
.articles-list .articles-card .content .title h4 a,
.articles-list .articles-card .content .title h5 a,
.articles-list .articles-card .content .title h6 a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.articles-list .articles-card .content .text {
  margin-bottom: 20px;
}
.articles-list .articles-card .content .text p {
  margin-top: 0;
  line-height: 2.4rem;
}
.articles-list .articles-card .content .text p:last-child {
  margin-bottom: 0;
}
.articles-list .articles-card .cta-wrapper {
  margin-top: auto;
}

@media (min-width: 768px) {
  .articles-list.grid .articles-card-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 50px;
  }
}
@media (min-width: 1400px) {
  .articles-list.grid .articles-card-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
  }
}
@media (max-width: 767px) {
  .articles-list.grid .articles-card-wrapper .articles-card:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .articles-list .heading .title h1,
  .articles-list .heading .title h2,
  .articles-list .heading .title h3,
  .articles-list .heading .title h4,
  .articles-list .heading .title h5,
  .articles-list .heading .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
/*
    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.
*/
/*
    ==== IMAGE AND SIDEBAR ====

    Description: 
       Image and sidebar with option of slider.

    Modificators:
        No modificators.
*/
.image-and-sidebar {
  padding-top: 100px;
  padding-bottom: 100px;
}
.image-and-sidebar .image-list {
  min-height: 500px;
}
.image-and-sidebar .image-list .swiper-slide.news-slide-no-image .text {
  color: #000000;
}
.image-and-sidebar .image-list .swiper-slide.news-slide-no-image .text p {
  color: inherit;
}
.image-and-sidebar .image-list .swiper-slide.news-slide-no-image .button--arrow.black-and-yellow {
  color: #000000;
}
.image-and-sidebar .image-list .swiper-slide.news-slide-no-image .button--arrow.black-and-yellow::after {
  background-image: url("../../../img/icons/icon--double-arrow-yellow.svg");
}
.image-and-sidebar .image-list .image-list__inner {
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.image-and-sidebar .image-list .swiper {
  height: 100%;
}
.image-and-sidebar .image-list .swiper .swiper-pagination {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 2;
}
.image-and-sidebar .image-list .swiper .swiper-pagination .swiper-pagination-bullet {
  display: inline-flex;
}
.image-and-sidebar .image-list .inner-content {
  height: 100%;
  position: relative;
  padding-top: 100px;
  padding-right: 100px;
  display: flex;
  align-items: flex-end;
}
.image-and-sidebar .image-list .inner-content .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.image-and-sidebar .image-list .inner-content .content-box {
  padding: 35px;
  background-color: rgba(255, 255, 255, 0.8);
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  max-width: 710px;
  position: relative;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.image-and-sidebar .image-list .inner-content .content-box .date-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: space-between;
  margin-bottom: 25px;
}
.image-and-sidebar .image-list .inner-content .content-box .date {
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #404040;
}
.image-and-sidebar .image-list .inner-content .content-box .title {
  margin-bottom: 30px;
}
.image-and-sidebar .image-list .inner-content .content-box .title h1,
.image-and-sidebar .image-list .inner-content .content-box .title h2,
.image-and-sidebar .image-list .inner-content .content-box .title h3,
.image-and-sidebar .image-list .inner-content .content-box .title h4,
.image-and-sidebar .image-list .inner-content .content-box .title h5,
.image-and-sidebar .image-list .inner-content .content-box .title h6 {
  font-size: 4.2rem;
  line-height: 4.2rem;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0;
}
.image-and-sidebar .image-list .inner-content .content-box .title h1 a,
.image-and-sidebar .image-list .inner-content .content-box .title h2 a,
.image-and-sidebar .image-list .inner-content .content-box .title h3 a,
.image-and-sidebar .image-list .inner-content .content-box .title h4 a,
.image-and-sidebar .image-list .inner-content .content-box .title h5 a,
.image-and-sidebar .image-list .inner-content .content-box .title h6 a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.image-and-sidebar .image-list .inner-content .content-box .text p {
  margin-top: 0;
  line-height: 2.4rem;
}
.image-and-sidebar .image-list .inner-content .content-box .text p:last-child {
  margin-bottom: 0;
}
.image-and-sidebar .image-list .inner-content .content-box .cta-wrapper {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  .image-and-sidebar .image-and-sidebar__inner {
    display: flex;
    gap: 100px;
  }
  .image-and-sidebar .image-list {
    width: calc(100% - 550px);
    flex: 1;
  }
  .image-and-sidebar .swiper-wrapper,
  .image-and-sidebar .swiper-wrapper .swiper-slide {
    height: 100% !important;
  }
}
@media (max-width: 1199px) {
  .image-and-sidebar .image-and-sidebar__inner .image-list {
    margin-bottom: 100px;
  }
  .image-and-sidebar .image-and-sidebar__inner .image-list .swiper-slide {
    min-height: 775px;
    width: 100% !important;
    background-color: #fff;
    display: flex;
    flex-direction: column;
  }
  .image-and-sidebar .image-and-sidebar__inner .image-list .inner-content {
    flex: 1;
  }
}
@media (max-width: 991px) {
  .image-and-sidebar .image-list .inner-content {
    padding-right: 0;
  }
  .image-and-sidebar .image-list .inner-content .content-box {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 0;
    border: 1px solid #dddddd;
  }
  .image-and-sidebar .image-list .inner-content .content-box .title h1,
  .image-and-sidebar .image-list .inner-content .content-box .title h2,
  .image-and-sidebar .image-list .inner-content .content-box .title h3,
  .image-and-sidebar .image-list .inner-content .content-box .title h4,
  .image-and-sidebar .image-list .inner-content .content-box .title h5,
  .image-and-sidebar .image-list .inner-content .content-box .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 767px) {
  .image-and-sidebar .image-list .inner-content .content-box .title h1,
  .image-and-sidebar .image-list .inner-content .content-box .title h2,
  .image-and-sidebar .image-list .inner-content .content-box .title h3,
  .image-and-sidebar .image-list .inner-content .content-box .title h4,
  .image-and-sidebar .image-list .inner-content .content-box .title h5,
  .image-and-sidebar .image-list .inner-content .content-box .title h6 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 575px) {
  .image-and-sidebar .image-list .inner-content .content-box {
    padding: 25px;
  }
  .image-and-sidebar .image-list .inner-content .content-box .title h1,
  .image-and-sidebar .image-list .inner-content .content-box .title h2,
  .image-and-sidebar .image-list .inner-content .content-box .title h3,
  .image-and-sidebar .image-list .inner-content .content-box .title h4,
  .image-and-sidebar .image-list .inner-content .content-box .title h5,
  .image-and-sidebar .image-list .inner-content .content-box .title h6 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
/*
    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.
*/
/*
    ==== CARD LIST ====

    Description: 
        Card list section.

    Modificators:
        No modificators.
*/
.card-list {
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
}
.card-list .heading {
  margin-bottom: 100px;
  max-width: 1100px;
}
.card-list .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.card-list .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.card-list .card-list__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 120px 220px;
}
.card-list .card.open-popup {
  cursor: pointer;
}
.card-list .card .hidden-description {
  display: none;
}
.card-list .card .card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-list .card .card__image {
  position: relative;
  border-radius: 10px;
  width: 320px;
  height: 320px;
}
.card-list .card .card__image:not(:last-child) {
  margin-bottom: 40px;
}
.card-list .card .card__image .decoration-rectangle.decoration--left-top {
  left: -50px;
  top: -50px;
  bottom: unset;
}
.card-list .card .card__image .decoration-rectangle.decoration--left-top-middle {
  left: -50px;
  bottom: unset;
  top: 25px;
}
.card-list .card .card__image .decoration-rectangle.decoration--left-bottom-middle {
  left: -50px;
  bottom: 25px;
  top: unset;
}
.card-list .card .card__image .decoration-rectangle.decoration--left-bottom {
  left: -50px;
  bottom: -50px;
  top: unset;
}
.card-list .card .card__image .decoration-rectangle.decoration--right-top {
  right: -50px;
  bottom: unset;
  top: -25px;
}
.card-list .card .card__image .decoration-rectangle.decoration--right-top-middle {
  right: -50px;
  top: 25px;
  bottom: unset;
}
.card-list .card .card__image .decoration-rectangle.decoration--right-bottom-middle {
  right: -50px;
  bottom: 25px;
  top: unset;
}
.card-list .card .card__image .decoration-rectangle.decoration--right-bottom {
  right: -50px;
  top: unset;
  bottom: -50px;
}
.card-list .card .card__image .decoration-rectangle {
  width: 157px;
  height: 157px;
  border-radius: 10px;
}
.card-list .card .card__image img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  z-index: 1;
}
.card-list .card .card__text {
  text-align: center;
}
.card-list .card .title:not(:last-child) {
  margin-bottom: 10px;
}
.card-list .card .title h1,
.card-list .card .title h2,
.card-list .card .title h3,
.card-list .card .title h4,
.card-list .card .title h5,
.card-list .card .title h6 {
  font-size: 3rem;
  line-height: 3.2rem;
  color: #05678d;
  margin-top: 0;
  margin-bottom: 0;
}
.card-list .cta {
  margin-top: 100px;
}

@media (max-width: 1599px) {
  .card-list .card-list__inner {
    gap: 120px;
  }
}
@media (max-width: 1399px) {
  .card-list .card-list__inner {
    gap: 120px 80px;
  }
}
@media (max-width: 1199px) {
  .card-list .card-list__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .card-list .card-list__inner {
    gap: 120px 60px;
  }
}
@media (max-width: 767px) {
  .card-list .card-list__inner {
    display: block;
  }
  .card-list .card-list__inner .card:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media (max-width: 400px) {
  .card-list .card-list__inner {
    display: block;
  }
  .card-list .card-list__inner .card .card__image {
    width: 280px;
    height: 280px;
  }
}
/*
    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 AND FORM ====

    Description: 
        Content and form section.

    Modificators:
        No modificators.
*/
.content-and-form {
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-and-form .container > .heading {
  margin-bottom: 100px;
  max-width: 1100px;
}
.content-and-form .container > .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.content-and-form .container > .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.content-and-form .container > .heading .title h1,
.content-and-form .container > .heading .title h2,
.content-and-form .container > .heading .title h3,
.content-and-form .container > .heading .title h4,
.content-and-form .container > .heading .title h5,
.content-and-form .container > .heading .title h6 {
  font-size: 4.8rem;
  line-height: 6rem;
}
.content-and-form .form .additional-text {
  color: #6a6a6a;
  line-height: 2rem;
}
.content-and-form .form .additional-text:not(:first-child) {
  margin-top: 20px;
}
.content-and-form .form .additional-text:not(:last-child) {
  margin-bottom: 20px;
}
.content-and-form .form .additional-text p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.content-and-form .form button[type=submit],
.content-and-form .form input[type=submit] {
  margin-top: 40px;
  min-width: 260px;
  display: block;
  text-align: center !important;
}
.content-and-form .form button[type=submit].text-center,
.content-and-form .form input[type=submit].text-center {
  margin-left: auto;
  margin-right: auto;
}
.content-and-form .form button[type=submit].text-right,
.content-and-form .form input[type=submit].text-right {
  margin-left: auto;
  margin-right: 0;
}
.content-and-form .form .additional-text + button[type=submit],
.content-and-form .form .additional-text + input[type=submit] {
  margin-top: 20px;
}
.content-and-form .content .title {
  margin-bottom: 70px;
}
.content-and-form .content .title h1,
.content-and-form .content .title h2,
.content-and-form .content .title h3,
.content-and-form .content .title h4,
.content-and-form .content .title h5,
.content-and-form .content .title h6 {
  font-size: 4.8rem;
  line-height: 5.4rem;
  margin-top: 0;
  margin-bottom: 0;
}
.content-and-form .content .box {
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
}
.content-and-form .content .box:not(:last-child) {
  margin-bottom: 70px;
}
.content-and-form .content .box p,
.content-and-form .content .box a {
  font-family: inherit;
}
.content-and-form .content .box .box__title {
  margin-bottom: 30px;
}
.content-and-form .content .box .box__title h1,
.content-and-form .content .box .box__title h2,
.content-and-form .content .box .box__title h3,
.content-and-form .content .box .box__title h4,
.content-and-form .content .box .box__title h5,
.content-and-form .content .box .box__title h6 {
  font-size: 3rem;
  line-height: 3.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.content-and-form .content .box .two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 50px;
}
.content-and-form .content .box .column-wrapper *:not(:last-child) {
  margin-bottom: 10px;
}
.content-and-form .content .social-media {
  color: #05678d;
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.content-and-form .content .social-media .social-media-icons {
  display: inline-block;
  vertical-align: middle;
}
.content-and-form .content .social-media .social-media-icons a {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  transition: 0.3s ease;
}
.content-and-form .content .social-media .social-media-icons a:not(:last-child) {
  margin-right: 15px;
}
.content-and-form .content .social-media .social-media-icons a:hover {
  opacity: 0.8;
  transition: 0.3s ease;
}

@media (min-width: 768px) {
  .content-and-form .content-and-form__inner {
    display: flex;
    justify-content: center;
    gap: 100px;
  }
  .content-and-form .content-and-form__inner .content,
  .content-and-form .content-and-form__inner .form {
    width: 50%;
  }
  .content-and-form .content-and-form__inner .form:only-child {
    min-width: 750px;
  }
}
@media (max-width: 1199px) {
  .content-and-form .content .box .two-column {
    display: block;
  }
  .content-and-form .content-and-form__inner .form .input-column {
    display: block;
  }
  .content-and-form .content-and-form__inner .form .input-column .input-wrapper {
    width: 100%;
  }
  .content-and-form .content-and-form__inner .form .input-column .input-wrapper + .input-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .content-and-form .content-and-form__inner .form {
    margin-top: 100px;
  }
  .content-and-form .content-and-form__inner .form:only-child {
    margin-top: 0;
  }
}
/*
    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.
*/
/*
    ==== GEO BOXES ====

    Description: 
        Geo boxes - represent locations.

    Modificators:
        No modificator.
*/
.geo-boxes {
  padding-top: 150px;
  padding-bottom: 150px;
}
.geo-boxes .container > .heading {
  margin-bottom: 100px;
  max-width: 1100px;
}
.geo-boxes .container > .heading.text-center {
  margin-left: auto;
  margin-right: auto;
}
.geo-boxes .container > .heading.text-right {
  margin-left: auto;
  margin-right: 0;
}
.geo-boxes .container > .heading .title h1,
.geo-boxes .container > .heading .title h2,
.geo-boxes .container > .heading .title h3,
.geo-boxes .container > .heading .title h4,
.geo-boxes .container > .heading .title h5,
.geo-boxes .container > .heading .title h6 {
  font-size: 4.8rem;
  line-height: 6rem;
}
.geo-boxes .container > .cta {
  margin-top: 100px;
}
.geo-boxes .geo-boxes__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 140px;
  -moz-column-gap: 250px;
       column-gap: 250px;
}
.geo-boxes .geo-box .geo-box__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.geo-boxes .geo-box .title {
  margin-bottom: 30px;
}
.geo-boxes .geo-box .title h1,
.geo-boxes .geo-box .title h2,
.geo-boxes .geo-box .title h3,
.geo-boxes .geo-box .title h4,
.geo-boxes .geo-box .title h5,
.geo-boxes .geo-box .title h6 {
  font-size: 3rem;
  line-height: 3.4rem;
  margin-top: 0;
  margin-bottom: 0;
}
.geo-boxes .geo-box .text {
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
  color: #000000;
  margin-bottom: auto;
}
.geo-boxes .geo-box .text a,
.geo-boxes .geo-box .text p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.geo-boxes .geo-box .cta {
  margin-top: 30px;
}

@media (max-width: 1399px) {
  .geo-boxes .geo-boxes__inner {
    -moz-column-gap: 120px;
         column-gap: 120px;
  }
}
@media (max-width: 1199px) {
  .geo-boxes .geo-boxes__inner {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media (max-width: 991px) {
  .geo-boxes .geo-boxes__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .geo-boxes .geo-boxes__inner {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (max-width: 671px) {
  .geo-boxes .container {
    max-width: 600px;
  }
}
@media (max-width: 640px) {
  .geo-boxes .geo-box .text .email a {
    word-break: break-word;
  }
}
@media (max-width: 575px) {
  .geo-boxes .geo-boxes__inner {
    display: block;
  }
  .geo-boxes .geo-boxes__inner .geo-box {
    max-width: 250px;
    margin: 0 auto;
  }
  .geo-boxes .geo-boxes__inner .geo-box .text .email a {
    word-break: unset;
  }
  .geo-boxes .geo-boxes__inner .geo-box:not(:last-child) {
    margin-bottom: 100px;
  }
}
/*
    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.
*/
/*
    ==== NO CONTENT ====

    Description: 
        No content section.

    Modificators:
        No modificators.
*/
.no-content {
  padding-top: 100px;
  padding-bottom: 100px;
}
.no-content .no-content__inner {
  padding: 70px;
  border: 2px solid #dbdbdb;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}
.no-content .heading:last-child {
  margin-bottom: 0;
}
.no-content .title h1,
.no-content .title h2,
.no-content .title h3,
.no-content .title h4,
.no-content .title h5,
.no-content .title h6 {
  font-size: 3rem;
  line-height: 3rem;
}

/*
    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 AND CONTENT ====

    Description: 
        Gallery and content section.

    Modificators:
        No modificators.

*/
.gallery-and-content .heading {
  margin-bottom: 100px;
}
.gallery-and-content .gallery-and-content__inner .gallery {
  width: 100%;
  margin-bottom: 0;
}
.gallery-and-content .gallery-and-content__inner .content *:first-child {
  margin-top: 0;
}
.gallery-and-content .gallery-and-content__inner .content *:last-child {
  margin-bottom: 0;
}

@media (min-width: 1400px) {
  .gallery-and-content .gallery-and-content__inner {
    display: grid;
    grid-template-columns: 760px auto;
    -moz-column-gap: 120px;
         column-gap: 120px;
    align-items: start;
  }
  .gallery-and-content .gallery-and-content__inner .content {
    margin-bottom: 0;
  }
}
@media (max-width: 1399px) {
  .gallery-and-content .gallery-and-content__inner .gallery-wrapper {
    margin-bottom: 100px;
  }
  .gallery-and-content .gallery-and-content__inner .gallery {
    max-width: 760px;
  }
}
@media (max-width: 767px) {
  .gallery-and-content .gallery-and-content__inner .images-list .images-list__image {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
  }
}
/*
    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.
*/
/*
    ==== SEARCH AND SELECT ====

    Description: 
        News slider details.

    Modificators:
        No modificators.

*/
.search-and-select {
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
  z-index: 4;
}
.search-and-select .search-and-select__inner {
  position: relative;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
.search-and-select .search-and-select__inner .one-third {
  padding-left: 50px;
}
.search-and-select .search-and-select__inner .search__inner .title {
  margin-bottom: 30px;
}
.search-and-select .search-and-select__inner .search__inner .title h1,
.search-and-select .search-and-select__inner .search__inner .title h2,
.search-and-select .search-and-select__inner .search__inner .title h3,
.search-and-select .search-and-select__inner .search__inner .title h4,
.search-and-select .search-and-select__inner .search__inner .title h5,
.search-and-select .search-and-select__inner .search__inner .title h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  line-height: 3rem;
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
}
.search-and-select .search {
  border-top: none;
}
.search-and-select .search-and-select__inner {
  width: 100%;
}
.search-and-select .input-wrapper::before {
  content: none;
}
.search-and-select .custom-select-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1399px) {
  .search-and-select .container-fluid .search-and-select__inner {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  .search-and-select .container-fluid .search-and-select__inner .one-third {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .search-and-select .search-and-select__inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    -moz-column-gap: 50px;
         column-gap: 50px;
    align-items: end;
  }
}
@media (max-width: 767px) {
  .search-and-select__inner .one-third {
    margin-top: 40px;
  }
}
/*
    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.
*/
/*
    ==== TABLE VIEW ====

    Description: 
        Table view section.

    Modificators:
        No modificators.

*/
section + .table-view {
  margin-top: 100px;
}

.table-view .table-view__inner {
  display: flex;
  flex-wrap: wrap;
}
.table-view .table-view__item {
  border: 2px solid #d5d5d2;
  margin-top: -2px;
  margin-left: -2px;
  flex-basis: 33.33%;
  flex-grow: 1;
}
.table-view .table-view__item .title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 2px solid #febc42;
  padding: 10px 30px;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.table-view .table-view__item .title h1,
.table-view .table-view__item .title h2,
.table-view .table-view__item .title h3,
.table-view .table-view__item .title h4,
.table-view .table-view__item .title h5,
.table-view .table-view__item .title h6 {
  font-size: inherit;
  line-height: inherit;
}
.table-view .table-view__item .content {
  padding: 35px 40px;
  vertical-align: top;
}
.table-view .table-view__item .content *:first-child {
  margin-top: 0;
}
.table-view .table-view__item .content *:last-child {
  margin-bottom: 0;
}
.table-view .table-view__item .content .content-separator {
  height: 2px;
  width: calc(100% + 80px);
  margin: 35px 0;
  background-color: #d5d5d2;
  margin-left: -40px;
}
.table-view .table-view__item .content .button + .button {
  margin-top: 25px;
}

@media (max-width: 991px) {
  .table-view .table-view__inner .table-view__item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .table-view .table-view__inner {
    display: block;
  }
  .table-view .table-view__inner .table-view__item {
    width: 100%;
  }
  .table-view .table-view__inner .content {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .table-view .table-view__inner {
    display: block;
    width: 100%;
  }
  .table-view .table-view__inner .content {
    padding: 20px;
  }
  .table-view .table-view__inner .content .content-separator {
    height: 2px;
    width: calc(100% + 40px);
    margin: 35px 0;
    background-color: #d5d5d2;
    margin-left: -20px;
  }
}
/*
    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.
*/
/*
    ==== SPECIFICATION TABLE ====

    Description: 
        Specification table section.

    Modificators:
        No modificators.

*/
.specification-table .heading .title h1,
.specification-table .heading .title h2,
.specification-table .heading .title h3,
.specification-table .heading .title h4,
.specification-table .heading .title h5,
.specification-table .heading .title h6 {
  font-size: 4.2rem;
  line-height: 4.2rem;
}
.specification-table table {
  margin-top: 0;
}