/*
    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.

*/
.text-and-image .container > .heading {
  margin-bottom: 70px;
  max-width: 800px;
}
.text-and-image .container > .heading h1,
.text-and-image .container > .heading h2,
.text-and-image .container > .heading h3,
.text-and-image .container > .heading h4,
.text-and-image .container > .heading h5,
.text-and-image .container > .heading h6 {
  font-size: 4.6rem;
  line-height: 4.6rem;
}
.text-and-image .container > .cta {
  margin-top: 70px;
  text-align: center;
}
.text-and-image.text-right .container > .heading {
  margin-left: auto;
  margin-right: 0;
}
.text-and-image.text-center .container > .heading {
  margin-left: auto;
  margin-right: auto;
}
.text-and-image:not(.image-fit-box) {
  padding-top: 200px;
  padding-bottom: 200px;
}
.text-and-image.text-to-right .image {
  padding-right: 50px;
}
.text-and-image.text-to-right .text {
  padding-left: 50px;
}
.text-and-image.text-to-right .text-and-image__inner {
  flex-direction: row-reverse;
}
.text-and-image.missaligned .container,
.text-and-image.missaligned .container-fluid {
  padding: 0;
  margin: 0;
  max-width: unset;
}
.text-and-image.missaligned .text,
.text-and-image.missaligned .image {
  padding-left: 0;
  padding-right: 0;
}
.text-and-image.missaligned .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: unset;
}
.text-and-image.missaligned .text-and-image__inner {
  position: relative;
}
.text-and-image.missaligned .text {
  width: 70%;
  flex: unset;
}
.text-and-image.missaligned .text .text__inner {
  max-width: 500px;
  padding-top: 110px;
  padding-bottom: 110px;
  margin-right: auto;
  margin-left: 300px;
}
.text-and-image.missaligned .image {
  right: 0;
  top: -60px;
  width: auto;
  position: absolute;
  width: 960px;
  height: 500px;
}
.text-and-image.missaligned.text-to-right .image {
  left: 0;
  right: unset;
}
.text-and-image.missaligned.text-to-right .text .text__inner {
  margin-right: 300px;
  margin-left: auto;
}
.text-and-image:not(.text-to-right) .image {
  padding-left: 50px;
}
.text-and-image:not(.text-to-right) .text {
  padding-right: 50px;
}
.text-and-image .text-and-image__inner {
  display: flex;
  align-items: center;
}
.text-and-image .text-and-image__inner .heading {
  margin-bottom: 30px;
}
.text-and-image .text-and-image__inner .heading:last-child {
  margin-bottom: 0;
}
.text-and-image .text-and-image__inner .heading .title h1,
.text-and-image .text-and-image__inner .heading .title h2,
.text-and-image .text-and-image__inner .heading .title h3,
.text-and-image .text-and-image__inner .heading .title h4,
.text-and-image .text-and-image__inner .heading .title h5,
.text-and-image .text-and-image__inner .heading .title h6 {
  font-size: 4.6rem;
  line-height: 4.6rem;
}
.text-and-image .text-and-image__inner .heading + .heading {
  margin-top: 80px;
}
.text-and-image .text,
.text-and-image .image {
  width: 50%;
}
.text-and-image .text {
  flex: 1;
}
.text-and-image .text p:first-of-type {
  margin-top: 0;
}
.text-and-image .text p:last-child {
  margin-bottom: 0;
}
.text-and-image .text .cta {
  margin-top: 50px;
}
.text-and-image .partners-logoes-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.text-and-image .partners-logoes-wrapper .logo {
  display: flex;
  align-items: center;
  min-height: 94px;
}
.text-and-image.rounded-image .text-and-image__inner .image {
  height: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 50%;
  position: relative;
}
.text-and-image.rounded-image .text-and-image__inner .image img {
  width: 100%;
  height: 100%;
  max-width: unset;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.text-and-image.rounded-image .text-and-image__inner .text {
  padding-right: 115px;
}
.text-and-image.rounded-image.text-to-right .text-and-image__inner .text {
  padding-right: 0;
  padding-left: 115px;
}

@media (max-width: 1800px) {
  .text-and-image.missaligned .text .text__inner {
    margin-left: 150px;
  }
  .text-and-image.missaligned.text-to-right .text .text__inner {
    margin-right: 150px;
  }
}
@media (max-width: 1650px) {
  .text-and-image.missaligned .text .text__inner {
    margin-left: 100px;
  }
  .text-and-image.missaligned.text-to-right .text .text__inner {
    margin-right: 100px;
  }
}
@media (max-width: 1600px) {
  .text-and-image.missaligned .image {
    width: 800px;
    height: 400px;
  }
  .text-and-image.missaligned .text .text__inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 1450px) {
  .text-and-image.missaligned .image {
    width: 700px;
  }
}
@media (max-width: 1350px) {
  .partners-logoes-wrapper {
    margin-top: 50px;
  }
  .text-and-image.missaligned .text-and-image__inner {
    flex-direction: column;
  }
  .text-and-image.missaligned .image {
    position: static;
    width: 100%;
    height: auto;
  }
  .text-and-image.missaligned .text {
    width: 100%;
  }
  .text-and-image.missaligned .text .text__inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 50px;
    max-width: 800px;
  }
}
@media (min-width: 992px) {
  .text-and-image.text-and-image.image-fit-box {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .text-and-image.text-and-image.image-fit-box .text-and-image__inner {
    align-items: stretch;
  }
  .text-and-image.text-and-image.image-fit-box .text-and-image__inner .cta {
    margin-top: 80px;
  }
  .text-and-image.image-fit-box:not(.text-to-right) .container-fluid,
  .text-and-image.image-fit-box:not(.text-to-right) .container {
    padding-right: 0;
    margin-right: 0;
    margin-left: auto;
    max-width: unset;
  }
  .text-and-image.image-fit-box:not(.text-to-right) .text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 100px 0;
  }
  .text-and-image.image-fit-box:not(.text-to-right) .text .text__inner {
    max-width: 600px;
    margin-left: auto;
    margin-right: 0;
  }
  .text-and-image.image-fit-box:not(.text-to-right) .image {
    margin-right: 0;
    margin-left: auto;
    height: auto;
  }
  .text-and-image.image-fit-box:not(.text-to-right) .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: unset;
  }
  .text-and-image.text-to-right.image-fit-box .container-fluid,
  .text-and-image.text-to-right.image-fit-box .container {
    padding-left: 0;
    margin-left: 0;
    margin-right: auto;
    max-width: unset;
  }
  .text-and-image.text-to-right.image-fit-box .text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .text-and-image.text-to-right.image-fit-box .text .text__inner {
    max-width: 600px;
    margin-left: 0;
    margin-right: auto;
  }
  .text-and-image.text-to-right.image-fit-box .image {
    margin-left: 0;
    margin-right: auto;
    height: auto;
  }
  .text-and-image.text-to-right.image-fit-box .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: unset;
  }
}
@media (max-width: 1199px) {
  .text-and-image:not(.image-fit-box), .text-and-image:not(.image-fit-box).padding-bottom-0, .text-and-image:not(.image-fit-box).padding-bottom-50, .text-and-image:not(.image-fit-box).padding-bottom-100, .text-and-image:not(.image-fit-box).padding-bottom-150, .text-and-image:not(.image-fit-box).padding-bottom-200 {
    padding-bottom: 100px !important;
  }
  .text-and-image:not(.image-fit-box), .text-and-image:not(.image-fit-box).padding-top-0, .text-and-image:not(.image-fit-box).padding-top-50, .text-and-image:not(.image-fit-box).padding-top-100, .text-and-image:not(.image-fit-box).padding-top-150, .text-and-image:not(.image-fit-box).padding-top-200 {
    padding-top: 100px !important;
  }
  .text-and-image.img-shadow .image::before {
    left: 0 !important;
    right: unset !important;
  }
  .text-and-image.img-shadow.text-to-right .image::before {
    left: unset !important;
    right: 0 !important;
  }
  .text-and-image.image-fit-box .image {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .text-and-image.image-fit-box .text {
    margin: 100px 0;
  }
  .text-and-image.img-shadow .image {
    position: relative;
  }
  .text-and-image.img-shadow .image::before {
    content: "";
    display: block;
    width: 300px;
    height: 100%;
    position: absolute;
    display: block;
    background: linear-gradient(to right, rgb(255, 255, 255), transparent);
    right: unset;
    left: 50px;
    top: 0;
    bottom: 0;
  }
  .text-and-image.text-to-right.img-shadow .image::before {
    background: linear-gradient(to left, rgb(255, 255, 255), transparent);
    right: 50px;
    left: unset;
  }
}
@media (max-width: 991px) {
  .text-and-image.image-fit-box, .text-and-image.image-fit-box.padding-bottom-0, .text-and-image.image-fit-box.padding-bottom-50, .text-and-image.image-fit-box.padding-bottom-100, .text-and-image.image-fit-box.padding-bottom-150, .text-and-image.image-fit-box.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
  .text-and-image.image-fit-box, .text-and-image.image-fit-box.padding-top-0, .text-and-image.image-fit-box.padding-top-50, .text-and-image.image-fit-box.padding-top-100, .text-and-image.image-fit-box.padding-top-150, .text-and-image.image-fit-box.padding-top-200 {
    padding-top: 100px !important;
  }
  .text-and-image.missaligned .text-and-image__inner .text {
    margin-bottom: 0;
  }
  .text-and-image .text-and-image__inner {
    flex-direction: column;
  }
  .text-and-image .text-and-image__inner .text,
  .text-and-image .text-and-image__inner .image {
    width: 100%;
  }
  .text-and-image .text-and-image__inner .text {
    margin-bottom: 50px;
  }
  .text-and-image:not(.text-to-right) .image {
    padding-left: 0;
  }
  .text-and-image:not(.text-to-right) .text {
    padding-right: 0;
  }
  .text-and-image.text-to-right .text-and-image__inner {
    flex-direction: column;
  }
  .text-and-image.text-to-right .text-and-image__inner .image {
    padding-right: 0;
  }
  .text-and-image.text-to-right .text-and-image__inner .text {
    padding-left: 0;
  }
  .text-and-image.rounded-image .text-and-image__inner .text {
    padding-left: 0;
    padding-right: 0;
  }
  .text-and-image.rounded-image .text-and-image__inner .image {
    padding-top: 100%;
  }
  .text-and-image.rounded-image.text-to-right .text-and-image__inner .text {
    padding-left: 0;
    padding-right: 0;
  }
  .partners-logoes-wrapper .logo {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .text-and-image .text-and-image__inner .text .heading .title h1,
  .text-and-image .text-and-image__inner .text .heading .title h2,
  .text-and-image .text-and-image__inner .text .heading .title h3,
  .text-and-image .text-and-image__inner .text .heading .title h4,
  .text-and-image .text-and-image__inner .text .heading .title h5,
  .text-and-image .text-and-image__inner .text .heading .title h6 {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .text-and-image .text-and-image__inner .partners-logoes-wrapper .logo {
    max-width: 150px;
  }
}
@media (max-width: 400px) {
  .text-and-image .text-and-image__inner .partners-logoes-wrapper {
    grid-template-columns: 1fr;
  }
  .text-and-image .text-and-image__inner .partners-logoes-wrapper .logo {
    max-width: unset;
  }
  .text-and-image.missaligned .text .text__inner {
    padding-left: 20px;
    padding-right: 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.

*/
/*
    ==== HERO SLIDER ====

    Description: 
        Hero section of website.

    Modificators:
        No modificators.

*/
header + main .hero-slider:first-child {
  margin-top: calc(var(--headerHeight) * -1);
}

.hero-slider .swiper-slide {
  position: relative;
  min-height: 100dvh;
}
.hero-slider .swiper-slide .swiper-slide__content {
  min-height: calc(100dvh - 84px);
  position: relative;
  padding: 230px 0 370px 0;
  z-index: 2;
}
.hero-slider .swiper-slide .swiper-slide__content > .container-fluid {
  height: 300px;
}
.hero-slider .swiper-slide .swiper-slide__content .heading h1,
.hero-slider .swiper-slide .swiper-slide__content .heading h2,
.hero-slider .swiper-slide .swiper-slide__content .heading h3,
.hero-slider .swiper-slide .swiper-slide__content .heading h4,
.hero-slider .swiper-slide .swiper-slide__content .heading h5,
.hero-slider .swiper-slide .swiper-slide__content .heading h6 {
  font-size: 5.4rem;
  line-height: 5.4rem;
}
.hero-slider .swiper-slide .slide-background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hero-slider .swiper-slide .slide-background-image::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.88;
  z-index: 1;
}
.hero-slider .swiper-slide .slide-background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-slider .swiper-slide .inner-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.hero-slider .swiper-slide .inner-content .subtitle {
  font-size: 2.8rem;
  line-height: 4.2rem;
}
.hero-slider .swiper-slide .inner-content .subtitle p {
  font-size: inherit;
  line-height: inherit;
}
.hero-slider .swiper-slide .inner-content .cta-wrapper {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .hero-slider .swiper-slide {
    min-height: unset;
  }
  .hero-slider .swiper-slide .swiper-slide__content {
    padding-bottom: 250px;
    padding-top: 150px;
  }
  .hero-slider .swiper-slide .inner-content {
    display: block;
  }
  .hero-slider .swiper-slide .inner-content .image {
    display: none;
  }
  .hero-slider .swiper-pagination {
    bottom: 100px !important;
  }
}
@media (max-width: 575px) {
  .hero-slider .swiper-slide .swiper-slide__content {
    padding-bottom: 200px;
  }
  .hero-slider .swiper-slide .swiper-slide__content .heading h1,
  .hero-slider .swiper-slide .swiper-slide__content .heading h2,
  .hero-slider .swiper-slide .swiper-slide__content .heading h3,
  .hero-slider .swiper-slide .swiper-slide__content .heading h4,
  .hero-slider .swiper-slide .swiper-slide__content .heading h5,
  .hero-slider .swiper-slide .swiper-slide__content .heading h6 {
    font-size: 4rem;
    line-height: 4rem;
  }
  .hero-slider .swiper-slide .swiper-slide__content .heading .subtitle {
    font-size: 2rem;
    line-height: 2rem;
  }
}
/*
    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 BLOCK ====

    Description: 
        CTA block with text.

    Modificators:

    1. Narrow

        Description:             Makes content of section narrow
        Hook element selector:   .cta-block
        Class to add:            narrow

    2. Wide

        Description:             Makes content of section wide
        Hook element selector:   .cta-block
        Class to add:            wide

*/
.cta-block {
  padding: 110px 0;
  position: relative;
}
.cta-block .bg-image {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: unset;
  -o-object-fit: cover;
     object-fit: cover;
}
.cta-block .container-fluid {
  position: relative;
}
.cta-block .heading {
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
.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.6rem;
  line-height: 4.6rem;
}
.cta-block .subtitle {
  font-size: 2.8rem;
}
.cta-block .text p {
  margin-top: 0;
}
.cta-block .text p:last-child {
  margin-bottom: 0;
}
.cta-block .cta-wrapper {
  margin-top: 50px;
}
.cta-block .cta-wrapper:only-child {
  margin-top: 0;
}
.cta-block.text-right .text {
  margin-left: auto;
  margin-right: 0;
}
.cta-block.text-left .text {
  margin-left: 0;
  margin-right: auto;
}

@media (min-width: 992px) {
  .cta-block.narrow .cta-block__inner {
    max-width: 700px;
  }
  .cta-block.narrow.text-center .cta-block__inner {
    margin: 0 auto;
  }
  .cta-block.narrow.text-right .cta-block__inner {
    margin-left: auto;
    margin-right: 0;
  }
  .cta-block.wide .cta-block__inner {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .cta-block, .cta-block.padding-top-0, .cta-block.padding-top-50, .cta-block.padding-top-100, .cta-block.padding-top-150, .cta-block.padding-top-200 {
    padding-top: 100px !important;
  }
  .cta-block, .cta-block.padding-bottom-0, .cta-block.padding-bottom-50, .cta-block.padding-bottom-100, .cta-block.padding-bottom-150, .cta-block.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
}
@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: 3.8rem;
    line-height: 3.8rem;
  }
  .cta-block .heading .subtitle {
    font-size: 2rem;
    line-height: 2rem;
  }
}
/*
    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.

*/
/*
    ==== BLOG LIST ====

    Description: 
        Blog list section. Blog list items will be shown as slider.

    Modificators:

    1. Slider

        Description:             Converts blog list to slider (Default)
        Hook element selector:   .blog-list
        Class to add:            slider

    1. Grid

        Description:             Converts blog list to grid view
        Hook element selector:   .blog-list
        Class to add:            grid

*/
.blog-list {
  padding: 130px 0;
}
.blog-list .swiper-wrapper {
  align-items: stretch;
}
.blog-list .swiper-slide {
  height: auto;
}
.blog-list .heading .title h1,
.blog-list .heading .title h2,
.blog-list .heading .title h3,
.blog-list .heading .title h4,
.blog-list .heading .title h5,
.blog-list .heading .title h6 {
  font-size: 4.6rem;
  line-height: 4.6rem;
}
.blog-list .heading .subtitle {
  font-size: 2.8rem;
  line-height: 4.2rem;
}
.blog-list .blog-list__inner .heading-and-cta-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.blog-list .blog-list__inner .heading-and-cta-wrapper .heading {
  max-width: 70%;
}
.blog-list .blog-list__inner .heading-and-cta-wrapper .cta {
  margin-left: auto;
}
.blog-list .blog-list__inner .heading-and-cta-wrapper .slider-controls {
  justify-content: flex-end;
}
.blog-list .blog-list__inner .cta-wrapper {
  margin-top: 100px;
}
.blog-list .blog-card {
  height: 100%;
}
.blog-list .blog-card .blog-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-list .blog-card .date {
  margin-bottom: 30px;
  padding-top: 20px;
  border-top: 1px solid #e0e5e8;
  text-transform: uppercase;
  font-size: 1.4rem;
  position: relative;
}
.blog-list .blog-card .date::before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  background-color: #60308e;
  top: -1px;
  left: 0;
}
.blog-list .blog-card .featured-image {
  margin-bottom: 35px;
}
.blog-list .blog-card .featured-image.with-border {
  border: 1px solid #e0e5e8;
}
.blog-list .blog-card .featured-image img {
  width: 100%;
}
.blog-list .blog-card .content {
  padding-left: 20px;
  padding-right: 20px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.blog-list .blog-card .content .title {
  margin-bottom: auto;
}
.blog-list .blog-card .content .title h1,
.blog-list .blog-card .content .title h2,
.blog-list .blog-card .content .title h3,
.blog-list .blog-card .content .title h4,
.blog-list .blog-card .content .title h5,
.blog-list .blog-card .content .title h6 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.blog-list .blog-card .content .title h1 a,
.blog-list .blog-card .content .title h2 a,
.blog-list .blog-card .content .title h3 a,
.blog-list .blog-card .content .title h4 a,
.blog-list .blog-card .content .title h5 a,
.blog-list .blog-card .content .title h6 a {
  color: #3c484e;
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-family: "secondary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.blog-list .blog-card .content .text {
  margin-top: 20px;
}
.blog-list .blog-card .content .text p:last-child {
  margin-bottom: 0;
}
.blog-list .blog-card .content p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 0;
}
.blog-list .blog-card .content p:last-child {
  margin-bottom: 0;
}
.blog-list .blog-card .content .title + .cta-wrapper {
  margin-top: 20px;
}
.blog-list .blog-card .content .cta-wrapper {
  margin-top: 35px;
}
.blog-list.grid .blog-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
  gap: 90px;
}

@media (max-width: 991px) {
  .blog-list.grid .blog-card-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  }
}
@media (max-width: 767px) {
  .blog-list, .blog-list.padding-top-0, .blog-list.padding-top-50, .blog-list.padding-top-100, .blog-list.padding-top-150, .blog-list.padding-top-200 {
    padding-top: 100px !important;
  }
  .blog-list, .blog-list.padding-bottom-0, .blog-list.padding-bottom-50, .blog-list.padding-bottom-100, .blog-list.padding-bottom-150, .blog-list.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
  .blog-list .blog-list__inner .heading-and-cta-wrapper {
    flex-direction: column;
  }
  .blog-list .blog-list__inner .heading-and-cta-wrapper .heading {
    max-width: unset;
  }
  .blog-list .blog-list__inner .heading-and-cta-wrapper .cta {
    margin-top: 40px;
    margin-left: 0;
  }
  .blog-list .blog-list__inner .heading-and-cta-wrapper .cta .slider-controls {
    justify-content: flex-start;
  }
  .blog-list.grid .blog-card-wrapper .blog-card {
    height: auto;
  }
  .blog-list.grid .blog-card-wrapper .blog-card .featured-image {
    height: auto;
  }
}
@media (max-width: 575px) {
  .blog-list .heading .title h1,
  .blog-list .heading .title h2,
  .blog-list .heading .title h3,
  .blog-list .heading .title h4,
  .blog-list .heading .title h5,
  .blog-list .heading .title h6 {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .blog-list .heading .subtitle {
    font-size: 2rem;
    line-height: 2rem;
  }
  .blog-list.grid .blog-card-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 0;
  }
  .blog-list.grid .blog-card-wrapper .blog-card:not(:last-child) {
    margin-bottom: 90px;
  }
}
/*
    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 - List display

        Description:             Transform elements list to list
        Hook element selector:   .elements-list
        Class to add:            list
*/
.elements-list {
  padding: 200px 0;
}
.elements-list.element-with-border .element {
  border: 2px solid #e0e5e8;
}
.elements-list .elements-list__inner > .heading {
  margin-bottom: 100px;
}
.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.6rem;
  line-height: 4.6rem;
}
.elements-list .elements-list__inner .element .icon {
  margin-bottom: 40px;
}
.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 {
  padding-bottom: 40px;
  font-size: 3.8rem;
  line-height: 3.8rem;
}
.elements-list .elements-list__inner .element .text p {
  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.grid .elements-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 70px;
  padding-right: 70px;
  gap: 170px;
}
.elements-list.grid .element .element__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.elements-list.list .element {
  margin-bottom: 70px;
  max-width: 850px;
}
.elements-list.list .element:last-child {
  margin-bottom: 0;
}

@media (min-width: 1201px) {
  .elements-list.grid .elements-wrapper.items-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
    padding-left: 0;
    padding-right: 0;
  }
  .elements-list.grid .elements-wrapper.items-4 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .elements-list.grid .elements-wrapper.items-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 170px;
  }
}
@media (max-width: 991px) {
  .elements-list, .elements-list.padding-top-0, .elements-list.padding-top-50, .elements-list.padding-top-100, .elements-list.padding-top-150, .elements-list.padding-top-200 {
    padding-top: 100px !important;
  }
  .elements-list, .elements-list.padding-bottom-0, .elements-list.padding-bottom-50, .elements-list.padding-bottom-100, .elements-list.padding-bottom-150, .elements-list.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
  .elements-list.grid .elements-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .elements-list.grid .elements-wrapper {
    gap: 0;
    grid-template-columns: 1fr;
  }
  .elements-list.grid .elements-wrapper .element:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .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: 3.8rem;
    line-height: 3.8rem;
  }
  .elements-list .elements-list__inner > .heading .subtitle {
    font-size: 2rem;
    line-height: 2rem;
  }
  .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: 3.3rem;
    line-height: 3.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.

*/
/*
    ==== PAGE HEADER ====

    Description: 
        This is page header of website.

    Modificators:

    1. No background image

        Description:             Indicates that page header don't have background image
        Hook element selector:   .page-header
        Class to add:            no-bg-image

    2. Slim page header

        Description:             Makes page header slim
        Hook element selector:   .page-header
        Class to add:            slim

*/
header + main .page-header:first-child {
  margin-top: calc(var(--headerHeight) * -1);
}

.screen-locked .page-header .bg-image {
  top: unset;
  bottom: unset;
}

.page-header {
  padding-top: 380px;
  min-height: calc(100dvh - var(--headerHeight));
  display: flex;
  align-items: flex-end;
}
.page-header .bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: unset;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.page-header .container-fluid {
  position: relative;
}
.page-header .text-box {
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 10px solid #fff;
  max-width: 820px;
  padding: 70px 80px 170px 80px;
}
.page-header .text-box .heading {
  margin-bottom: 30px;
}
.page-header .text-box .heading .title h1,
.page-header .text-box .heading .title h2,
.page-header .text-box .heading .title h3,
.page-header .text-box .heading .title h4,
.page-header .text-box .heading .title h5,
.page-header .text-box .heading .title h6 {
  font-size: 5.4rem;
  line-height: 5.4rem;
}
.page-header .text-box .text p {
  margin-top: 0;
}
.page-header .text-box .text p:last-child {
  margin-bottom: 0;
}
.page-header .text-box .cta-wrapper {
  margin-top: 50px;
}
.page-header .text-and-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  gap: 30px 50px;
  flex-wrap: wrap;
}
.page-header .text-and-cta .date-and-author > * {
  position: relative;
  padding: 0 18px;
}
.page-header .text-and-cta .date-and-author > *::before {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  position: absolute;
  background-color: #bfc3c5;
  right: 0;
  top: 0;
}
.page-header .text-and-cta .date-and-author > *:first-child {
  padding-left: 0;
}
.page-header .text-and-cta .date-and-author > *:last-child {
  padding-right: 0;
}
.page-header .text-and-cta .date-and-author > *:last-child::before {
  content: none;
}
.page-header .text-and-cta .date-and-author .date {
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.page-header .text-and-cta .date-and-author .author {
  display: inline-block;
  font-size: 1.4rem;
  font-family: "primary-italic", Arial, Helvetica, sans-serif;
}
.page-header .cta-wrapper {
  margin-top: 50px;
}

.page-header.no-bg-image {
  padding-top: 150px;
}
.page-header.no-bg-image .text-box {
  max-width: unset;
  padding: 0 80px;
}
.page-header.no-bg-image .text-box .heading {
  max-width: 80%;
}

.page-header.slim {
  padding-top: calc(var(--headerHeight) + 50px);
  padding-bottom: 50px;
  align-items: flex-start;
  min-height: unset;
}
.page-header.slim .bg-image {
  display: none;
}
.page-header.slim .text-box {
  padding: 0;
}

@media (max-width: 991px) {
  .page-header {
    padding-top: 200px;
  }
  .page-header .bg-image {
    width: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-header:not(.no-bg-image):not(.slim) .container,
  .page-header:not(.no-bg-image):not(.slim) .container-fluid {
    max-width: unset;
    padding: 0;
    margin: 0;
  }
  .page-header .text-box {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .page-header.no-bg-image .text-box {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .page-header .text-box {
    max-width: unset;
    padding: 15px;
  }
  .page-header .text-box .heading .title h1,
  .page-header .text-box .heading .title h2,
  .page-header .text-box .heading .title h3,
  .page-header .text-box .heading .title h4,
  .page-header .text-box .heading .title h5,
  .page-header .text-box .heading .title h6 {
    font-size: 4.6rem;
    line-height: 4.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.

*/
/*
    ==== TEAM LIST ====

    Description: 
        List of team members.

    Modificators:
        No modificators.

*/
.team-list {
  padding-top: 150px;
  padding-bottom: 150px;
}
.team-list .team-list__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px 80px;
}
.team-list .team-member-card .team-member-card__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.team-list .team-member-card .team-member__image {
  background-color: #f1f1f4;
  font-size: 0;
  line-height: 0;
  margin-bottom: 25px;
  height: 400px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.team-list .team-member-card .team-member__image img {
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-list .team-member-card .team-member__information {
  position: relative;
  padding-right: 35px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.team-list .team-member-card .name {
  margin-bottom: 15px;
}
.team-list .team-member-card .name h1,
.team-list .team-member-card .name h2,
.team-list .team-member-card .name h3,
.team-list .team-member-card .name h4,
.team-list .team-member-card .name h5,
.team-list .team-member-card .name h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.6rem;
  line-height: 2.8rem;
  padding-bottom: 20px;
  position: relative;
}
.team-list .team-member-card .name h1::before,
.team-list .team-member-card .name h2::before,
.team-list .team-member-card .name h3::before,
.team-list .team-member-card .name h4::before,
.team-list .team-member-card .name h5::before,
.team-list .team-member-card .name h6::before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  background-color: #60308e;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.team-list .team-member-card .social {
  position: absolute;
  right: 0;
  top: 0;
}
.team-list .team-member-card .social a {
  transition: 0.2s ease;
}
.team-list .team-member-card .social a:hover {
  transition: 0.2s ease;
  opacity: 0.6;
}
.team-list .team-member-card .position {
  font-size: 1.6rem;
  margin-top: auto;
}
.team-list .team-member-card .hidden-description {
  display: none;
}

@media (max-width: 991px) {
  .team-list .team-list__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .team-list, .team-list.padding-top-0, .team-list.padding-top-50, .team-list.padding-top-100, .team-list.padding-top-150, .team-list.padding-top-200 {
    padding-top: 100px !important;
  }
  .team-list, .team-list.padding-bottom-0, .team-list.padding-bottom-50, .team-list.padding-bottom-100, .team-list.padding-bottom-150, .team-list.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
}
@media (max-width: 576px) {
  .team-list .team-list__inner {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .team-list .team-list__inner .team-member-card {
    max-width: 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.

*/
/*
    ==== TEXT-AND-HEADING ====

    Description: 
        These are text and image boxes of website.

    Modificators:
        No modificators.

*/
.text-and-heading {
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
}
.text-and-heading .bg-image {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: unset;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-and-heading .container-fluid {
  position: relative;
}
.text-and-heading .text-and-heading__inner {
  display: flex;
}
.text-and-heading .text-and-heading__inner *:first-child {
  margin-top: 0;
}
.text-and-heading .text-and-heading__inner .text {
  flex: 1;
  max-width: 850px;
}
.text-and-heading .text-and-heading__inner .text .heading {
  margin-bottom: 70px;
}
.text-and-heading .text-and-heading__inner .text .heading:last-child {
  margin-bottom: 0;
}
.text-and-heading .text-and-heading__inner .text .cta-wrapper {
  margin-top: 70px;
}
.text-and-heading .text-and-heading__inner .text .button:not(.cta-wrapper .button) {
  margin-top: 50px;
}
.text-and-heading .text-and-heading__inner .text ul {
  margin: 50px 0;
}
.text-and-heading .sidebar {
  margin-left: 100px;
}
.text-and-heading.text-center .text-and-heading__inner .text {
  margin-left: auto;
  margin-right: auto;
}
.text-and-heading.text-right .text-and-heading__inner .text {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 1200px) {
  .text-and-heading .text-and-heading__inner {
    flex-direction: column;
  }
  .text-and-heading .text-and-heading__inner .sidebar {
    margin-left: 0;
    margin-top: 50px;
    padding-right: 0;
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .text-and-heading .heading .title h1,
  .text-and-heading .heading .title h2,
  .text-and-heading .heading .title h3,
  .text-and-heading .heading .title h4,
  .text-and-heading .heading .title h5,
  .text-and-heading .heading .title h6 {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .text-and-heading .heading .subtitle {
    font-size: 2rem;
    line-height: 2rem;
  }
}
/*
    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.

*/
/*
    ==== PARTNERS ====

    Description: 
        This is partners section.

    Modificators:
		No modificators.

*/
.partners {
  padding-top: 200px;
  padding-bottom: 200px;
}
.partners .heading {
  margin-bottom: 50px;
}
.partners .partners__inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
}
.partners .partners__inner .partner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 75px 30px;
  font-size: 0;
}
.partners .partners__inner .partner .partner__inner {
  font-size: 0;
}
.partners .cta-wrapper {
  margin-top: 50px;
}

@media (min-width: 1201px) {
  .partners .partners__inner.items-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
    padding-left: 0;
    padding-right: 0;
  }
  .partners .partners__inner.items-4 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .partners .partners__inner.items-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 170px;
  }
}
@media (max-width: 767px) {
  .partners .partners__inner {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
/*
    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.

*/
/*
    ==== NEWS DETAILS SLIDER ====

    Description: 
        News slider details.

    Modificators:
        No modificators.

*/
.news-details-slider .news-details-slider__inner {
  display: flex;
}
.news-details-slider .image {
  position: relative;
  border-top: 1px solid #e0e5e8;
  max-width: 775px;
  flex: 1;
}
.news-details-slider .image::before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  background-color: #60308e;
  top: -1px;
  left: 0;
}
.news-details-slider .image .swiper-slide {
  min-height: 775px;
  width: 100% !important;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.news-details-slider .image .swiper-slide .date {
  padding-top: 15px;
  margin-bottom: 25px;
  font-size: 1.4rem;
  position: relative;
}
.news-details-slider .image .swiper-slide .inner-content {
  display: flex;
  align-items: flex-end;
  height: 100%;
  position: relative;
  flex: 1;
}
.news-details-slider .image .swiper-slide .inner-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.news-details-slider .image .swiper-slide .content-box {
  padding: 40px 30px 40px 40px;
  max-width: 70%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-details-slider .image .swiper-slide .content-box .title {
  margin-bottom: 20px;
}
.news-details-slider .image .swiper-slide .content-box .title h1,
.news-details-slider .image .swiper-slide .content-box .title h2,
.news-details-slider .image .swiper-slide .content-box .title h3,
.news-details-slider .image .swiper-slide .content-box .title h4,
.news-details-slider .image .swiper-slide .content-box .title h5,
.news-details-slider .image .swiper-slide .content-box .title h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.8rem;
  line-height: 3.2rem;
}
.news-details-slider .image .swiper-slide .content-box .text p {
  margin-top: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.news-details-slider .image .swiper-slide .content-box .text p:last-child {
  margin-bottom: 0;
}
.news-details-slider .image .swiper-slide .content-box .cta-wrapper {
  margin-top: 35px;
}
.news-details-slider .image .swiper-slide .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-details-slider .sidebar {
  position: relative;
  border-top: 1px solid #e0e5e8;
  padding-right: 50px;
  margin-left: 90px;
  padding-top: 55px;
  max-width: 335px;
}
.news-details-slider .swiper-pagination {
  position: absolute;
  top: 80px;
  left: 20px !important;
  bottom: unset !important;
}
.news-details-slider .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #3c484e;
  margin-right: 10px !important;
}
.news-details-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #fff;
}

.choices-select {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border: 1px solid #e0e5e8;
  background-color: transparent;
  color: #3c484e;
  padding: 7.5px 18px;
  outline: none;
  width: 100%;
  cursor: pointer;
}

.choices-option {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #3c484e;
  background-color: white;
}

.choices-option:hover {
  background-color: #e0e5e8;
}

@media (max-width: 991px) {
  .news-details-slider .news-details-slider__inner {
    flex-direction: column;
  }
  .news-details-slider .image .swiper-slide .content-box {
    max-width: unset;
    width: 100%;
  }
  .news-details-slider .sidebar {
    margin-left: 0;
    margin-top: 50px;
    padding-right: 0;
    max-width: unset;
  }
}
/*
    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 block.

    Modificators:
        No modificators.

*/
.no-content {
  margin: 150px 0;
}
.no-content .no-content__inner {
  padding: 100px;
  border: 2px solid #e0e5e8;
  text-align: center;
}
.no-content .no-content__inner h1,
.no-content .no-content__inner h2,
.no-content .no-content__inner h3,
.no-content .no-content__inner h4,
.no-content .no-content__inner h5,
.no-content .no-content__inner h6 {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .no-content .no-content__inner {
    padding: 50px;
  }
  .no-content .no-content__inner h1,
  .no-content .no-content__inner h2,
  .no-content .no-content__inner h3,
  .no-content .no-content__inner h4,
  .no-content .no-content__inner h5,
  .no-content .no-content__inner h6 {
    font-size: 2.8rem;
    line-height: 2.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.

*/
/*
    ==== CONTACT US ====

    Description: 
        Contact us block.

    Modificators:
        No modificators.

*/
.contact-us {
  padding: 150px 0;
}
.contact-us .contact-us__inner {
  max-width: 800px;
  margin: 0 auto;
}
.contact-us .cta-wrapper {
  margin-top: 75px;
}

@media (max-width: 767px) {
  .contact-us, .contact-us.padding-bottom-0, .contact-us.padding-bottom-50, .contact-us.padding-bottom-100, .contact-us.padding-bottom-150, .contact-us.padding-bottom-200 {
    padding-bottom: 100px !important;
  }
  .contact-us, .contact-us.padding-top-0, .contact-us.padding-top-50, .contact-us.padding-top-100, .contact-us.padding-top-150, .contact-us.padding-top-200 {
    padding-top: 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.

*/
/*
    ==== MAP ====

    Description: 
        Section with MAP.

    Modificators:
        No modificators.

*/
.map-and-content .container,
.map-and-content .container-fluid {
  padding: 0;
  margin: 0;
  max-width: unset;
}
.map-and-content .map__inner {
  display: flex;
  -moz-column-gap: 100px;
       column-gap: 100px;
}
.map-and-content .map__inner .map-wrapper {
  min-height: 630px;
  flex: 1;
}
.map-and-content .map__inner .map-wrapper .map {
  width: 100%;
  height: 100%;
}
.map-and-content .map__inner .map-wrapper .map .info-window {
  padding: 20px;
  padding-right: 40px;
  color: #60308e;
  max-width: 350px;
}
.map-and-content .map__inner .map-wrapper .map .info-window h1,
.map-and-content .map__inner .map-wrapper .map .info-window h2,
.map-and-content .map__inner .map-wrapper .map .info-window h3,
.map-and-content .map__inner .map-wrapper .map .info-window h4,
.map-and-content .map__inner .map-wrapper .map .info-window h5,
.map-and-content .map__inner .map-wrapper .map .info-window h6 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.map-and-content .map__inner .map-wrapper .map .info-window p {
  margin-top: 0;
}
.map-and-content .map__inner .map-wrapper .map .info-window p:last-child {
  margin-bottom: 0;
}
.map-and-content .map__inner .map-wrapper .map .info-window-content {
  color: #3c484e;
}
.map-and-content .map__inner .map-wrapper .map .gm-style .gm-style-iw-c {
  padding: 0;
}
.map-and-content .map__inner .map-wrapper .map .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-and-content .map__inner .map-wrapper .map .gm-style .gm-style-iw-c button span {
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
}
.map-and-content .map__inner .text-wrapper {
  padding-top: 90px;
  padding-bottom: 90px;
  padding-right: 40px;
  border-top: 1px solid #e0e5e8;
  border-bottom: 1px solid #e0e5e8;
  width: 660px;
}
.map-and-content .map__inner .text-wrapper a {
  color: #3c484e;
}
.map-and-content .map__inner .text-wrapper .title {
  margin-bottom: 30px;
}
.map-and-content .map__inner .text-wrapper .title h1,
.map-and-content .map__inner .text-wrapper .title h2,
.map-and-content .map__inner .text-wrapper .title h3,
.map-and-content .map__inner .text-wrapper .title h4,
.map-and-content .map__inner .text-wrapper .title h5,
.map-and-content .map__inner .text-wrapper .title h6 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  color: #60308e;
  margin-top: 0;
  margin-bottom: 0;
}
.map-and-content .map__inner .text-wrapper .address {
  margin-bottom: 30px;
}
.map-and-content .map__inner .text-wrapper .contact-info .phone {
  margin-bottom: 30px;
}
.map-and-content .map__inner .text-wrapper .separator {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0e5e8;
  margin: 80px 0;
}

@media (max-width: 1400px) {
  .map-and-content .map__inner .text-wrapper {
    width: 400px;
  }
}
@media (max-width: 991px) {
  .map-and-content .map__inner {
    flex-direction: column;
  }
  .map-and-content .map__inner .text-wrapper {
    width: 100%;
    padding-left: 40px;
  }
  .map-and-content .map__inner .map-wrapper {
    min-height: unset;
    height: 400px;
    flex: initial;
  }
}
/*
    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: 
        This is partners section.

    Modificators:
		No modificators.

*/
.error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 200px 0 100px 0;
}
.error .error__inner {
  padding: 0 20%;
  position: relative;
}
.error .bg-icon {
  position: absolute;
  z-index: -1;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  height: 275px;
}
.error .cta-wrapper {
  padding-top: 130px;
}

@media (max-width: 991px) {
  .error .error__inner {
    padding: initial;
  }
  .error .cta-wrapper {
    padding-top: 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.

*/
/*
    ==== SEARCH AND SELECT ====

    Description: 
        News slider details.

    Modificators:
        No modificators.

*/
.search-and-select {
  padding-bottom: 150px;
  position: relative;
  z-index: 3;
}
.search-and-select input {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border: 1px solid #e0e5e8;
  background-color: transparent;
  color: #3c484e;
  padding: 7.5px 18px;
  outline: none;
}
.search-and-select input::-moz-placeholder {
  opacity: 1;
  color: #3c484e;
}
.search-and-select input::placeholder {
  opacity: 1;
  color: #3c484e;
}
.search-and-select input:-ms-input-placeholder {
  color: #3c484e;
}
.search-and-select input::-ms-input-placeholder {
  color: #3c484e;
}
.search-and-select input:focus {
  border: 1px solid #60308e;
}
.search-and-select .search-and-select__inner {
  display: flex;
  position: relative;
  border-top: 1px solid #e0e5e8;
}
.search-and-select .search-and-select__inner::before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  background-color: #60308e;
  top: -1px;
  left: 0;
}
.search-and-select .search {
  max-width: 760px;
  border-top: none;
}
.search-and-select .search-and-select__inner {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.search-and-select .two-thirds {
  flex: 2;
  flex-basis: 15%;
}
.search-and-select .one-third {
  flex: 1;
}
.search-and-select .input-wrapper::before {
  content: none;
}
.search-and-select .choices__list.choices__list--dropdown .choices__item,
.search-and-select .choices .choices__list.choices__list--dropdown .choices__item.choices__placeholder {
  padding: 10px !important;
  padding-left: 23px !important;
}
.search-and-select .custom-select-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.search-and-select .choices:focus {
  border: 1px solid #60308e;
}
.search-and-select .choices {
  font-family: "primary-regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border: 1px solid #e0e5e8;
  background-color: transparent;
  padding: 7.5px 18px;
  outline: none;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.search-and-select .choices .choices__item {
  opacity: 1;
  color: #3c484e;
  padding: 10px !important;
  line-height: 16px;
}
.search-and-select .choices .choices__list {
  left: -1px;
  width: calc(100% + 2px);
  z-index: 2;
}
.search-and-select .choices .choices__item.choices__placeholder {
  opacity: 1;
  color: #3c484e;
  padding: 0 !important;
}
.search-and-select .choices .choices__placeholder {
  opacity: 1;
}
.search-and-select .choices .choices__inner {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  background-color: transparent;
  padding: 7.5px 7.5px 3.75px;
  border: none;
  border-radius: 2.5px;
  font-size: 1.6rem;
  overflow: hidden;
}
.search-and-select .choices.is-open .choices__list--dropdown,
.search-and-select .choices.is-open .choices__list[aria-expanded]:focus {
  border: 1px solid #60308e;
}
.search-and-select .choices__list--dropdown,
.search-and-select .choices__list[aria-expanded] {
  border-radius: 0;
}
.search-and-select .choices__list--dropdown .choices__item,
.search-and-select .choices__list[aria-expanded] .choices__item {
  font-size: 16px;
}

@media (max-width: 1200px) {
  .search-and-select .two-thirds {
    margin-right: 40px;
    flex: 1;
    flex-basis: 0;
  }
}
@media (max-width: 768px) {
  .search-and-select__inner {
    flex-direction: column;
  }
  .two-thirds {
    margin-right: 0px !important;
    width: 100%;
  }
  .one-third {
    width: 100%;
    margin-top: 20px;
  }
  .search-and-select .choices::after {
    right: 13px;
  }
}
/*
    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.

*/
/*
    ==== ITEMS LIST ====

    Description: 
        Items list. Could be: list or tabs.

    Modificators:

    1. Items list - List display

        Description:             Transform view of items to list (default)
        Hook element selector:   .items-list
        Class to add:            list-view

    2. Items list - Tabs display

        Description:             Transform view of items to tabs
        Hook element selector:   .items-list
        Class to add:            tabs-view
*/
.items-list {
  padding: 100px 0;
}
.items-list .category-list .heading {
  margin-bottom: 70px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e5e8;
}
.items-list .category-list .heading .title h1,
.items-list .category-list .heading .title h2,
.items-list .category-list .heading .title h3,
.items-list .category-list .heading .title h4,
.items-list .category-list .heading .title h5,
.items-list .category-list .heading .title h5 {
  font-size: 2.8rem;
  line-height: 3.2rem;
}
.items-list .gallery .gallery__inner {
  display: flex;
}
.items-list .gallery .main-image-wrapper {
  width: 300px;
  height: 300px;
}
.items-list .gallery .images-list .images-list__image {
  width: 75px;
  height: 75px;
  flex: 0 0 75px;
  padding: 1px;
}
.items-list .gallery .item__name {
  max-width: 300px;
  font-size: 1.6rem;
  color: #60308e;
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
  padding: 0 25px 10px 25px;
}
.items-list .gallery .item__image-and-text {
  display: flex;
  align-items: center;
}
.items-list .gallery .item__image-and-text .main-image-wrapper {
  flex: 0 0 300px;
}
.items-list .gallery .item__logo {
  margin-top: 25px;
  font-size: 0;
  padding: 0 25px;
  max-width: 200px;
}
.items-list .gallery .item__additional-text {
  padding: 0 30px 0 50px;
  font-size: 1.6rem;
}
.items-list .gallery .item__additional-text p {
  margin-top: 0;
  font-size: inherit;
}
.items-list .gallery .item__additional-text p:last-child {
  margin-bottom: 0;
}
.items-list .gallery .item__additional-text .button {
  margin-top: 10px;
}
.items-list.list-view .items-list__inner .main-image-wrapper {
  border-top-color: #60308e;
}
.items-list.list-view .items-list__inner .category-list {
  margin-bottom: 150px;
}
.items-list.list-view .items-list__inner .category-list .item {
  height: 100%;
}
.items-list.list-view .items-list__inner .category-list:last-child {
  margin-bottom: 0;
}
.items-list.list-view .items-list__inner .category-list__inner {
  display: grid;
  align-items: flex-end;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 100px;
}
.items-list.tabs-view .category-list:not(:last-child) {
  margin-bottom: 125px;
}
.items-list.tabs-view .category-list .category-list__inner {
  padding-left: 400px;
}
.items-list.tabs-view .category-list .heading {
  display: flex;
  align-items: flex-end;
  padding-bottom: 0;
}
.items-list.tabs-view .category-list .heading .title {
  margin-bottom: 0;
  flex: 0 0 400px;
}
.items-list.tabs-view .category-list .main-image-wrapper {
  border-top: 0;
}
.items-list.tabs-view .category-list .tabs-list {
  display: flex;
  padding-bottom: 20px;
  max-width: 100%;
}
.items-list.tabs-view .category-list .tabs-list .os-scrollbar {
  padding: 0 !important;
}
.items-list.tabs-view .category-list .tabs-list .os-viewport {
  display: inline-flex;
}
.items-list.tabs-view .category-list .tabs-list .os-scrollbar-horizontal .os-scrollbar-handle {
  height: 2px;
}
.items-list.tabs-view .category-list .tabs-list .tabs-list__item {
  padding: 10px 20px 0 20px;
  font-size: 1.6rem;
  color: #3c484e;
  min-width: -moz-max-content;
  min-width: max-content;
}
.items-list.tabs-view .category-list .tabs-list .tabs-list__item.active-tab-button {
  color: #60308e;
  font-family: "primary-medium", Arial, Helvetica, sans-serif;
}
.items-list.tabs-view .category-list .tabs-control {
  margin-bottom: 20px;
}
.items-list.tabs-view .category-list .tabs-control.tabs-control--next {
  margin-left: 20px;
}
.items-list.tabs-view .category-list .tabs-control.tabs-control--prev {
  margin-right: 20px;
}
.items-list.tabs-view .category-list .heading {
  flex: 0 0 400px;
  margin: 0;
}
.items-list.tabs-view .category-list .heading .title {
  padding-bottom: 20px;
}
.items-list.tabs-view .category-list .item__logo {
  padding-left: 0;
  padding-right: 0;
}
.items-list.tabs-view .category-list .item__info {
  position: relative;
  width: 100%;
}
.items-list.tabs-view .category-list .item__info > .button {
  position: absolute;
  right: 60px;
  bottom: 25px;
  z-index: 1;
}

@media (max-width: 1200px) {
  .items-list.list-view .items-list__inner .category-list__inner {
    display: block;
  }
  .items-list.list-view .items-list__inner .category-list__inner .item:not(:last-child) {
    margin-bottom: 100px;
  }
  .items-list.tabs-view .category-list .heading .title {
    flex: 0 0 300px;
  }
  .items-list.tabs-view .category-list .category-list__inner {
    padding-left: 300px;
  }
}
@media (max-width: 991px) {
  .items-list .gallery .item__image-and-text {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
  }
  .items-list .gallery .item__additional-text {
    margin-top: 20px;
    padding: 0;
  }
  .items-list .gallery .item__logo {
    padding: 0;
  }
  .items-list.list-view .images-list__image {
    border-top: 1px solid #e0e5e8;
  }
  .items-list.tabs-view .images-list__image {
    border-top: 1px solid #e0e5e8;
  }
  .items-list.tabs-view .category-list .item__info > .button {
    position: static;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .items-list.tabs-view .category-list .heading {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  .items-list.tabs-view .category-list .heading .title {
    flex: 0;
    padding-bottom: 0;
    padding-right: 110px;
    margin-bottom: 30px;
  }
  .items-list.tabs-view .category-list .category-list__inner {
    padding-left: 0;
  }
  .items-list.tabs-view .category-list .tabs-list .tabs-list__item:first-child {
    padding-left: 0;
  }
  .items-list.tabs-view .category-list .tabs-control {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
    border: 1px solid #60308e;
    border-radius: 50%;
    height: 40px;
    width: 40px;
  }
  .items-list.tabs-view .category-list .tabs-control.tabs-control--prev {
    margin-right: 60px;
  }
  .items-list.tabs-view .images-list__image {
    border-top: 1px solid #e0e5e8;
  }
}
@media (max-width: 576px) {
  .items-list .category-list .heading .title h1,
  .items-list .category-list .heading .title h2,
  .items-list .category-list .heading .title h3,
  .items-list .category-list .heading .title h4,
  .items-list .category-list .heading .title h5,
  .items-list .category-list .heading .title h6 {
    font-size: 2.3rem;
  }
}
@media (max-width: 350px) {
  .items-list .gallery .main-image-wrapper {
    width: 280px;
    height: 280px;
  }
}