/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./resources/assets/styles/main.scss ***!
  \****************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&family=Manrope:wght@700&family=Montserrat:ital,wght@0,400;1,600&display=swap);
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./resources/assets/styles/main.scss (1) ***!
  \********************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&family=Manrope:wght@700&family=Montserrat:ital,wght@0,400;1,600&display=swap);
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./resources/assets/styles/main.scss (2) ***!
  \********************************************************************************************************************************/
/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */
/** @import "~some-node-module"; */
/** Import theme styles */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

body {
  line-height: 1;
  overflow-x: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

body {
  background-color: #F4F4F4;
}

h1, h2, h3, h4, h5, p, span, div, a, a:hover, a:active, a:link, a:visited {
  color: #222222;
  font-family: "Figtree", sans-serif;
}

a {
  text-decoration: none;
}

p {
  font-size: 16px;
  line-height: 1.56;
}
@media only screen and (max-width: 992px) {
  p {
    font-size: 14px;
    line-height: 1.79;
  }
}

b {
  font-weight: bold;
}

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

.container {
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .container {
    margin-left: 28px;
    margin-right: 28px;
  }
}

@media only screen and (max-width: 992px) {
  .container-no-right {
    padding-right: 0;
    margin-right: 0;
  }
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

#breadcrumbs {
  line-height: normal;
}
#breadcrumbs span {
  font-size: 12px;
  line-height: normal;
}
#breadcrumbs .breadcrumb_last {
  font-weight: bold;
}

.subtitle {
  font-size: 14px;
  letter-spacing: 2.33px;
  color: #717171;
  text-transform: uppercase;
  display: block;
}
@media only screen and (max-width: 992px) {
  .subtitle {
    font-size: 12px;
    letter-spacing: 2px;
  }
}

.hero-title {
  font-size: 50px;
  font-weight: bold;
  color: #222222;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .hero-title {
    font-size: 34px;
    line-height: normal;
  }
}
.hero-title--color {
  font-weight: normal;
}
.hero-title--color span:first-of-type {
  font-weight: bold;
  color: #70007C;
}
.hero-title--color span:last-of-type {
  font-weight: bold;
  color: #3950B4;
}

.image-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .image-wrap {
    height: 300px;
  }
}
.image-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.swiper-wrap {
  position: relative;
}

.cookies-info {
  position: fixed;
  z-index: 999;
  bottom: 10%;
  right: 5%;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 20px 20px 30px 30px;
  max-width: 510px;
}
.cookies-info h3 {
  font-size: 40px;
  margin-bottom: 20px;
}
.cookies-info p {
  width: 75%;
  margin-bottom: 20px;
}
.cookies-info .close-cookies {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 20px;
  right: 20px;
  max-width: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.cookies-info .buttons {
  display: flex;
  align-items: center;
}
.cookies-info .buttons .btn {
  margin-right: 30px;
}

.enabled-slider .swiper-button-lock {
  display: block !important;
}

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

.control-input {
  width: 100%;
}

.error {
  color: darkred;
  text-align: center;
  width: 100%;
  transform: translateY(-12px);
  font-size: 12px;
}

.agree-error {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.agree-error {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.footer-error {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: left;
}

.footer-input-error {
  text-align: left;
}

#form_footer .error {
  text-align: left;
}

.info-title {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 14px;
  margin-top: 20px;
}

.otgs-development-site-front-end {
  display: none;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 0;
  list-style-type: none;
}

.start-1 {
  grid-column-start: 1;
}

.end-1 {
  grid-column-end: 1;
}

.span-1 {
  grid-column-start: span 1;
}

.order-1 {
  order: 1;
}

.start-2 {
  grid-column-start: 2;
}

.end-2 {
  grid-column-end: 2;
}

.span-2 {
  grid-column-start: span 2;
}

.order-2 {
  order: 2;
}

.start-3 {
  grid-column-start: 3;
}

.end-3 {
  grid-column-end: 3;
}

.span-3 {
  grid-column-start: span 3;
}

.order-3 {
  order: 3;
}

.start-4 {
  grid-column-start: 4;
}

.end-4 {
  grid-column-end: 4;
}

.span-4 {
  grid-column-start: span 4;
}

.order-4 {
  order: 4;
}

.start-5 {
  grid-column-start: 5;
}

.end-5 {
  grid-column-end: 5;
}

.span-5 {
  grid-column-start: span 5;
}

.order-5 {
  order: 5;
}

.start-6 {
  grid-column-start: 6;
}

.end-6 {
  grid-column-end: 6;
}

.span-6 {
  grid-column-start: span 6;
}

.order-6 {
  order: 6;
}

.start-7 {
  grid-column-start: 7;
}

.end-7 {
  grid-column-end: 7;
}

.span-7 {
  grid-column-start: span 7;
}

.order-7 {
  order: 7;
}

.start-8 {
  grid-column-start: 8;
}

.end-8 {
  grid-column-end: 8;
}

.span-8 {
  grid-column-start: span 8;
}

.order-8 {
  order: 8;
}

.start-9 {
  grid-column-start: 9;
}

.end-9 {
  grid-column-end: 9;
}

.span-9 {
  grid-column-start: span 9;
}

.order-9 {
  order: 9;
}

.start-10 {
  grid-column-start: 10;
}

.end-10 {
  grid-column-end: 10;
}

.span-10 {
  grid-column-start: span 10;
}

.order-10 {
  order: 10;
}

.start-11 {
  grid-column-start: 11;
}

.end-11 {
  grid-column-end: 11;
}

.span-11 {
  grid-column-start: span 11;
}

.order-11 {
  order: 11;
}

.start-12 {
  grid-column-start: 12;
}

.end-12 {
  grid-column-end: 12;
}

.span-12 {
  grid-column-start: span 12;
}

.order-12 {
  order: 12;
}

.start-13 {
  grid-column-start: 13;
}

.end-13 {
  grid-column-end: 13;
}

.span-13 {
  grid-column-start: span 13;
}

.order-13 {
  order: 13;
}

@media (max-width: 1320px) {
  .start-ml-1 {
    grid-column-start: 1;
  }
  .end-ml-1 {
    grid-column-end: 1;
  }
  .span-ml-1 {
    grid-column-start: span 1;
  }
  .order-ml-1 {
    order: 1;
  }
}
@media (max-width: 1320px) {
  .start-ml-2 {
    grid-column-start: 2;
  }
  .end-ml-2 {
    grid-column-end: 2;
  }
  .span-ml-2 {
    grid-column-start: span 2;
  }
  .order-ml-2 {
    order: 2;
  }
}
@media (max-width: 1320px) {
  .start-ml-3 {
    grid-column-start: 3;
  }
  .end-ml-3 {
    grid-column-end: 3;
  }
  .span-ml-3 {
    grid-column-start: span 3;
  }
  .order-ml-3 {
    order: 3;
  }
}
@media (max-width: 1320px) {
  .start-ml-4 {
    grid-column-start: 4;
  }
  .end-ml-4 {
    grid-column-end: 4;
  }
  .span-ml-4 {
    grid-column-start: span 4;
  }
  .order-ml-4 {
    order: 4;
  }
}
@media (max-width: 1320px) {
  .start-ml-5 {
    grid-column-start: 5;
  }
  .end-ml-5 {
    grid-column-end: 5;
  }
  .span-ml-5 {
    grid-column-start: span 5;
  }
  .order-ml-5 {
    order: 5;
  }
}
@media (max-width: 1320px) {
  .start-ml-6 {
    grid-column-start: 6;
  }
  .end-ml-6 {
    grid-column-end: 6;
  }
  .span-ml-6 {
    grid-column-start: span 6;
  }
  .order-ml-6 {
    order: 6;
  }
}
@media (max-width: 1320px) {
  .start-ml-7 {
    grid-column-start: 7;
  }
  .end-ml-7 {
    grid-column-end: 7;
  }
  .span-ml-7 {
    grid-column-start: span 7;
  }
  .order-ml-7 {
    order: 7;
  }
}
@media (max-width: 1320px) {
  .start-ml-8 {
    grid-column-start: 8;
  }
  .end-ml-8 {
    grid-column-end: 8;
  }
  .span-ml-8 {
    grid-column-start: span 8;
  }
  .order-ml-8 {
    order: 8;
  }
}
@media (max-width: 1320px) {
  .start-ml-9 {
    grid-column-start: 9;
  }
  .end-ml-9 {
    grid-column-end: 9;
  }
  .span-ml-9 {
    grid-column-start: span 9;
  }
  .order-ml-9 {
    order: 9;
  }
}
@media (max-width: 1320px) {
  .start-ml-10 {
    grid-column-start: 10;
  }
  .end-ml-10 {
    grid-column-end: 10;
  }
  .span-ml-10 {
    grid-column-start: span 10;
  }
  .order-ml-10 {
    order: 10;
  }
}
@media (max-width: 1320px) {
  .start-ml-11 {
    grid-column-start: 11;
  }
  .end-ml-11 {
    grid-column-end: 11;
  }
  .span-ml-11 {
    grid-column-start: span 11;
  }
  .order-ml-11 {
    order: 11;
  }
}
@media (max-width: 1320px) {
  .start-ml-12 {
    grid-column-start: 12;
  }
  .end-ml-12 {
    grid-column-end: 12;
  }
  .span-ml-12 {
    grid-column-start: span 12;
  }
  .order-ml-12 {
    order: 12;
  }
}
@media (max-width: 1320px) {
  .start-ml-13 {
    grid-column-start: 13;
  }
  .end-ml-13 {
    grid-column-end: 13;
  }
  .span-ml-13 {
    grid-column-start: span 13;
  }
  .order-ml-13 {
    order: 13;
  }
}
@media (max-width: 992px) {
  .start-md-1 {
    grid-column-start: 1;
  }
  .end-md-1 {
    grid-column-end: 1;
  }
  .span-md-1 {
    grid-column-start: span 1;
  }
  .order-md-1 {
    order: 1;
  }
}
@media (max-width: 992px) {
  .start-md-2 {
    grid-column-start: 2;
  }
  .end-md-2 {
    grid-column-end: 2;
  }
  .span-md-2 {
    grid-column-start: span 2;
  }
  .order-md-2 {
    order: 2;
  }
}
@media (max-width: 992px) {
  .start-md-3 {
    grid-column-start: 3;
  }
  .end-md-3 {
    grid-column-end: 3;
  }
  .span-md-3 {
    grid-column-start: span 3;
  }
  .order-md-3 {
    order: 3;
  }
}
@media (max-width: 992px) {
  .start-md-4 {
    grid-column-start: 4;
  }
  .end-md-4 {
    grid-column-end: 4;
  }
  .span-md-4 {
    grid-column-start: span 4;
  }
  .order-md-4 {
    order: 4;
  }
}
@media (max-width: 992px) {
  .start-md-5 {
    grid-column-start: 5;
  }
  .end-md-5 {
    grid-column-end: 5;
  }
  .span-md-5 {
    grid-column-start: span 5;
  }
  .order-md-5 {
    order: 5;
  }
}
@media (max-width: 992px) {
  .start-md-6 {
    grid-column-start: 6;
  }
  .end-md-6 {
    grid-column-end: 6;
  }
  .span-md-6 {
    grid-column-start: span 6;
  }
  .order-md-6 {
    order: 6;
  }
}
@media (max-width: 992px) {
  .start-md-7 {
    grid-column-start: 7;
  }
  .end-md-7 {
    grid-column-end: 7;
  }
  .span-md-7 {
    grid-column-start: span 7;
  }
  .order-md-7 {
    order: 7;
  }
}
@media (max-width: 992px) {
  .start-md-8 {
    grid-column-start: 8;
  }
  .end-md-8 {
    grid-column-end: 8;
  }
  .span-md-8 {
    grid-column-start: span 8;
  }
  .order-md-8 {
    order: 8;
  }
}
@media (max-width: 992px) {
  .start-md-9 {
    grid-column-start: 9;
  }
  .end-md-9 {
    grid-column-end: 9;
  }
  .span-md-9 {
    grid-column-start: span 9;
  }
  .order-md-9 {
    order: 9;
  }
}
@media (max-width: 992px) {
  .start-md-10 {
    grid-column-start: 10;
  }
  .end-md-10 {
    grid-column-end: 10;
  }
  .span-md-10 {
    grid-column-start: span 10;
  }
  .order-md-10 {
    order: 10;
  }
}
@media (max-width: 992px) {
  .start-md-11 {
    grid-column-start: 11;
  }
  .end-md-11 {
    grid-column-end: 11;
  }
  .span-md-11 {
    grid-column-start: span 11;
  }
  .order-md-11 {
    order: 11;
  }
}
@media (max-width: 992px) {
  .start-md-12 {
    grid-column-start: 12;
  }
  .end-md-12 {
    grid-column-end: 12;
  }
  .span-md-12 {
    grid-column-start: span 12;
  }
  .order-md-12 {
    order: 12;
  }
}
@media (max-width: 992px) {
  .start-md-13 {
    grid-column-start: 13;
  }
  .end-md-13 {
    grid-column-end: 13;
  }
  .span-md-13 {
    grid-column-start: span 13;
  }
  .order-md-13 {
    order: 13;
  }
}
@media (max-width: 700px) {
  .start-ms-1 {
    grid-column-start: 1;
  }
  .end-ms-1 {
    grid-column-end: 1;
  }
  .span-ms-1 {
    grid-column-start: span 1;
  }
  .order-ms-1 {
    order: 1;
  }
}
@media (max-width: 700px) {
  .start-ms-2 {
    grid-column-start: 2;
  }
  .end-ms-2 {
    grid-column-end: 2;
  }
  .span-ms-2 {
    grid-column-start: span 2;
  }
  .order-ms-2 {
    order: 2;
  }
}
@media (max-width: 700px) {
  .start-ms-3 {
    grid-column-start: 3;
  }
  .end-ms-3 {
    grid-column-end: 3;
  }
  .span-ms-3 {
    grid-column-start: span 3;
  }
  .order-ms-3 {
    order: 3;
  }
}
@media (max-width: 700px) {
  .start-ms-4 {
    grid-column-start: 4;
  }
  .end-ms-4 {
    grid-column-end: 4;
  }
  .span-ms-4 {
    grid-column-start: span 4;
  }
  .order-ms-4 {
    order: 4;
  }
}
@media (max-width: 700px) {
  .start-ms-5 {
    grid-column-start: 5;
  }
  .end-ms-5 {
    grid-column-end: 5;
  }
  .span-ms-5 {
    grid-column-start: span 5;
  }
  .order-ms-5 {
    order: 5;
  }
}
@media (max-width: 700px) {
  .start-ms-6 {
    grid-column-start: 6;
  }
  .end-ms-6 {
    grid-column-end: 6;
  }
  .span-ms-6 {
    grid-column-start: span 6;
  }
  .order-ms-6 {
    order: 6;
  }
}
@media (max-width: 700px) {
  .start-ms-7 {
    grid-column-start: 7;
  }
  .end-ms-7 {
    grid-column-end: 7;
  }
  .span-ms-7 {
    grid-column-start: span 7;
  }
  .order-ms-7 {
    order: 7;
  }
}
@media (max-width: 700px) {
  .start-ms-8 {
    grid-column-start: 8;
  }
  .end-ms-8 {
    grid-column-end: 8;
  }
  .span-ms-8 {
    grid-column-start: span 8;
  }
  .order-ms-8 {
    order: 8;
  }
}
@media (max-width: 700px) {
  .start-ms-9 {
    grid-column-start: 9;
  }
  .end-ms-9 {
    grid-column-end: 9;
  }
  .span-ms-9 {
    grid-column-start: span 9;
  }
  .order-ms-9 {
    order: 9;
  }
}
@media (max-width: 700px) {
  .start-ms-10 {
    grid-column-start: 10;
  }
  .end-ms-10 {
    grid-column-end: 10;
  }
  .span-ms-10 {
    grid-column-start: span 10;
  }
  .order-ms-10 {
    order: 10;
  }
}
@media (max-width: 700px) {
  .start-ms-11 {
    grid-column-start: 11;
  }
  .end-ms-11 {
    grid-column-end: 11;
  }
  .span-ms-11 {
    grid-column-start: span 11;
  }
  .order-ms-11 {
    order: 11;
  }
}
@media (max-width: 700px) {
  .start-ms-12 {
    grid-column-start: 12;
  }
  .end-ms-12 {
    grid-column-end: 12;
  }
  .span-ms-12 {
    grid-column-start: span 12;
  }
  .order-ms-12 {
    order: 12;
  }
}
@media (max-width: 700px) {
  .start-ms-13 {
    grid-column-start: 13;
  }
  .end-ms-13 {
    grid-column-end: 13;
  }
  .span-ms-13 {
    grid-column-start: span 13;
  }
  .order-ms-13 {
    order: 13;
  }
}
@media (max-width: 560px) {
  .start-sm-1 {
    grid-column-start: 1;
  }
  .end-sm-1 {
    grid-column-end: 1;
  }
  .span-sm-1 {
    grid-column-start: span 1;
  }
  .order-sm-1 {
    order: 1;
  }
}
@media (max-width: 560px) {
  .start-sm-2 {
    grid-column-start: 2;
  }
  .end-sm-2 {
    grid-column-end: 2;
  }
  .span-sm-2 {
    grid-column-start: span 2;
  }
  .order-sm-2 {
    order: 2;
  }
}
@media (max-width: 560px) {
  .start-sm-3 {
    grid-column-start: 3;
  }
  .end-sm-3 {
    grid-column-end: 3;
  }
  .span-sm-3 {
    grid-column-start: span 3;
  }
  .order-sm-3 {
    order: 3;
  }
}
@media (max-width: 560px) {
  .start-sm-4 {
    grid-column-start: 4;
  }
  .end-sm-4 {
    grid-column-end: 4;
  }
  .span-sm-4 {
    grid-column-start: span 4;
  }
  .order-sm-4 {
    order: 4;
  }
}
@media (max-width: 560px) {
  .start-sm-5 {
    grid-column-start: 5;
  }
  .end-sm-5 {
    grid-column-end: 5;
  }
  .span-sm-5 {
    grid-column-start: span 5;
  }
  .order-sm-5 {
    order: 5;
  }
}
@media (max-width: 560px) {
  .start-sm-6 {
    grid-column-start: 6;
  }
  .end-sm-6 {
    grid-column-end: 6;
  }
  .span-sm-6 {
    grid-column-start: span 6;
  }
  .order-sm-6 {
    order: 6;
  }
}
@media (max-width: 560px) {
  .start-sm-7 {
    grid-column-start: 7;
  }
  .end-sm-7 {
    grid-column-end: 7;
  }
  .span-sm-7 {
    grid-column-start: span 7;
  }
  .order-sm-7 {
    order: 7;
  }
}
@media (max-width: 560px) {
  .start-sm-8 {
    grid-column-start: 8;
  }
  .end-sm-8 {
    grid-column-end: 8;
  }
  .span-sm-8 {
    grid-column-start: span 8;
  }
  .order-sm-8 {
    order: 8;
  }
}
@media (max-width: 560px) {
  .start-sm-9 {
    grid-column-start: 9;
  }
  .end-sm-9 {
    grid-column-end: 9;
  }
  .span-sm-9 {
    grid-column-start: span 9;
  }
  .order-sm-9 {
    order: 9;
  }
}
@media (max-width: 560px) {
  .start-sm-10 {
    grid-column-start: 10;
  }
  .end-sm-10 {
    grid-column-end: 10;
  }
  .span-sm-10 {
    grid-column-start: span 10;
  }
  .order-sm-10 {
    order: 10;
  }
}
@media (max-width: 560px) {
  .start-sm-11 {
    grid-column-start: 11;
  }
  .end-sm-11 {
    grid-column-end: 11;
  }
  .span-sm-11 {
    grid-column-start: span 11;
  }
  .order-sm-11 {
    order: 11;
  }
}
@media (max-width: 560px) {
  .start-sm-12 {
    grid-column-start: 12;
  }
  .end-sm-12 {
    grid-column-end: 12;
  }
  .span-sm-12 {
    grid-column-start: span 12;
  }
  .order-sm-12 {
    order: 12;
  }
}
@media (max-width: 560px) {
  .start-sm-13 {
    grid-column-start: 13;
  }
  .end-sm-13 {
    grid-column-end: 13;
  }
  .span-sm-13 {
    grid-column-start: span 13;
  }
  .order-sm-13 {
    order: 13;
  }
}
@media (max-width: 370px) {
  .start-xs-1 {
    grid-column-start: 1;
  }
  .end-xs-1 {
    grid-column-end: 1;
  }
  .span-xs-1 {
    grid-column-start: span 1;
  }
  .order-xs-1 {
    order: 1;
  }
}
@media (max-width: 370px) {
  .start-xs-2 {
    grid-column-start: 2;
  }
  .end-xs-2 {
    grid-column-end: 2;
  }
  .span-xs-2 {
    grid-column-start: span 2;
  }
  .order-xs-2 {
    order: 2;
  }
}
@media (max-width: 370px) {
  .start-xs-3 {
    grid-column-start: 3;
  }
  .end-xs-3 {
    grid-column-end: 3;
  }
  .span-xs-3 {
    grid-column-start: span 3;
  }
  .order-xs-3 {
    order: 3;
  }
}
@media (max-width: 370px) {
  .start-xs-4 {
    grid-column-start: 4;
  }
  .end-xs-4 {
    grid-column-end: 4;
  }
  .span-xs-4 {
    grid-column-start: span 4;
  }
  .order-xs-4 {
    order: 4;
  }
}
@media (max-width: 370px) {
  .start-xs-5 {
    grid-column-start: 5;
  }
  .end-xs-5 {
    grid-column-end: 5;
  }
  .span-xs-5 {
    grid-column-start: span 5;
  }
  .order-xs-5 {
    order: 5;
  }
}
@media (max-width: 370px) {
  .start-xs-6 {
    grid-column-start: 6;
  }
  .end-xs-6 {
    grid-column-end: 6;
  }
  .span-xs-6 {
    grid-column-start: span 6;
  }
  .order-xs-6 {
    order: 6;
  }
}
@media (max-width: 370px) {
  .start-xs-7 {
    grid-column-start: 7;
  }
  .end-xs-7 {
    grid-column-end: 7;
  }
  .span-xs-7 {
    grid-column-start: span 7;
  }
  .order-xs-7 {
    order: 7;
  }
}
@media (max-width: 370px) {
  .start-xs-8 {
    grid-column-start: 8;
  }
  .end-xs-8 {
    grid-column-end: 8;
  }
  .span-xs-8 {
    grid-column-start: span 8;
  }
  .order-xs-8 {
    order: 8;
  }
}
@media (max-width: 370px) {
  .start-xs-9 {
    grid-column-start: 9;
  }
  .end-xs-9 {
    grid-column-end: 9;
  }
  .span-xs-9 {
    grid-column-start: span 9;
  }
  .order-xs-9 {
    order: 9;
  }
}
@media (max-width: 370px) {
  .start-xs-10 {
    grid-column-start: 10;
  }
  .end-xs-10 {
    grid-column-end: 10;
  }
  .span-xs-10 {
    grid-column-start: span 10;
  }
  .order-xs-10 {
    order: 10;
  }
}
@media (max-width: 370px) {
  .start-xs-11 {
    grid-column-start: 11;
  }
  .end-xs-11 {
    grid-column-end: 11;
  }
  .span-xs-11 {
    grid-column-start: span 11;
  }
  .order-xs-11 {
    order: 11;
  }
}
@media (max-width: 370px) {
  .start-xs-12 {
    grid-column-start: 12;
  }
  .end-xs-12 {
    grid-column-end: 12;
  }
  .span-xs-12 {
    grid-column-start: span 12;
  }
  .order-xs-12 {
    order: 12;
  }
}
@media (max-width: 370px) {
  .start-xs-13 {
    grid-column-start: 13;
  }
  .end-xs-13 {
    grid-column-end: 13;
  }
  .span-xs-13 {
    grid-column-start: span 13;
  }
  .order-xs-13 {
    order: 13;
  }
}
.gap {
  row-gap: 20px;
  column-gap: 20px;
}

.no-gap {
  grid-gap: 0;
  column-count: 0;
}

.btn {
  cursor: pointer;
  background-color: #70007C;
  padding: 14px 40px;
  border: none;
  border-radius: 25px;
  display: block;
  width: fit-content;
  transition: 0.2s all;
}
@media only screen and (max-width: 992px) {
  .btn {
    padding: 10px 25px 11px;
  }
}
.btn--small {
  padding: 8px 25px 8px;
  border-radius: 20px;
}

.btn:hover {
  box-shadow: 0 5px 20px 0 rgba(57, 7, 62, 0.25);
  background-color: #63006d;
  transition: 0.2s all;
}

.btn__txt {
  color: #FFFFFF;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (max-width: 992px) {
  .btn__txt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  .btn__txt {
    line-height: normal;
  }
}
.btn__txt--small {
  font-size: 14px;
  line-height: 19px;
}

.btn__txt:visited {
  color: #FFFFFF;
}

.btn__txt:link {
  color: #FFFFFF;
}

.current-menu-item {
  position: relative;
}
.current-menu-item a {
  color: #70007C;
}
.current-menu-item:after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -15px;
  height: 5px;
  width: 30px;
  background-color: #70007C;
  border-radius: 3px;
}

.sub-menu .current-menu-item {
  position: relative;
}
.sub-menu .current-menu-item a {
  color: #70007C !important;
  font-weight: bold;
}
.sub-menu .current-menu-item:after {
  display: none;
}

.link {
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  text-decoration: underline;
}
@media only screen and (max-width: 992px) {
  .link {
    font-size: 12px;
  }
}

.link:hover {
  color: #3950B4;
  transition: 0.2s all;
}

.slider-next, .slider-prev {
  position: absolute;
  top: 47%;
  cursor: pointer;
}
.slider-next img, .slider-prev img {
  width: 30px;
  height: 30px;
}

.slider-next {
  right: -40px;
}

.slider-prev {
  left: -40px;
}

.slider-next-logos, .slider-prev-logos {
  position: absolute;
  top: 47%;
  cursor: pointer;
}
.slider-next-logos img, .slider-prev-logos img {
  width: 30px;
  height: 30px;
}

.slider-next-logos {
  right: -40px;
}

.slider-prev-logos {
  left: -40px;
}

.boxes-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 30px;
}
.boxes-block__box {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding-top: 110px;
  padding-left: 30px;
  padding-right: 24px;
  width: 304px;
  min-height: 521px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.boxes-block__box h4 {
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.boxes-block__box p {
  padding: 0;
  margin: 0;
}
.boxes-block__box:last-of-type {
  margin-right: 0;
}

.custom-block {
  padding: 75px 0;
}
@media screen and (max-width: 992px) {
  .custom-block {
    padding: 30px 0;
  }
}
.custom-block--light {
  background-color: #FFFFFF;
}
.custom-block--dark {
  background-color: #F4F4F4;
}
.custom-block span.violet {
  color: #70007C;
  font-weight: 700;
}
.custom-block span.blue {
  color: #3950B4;
  font-weight: 700;
}

.custom-block__header {
  font-size: 40px;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .custom-block__header {
    font-size: 32px;
  }
}
.custom-block__header.text-left {
  text-align: left;
}
.custom-block__header span.violet {
  color: #70007C;
  font-weight: 700;
}
.custom-block__header span.blue {
  color: #3950B4;
  font-weight: 700;
}

.custom-block__way-container {
  display: flex;
  padding-bottom: 30px;
}

.custom-block .why_worth {
  padding: 0;
}
.custom-block .why_worth ul.single {
  display: block;
}
.custom-block .why_worth .subtitle {
  font-size: 14px;
}

.custom-block__text p, .custom-block__text span, .custom-block__text li {
  margin-bottom: 30px;
  line-height: 1.37;
  color: #222222;
}
.custom-block__text h2 {
  font-size: 1.5em;
}
.custom-block__text h3 {
  font-size: 1.3em;
}
.custom-block__text h4 {
  font-size: 1.2em;
}
.custom-block__text ol {
  list-style: decimal;
  list-style-position: inside;
}
.custom-block__text ul {
  list-style: disc;
  list-style-position: inside;
}

.custom-block__vimeo {
  overflow: hidden;
  border-radius: 10px;
}

.custom-block__play {
  height: auto;
  width: auto;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.custom-block__controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-block__controls.pause .custom-block__play {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.custom-block__img-left {
  padding-left: 50px;
}
@media screen and (max-width: 992px) {
  .custom-block__img-left {
    padding-left: 0;
  }
}

.custom-block__text h3, .custom-block__text h2, .custom-block__text h4, .custom-block__text h5, .custom-block__text strong, .custom-block__text strong b {
  font-weight: bold;
}

.banner {
  background-color: #FFFFFF;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 28px 32px 25px;
  max-width: 1345px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .banner {
    width: 94%;
    padding: 20px 0;
  }
}
.banner--opened {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  margin-left: 11px;
  margin-right: 11px;
  transform: translateX(1px);
}

#close-menu-icon {
  display: none;
}

.blur {
  filter: blur(5px);
  padding-top: 82px;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .header {
    margin-left: 18px;
    margin-right: 18px;
  }
}
@media only screen and (max-width: 992px) {
  .header__navigation {
    display: none;
  }
}
.header__buttons {
  display: flex;
  align-items: center;
}
.header .wpml-ls-link {
  position: relative;
  padding: 0 !important;
}
.header .wpml-ls-legacy-list-horizontal {
  padding: 0 !important;
  margin-left: 20px;
  display: none;
}
.header .wpml-ls-native {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #222222;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
.header .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
  position: absolute;
  top: -3px;
  right: -3px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.header__button {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__button span {
  color: white;
}
@media only screen and (max-width: 992px) {
  .header__button {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .header__buttons .wpml-ls {
    display: none;
  }
}

.hamburger {
  display: none;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.hamburger img {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 992px) {
  .hamburger {
    display: block;
  }
}

.brand img {
  max-width: 150px;
  height: auto;
}
@media only screen and (max-width: 992px) {
  .brand img {
    max-width: 120px;
  }
}

.nav {
  display: flex;
}

.nav li {
  font-weight: 700;
  transition: color 0.2s ease-in-out;
  padding-top: 16px;
  padding-bottom: 16px;
}
.nav li:hover a {
  transition: color 0.2s ease-in-out;
  color: #70007C;
}
.nav li + li {
  margin-left: 60px;
}

.mobile-nav {
  display: none;
  transition: 0.2s all;
  flex-direction: column;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
}
.mobile-nav .nav-mobile li {
  margin-bottom: 30px;
  text-align: center;
}
.mobile-nav .nav-mobile li a {
  font-size: 30px;
  text-align: center;
}
.mobile-nav .nav-mobile .sub-menu {
  padding-top: 40px;
}
@media only screen and (max-width: 992px) {
  .mobile-nav .nav-mobile .sub-menu li a {
    font-size: 20px;
  }
}
.mobile-nav .header__button--mobile {
  margin-top: 42px;
}
.mobile-nav--opened {
  display: flex;
  transition: 0.2s all;
}

.sub-menu {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 46px;
  left: -35px;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
  min-width: 190px;
}
@media only screen and (max-width: 992px) {
  .sub-menu {
    position: static;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    border: none;
    align-items: center;
  }
}
.sub-menu li {
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
}
.sub-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: #222222 !important;
}
.sub-menu li:hover a {
  transition: color 0.2s ease-in-out;
  color: #70007C !important;
  font-weight: bold;
}

.sub-menu li + li {
  margin-left: 0;
}

.menu-item-has-children {
  position: relative;
}

.menu-item-has-children::before {
  content: "";
  display: block;
  border: solid #70007C;
  border-width: 0 3px 3px 0;
  border-radius: 1px;
  padding: 4px;
  transform: rotate(45deg);
  position: absolute;
  left: -25px;
  top: 16px;
  transition: 0.2s all;
}
@media only screen and (max-width: 992px) {
  .menu-item-has-children::before {
    left: unset;
    right: -25px;
    top: 10px;
  }
}

.menu-item-has-children:hover ul.sub-menu {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .menu-item-has-children:hover ul.sub-menu {
    display: none;
  }
}
.menu-item-has-children:hover::before {
  transition: 0.2s all;
  transform: rotate(225deg);
  top: 20px;
}
@media only screen and (max-width: 992px) {
  .menu-item-has-children:hover::before {
    top: 10px;
    transform: rotate(45deg);
  }
}

@media only screen and (max-width: 992px) {
  .mobile-menu-opened {
    display: flex !important;
  }
}

@media only screen and (max-width: 992px) {
  .sub-menu-opened::before {
    top: 14px !important;
    transform: rotate(225deg) !important;
    transition: 0.2s all !important;
  }
}

.nav .sub-menu li + li {
  margin-left: 0;
}

.menu__mobile-wrapper {
  display: none;
}
@media screen and (max-width: 992px) {
  .menu__mobile-wrapper {
    display: flex;
    align-items: center;
  }
}

.menu__mobile-wpml {
  display: none;
}
@media screen and (max-width: 992px) {
  .menu__mobile-wpml {
    display: block;
    margin-right: 30px;
  }
}

.content-info {
  background-color: #222222;
  padding-top: 174px;
}
@media only screen and (max-width: 992px) {
  .content-info {
    padding-top: 20px;
  }
}
.content-info__top {
  padding-bottom: 220px;
}
@media only screen and (max-width: 992px) {
  .content-info__top {
    padding-bottom: 20px;
  }
}
.content-info__col {
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(216, 216, 216, 0.2);
  padding-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (max-width: 992px) {
  .content-info__col {
    border-right: 0;
    border-bottom: 1px solid rgba(216, 216, 216, 0.2);
    padding-bottom: 30px;
    padding-top: 10px;
  }
}
.content-info__col--newsletter .logo {
  max-width: 150px;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .content-info__col--newsletter .logo {
    max-width: 120px;
    margin-top: 0;
  }
}
.content-info__col--newsletter h3 p {
  font-size: 25px;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .content-info__col--newsletter h3 p {
    font-size: 20px;
  }
}
.content-info__col--newsletter form {
  display: flex;
  flex-direction: column;
}
.content-info__col--newsletter form input[type=email] {
  border: none;
  border-bottom: 3px solid #FFFFFF;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #FFFFFF;
  background-color: transparent;
  width: 100%;
  margin-bottom: 30px;
  max-width: 354px;
}
.content-info__col--newsletter form input[type=email]::placeholder {
  color: #FFFFFF;
}
.content-info__col--newsletter form .checkbox {
  cursor: pointer;
  display: flex;
  font-size: 12px;
  line-height: normal;
  color: #FFFFFF;
  max-width: 354px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .content-info__col--newsletter form .checkbox {
    font-size: 10px;
  }
}
.content-info__col--newsletter form .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.content-info__col--newsletter form .checkbox span {
  height: 16px;
  flex-shrink: 0;
  flex-basis: 16px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  margin-right: 15px;
  border-radius: 3px;
}
.content-info__col--newsletter form .checkbox input:checked + span {
  background-image: url(assets/images/1dfc1fdbcae6615e9c8e.svg);
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.content-info__col--newsletter form .btn {
  border: 2px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  appearance: none;
  -webkit-appearance: none;
  font-weight: bold;
  margin-top: 30px;
}
.content-info__col--newsletter form .btn:hover {
  background-color: #fff;
  color: #222222;
}
.content-info__col--solutions {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .content-info__col--solutions {
    padding-bottom: 0;
  }
}
.content-info__col--solutions h4 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: normal;
  margin-bottom: 40px;
}
.content-info__col--solutions ul {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .content-info__col--solutions ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.content-info__col--solutions ul li {
  margin-bottom: 40px;
}
.content-info__col--solutions ul li a {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 14px;
}
.content-info__col--articles {
  display: flex;
  flex-direction: column;
}
.content-info__col--articles h4 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: normal;
  margin-bottom: 40px;
}
.content-info__col--articles ul {
  display: flex;
  flex-direction: column;
}
.content-info__col--articles ul li {
  margin-bottom: 40px;
}
.content-info__col--articles ul li a {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 14px;
}
.content-info__col--articles .more {
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: underline;
}
.content-info__col--about h4 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: normal;
  margin-bottom: 33px;
}
.content-info__col--about p {
  color: #FFFFFF;
  line-height: 1.79;
  font-size: 14px;
  margin-bottom: 20px;
}
.content-info__col--about .more {
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: underline;
}
.content-info__col--about .line {
  width: 100%;
  height: 1px;
  margin-top: 17px;
  margin-bottom: 22px;
  background-color: #d8d8d8;
  opacity: 0.2;
}
@media only screen and (max-width: 992px) {
  .content-info__col--about .line {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.content-info__col--about span {
  font-size: 25px;
  line-height: 1.2;
  color: #FFFFFF;
}
@media only screen and (max-width: 992px) {
  .content-info__col--about span {
    font-size: 20px;
    line-height: 1.3;
  }
}
.content-info__col--about span a {
  font-size: 25px;
  line-height: 1.2;
  color: #FFFFFF;
}
@media only screen and (max-width: 992px) {
  .content-info__col--about span a {
    font-size: 20px;
    line-height: 1.3;
  }
}
.content-info__col:last-of-type {
  border: none;
}
.content-info .credits {
  background-color: #171717;
  padding-top: 13px;
  padding-bottom: 13px;
}
@media only screen and (max-width: 992px) {
  .content-info .credits {
    padding-top: 0;
    padding-bottom: 0;
  }
  .content-info .credits .gap {
    row-gap: 0;
  }
}
.content-info .credits__col {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .content-info .credits__col {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .content-info .credits__col--copy {
    order: 3;
    border-bottom: 1px solid rgba(216, 216, 216, 0.2);
    border-top: 1px solid rgba(216, 216, 216, 0.2);
    justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .content-info .credits__col--privacy {
    order: 1;
  }
}
@media only screen and (max-width: 992px) {
  .content-info .credits__col--cookies {
    order: 2;
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .content-info .credits__col--design {
    order: 4;
    justify-content: center;
  }
}
.content-info .credits span, .content-info .credits a {
  font-size: 12px;
  color: #FFFFFF;
}
.content-info .credits img {
  max-width: 71px;
  margin-left: 18px;
}

.not_found {
  padding-bottom: 192px;
}
.not_found .subtitle {
  margin-top: 40px;
  margin-bottom: 10px;
}
.not_found h1 {
  font-size: 50px;
  font-weight: bold;
}

.hero-paragraph {
  margin-bottom: 20px;
}

.template-page {
  padding-top: 20px;
  padding-bottom: 100px;
}
.template-page .subtitle {
  margin-top: 40px;
  margin-bottom: 10px;
}
.template-page h1 {
  font-size: 50px;
  font-weight: bold;
}

.privacy {
  padding-top: 20px;
  padding-bottom: 100px;
}
.privacy .subtitle {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 8.33%;
  padding-right: 25%;
}
.privacy h1 {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 30px;
  padding-left: 8.33%;
  padding-right: 25%;
}
.privacy h2 {
  font-size: 40px;
  font-weight: bold;
  margin-top: 100px;
  margin-bottom: 50px;
  padding-left: 8.33%;
  padding-right: 25%;
}
.privacy h3 {
  font-size: 14px;
  color: #717171;
  text-transform: uppercase;
  letter-spacing: 2.33px;
  margin-bottom: 20px;
  padding-left: 8.33%;
  padding-right: 25%;
}
.privacy p {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 8.33%;
  padding-right: 25%;
}
.privacy #breadcrumbs {
  margin-top: 0;
}
.privacy ul {
  list-style: disc;
  padding-left: 9.33%;
  padding-right: 25%;
}
.privacy ul li {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
.privacy ol {
  list-style: decimal;
  padding-left: 9.53%;
  padding-right: 25%;
}
.privacy ol li {
  font-size: 16px;
  line-height: 1.56;
  margin-top: 5px;
  margin-bottom: 5px;
}

.hero--home {
  padding-top: 70px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 992px) {
  .hero--home {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.hero--home .subtitle {
  margin-top: 63px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .hero--home .subtitle {
    margin-top: 0;
  }
}
.hero--home .btn__txt {
  margin-top: 30px;
}
.hero--home .hero__image--home {
  max-width: 87.5%;
}
.hero--home .hero__image {
  order: 2;
}
@media only screen and (max-width: 992px) {
  .hero--home .hero__image {
    order: 1;
    margin: 0 auto;
    display: block;
  }
}
.hero--home .hero__text {
  order: 1;
}
@media only screen and (max-width: 992px) {
  .hero--home .hero__text {
    order: 2;
  }
}

.benefits {
  padding-top: 100px;
  padding-bottom: 118px;
}
.benefits__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.benefits .subtitle {
  text-align: center;
  margin-bottom: 20px;
}
.benefits__text {
  font-size: 40px;
  text-align: center;
  line-height: normal;
}
@media only screen and (max-width: 992px) {
  .benefits__text {
    font-size: 28px;
    margin-top: 0 !important;
  }
}
.benefits__text span:first-of-type, .benefits__text span:nth-of-type(2) {
  color: #3950B4;
  font-weight: bold;
}
.benefits__text span:last-of-type, .benefits__text span:nth-of-type(3) {
  color: #70007C;
  font-weight: bold;
}

.fp-solutions .container {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .fp-solutions .container {
    flex-direction: column;
  }
}
.fp-solutions__featured {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured {
    width: 100%;
  }
}
.fp-solutions__featured .subtitle, .fp-solutions__featured h3, .fp-solutions__featured p, .fp-solutions__featured .featured-buttons {
  margin-left: 23%;
  width: 80%;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured .subtitle, .fp-solutions__featured h3, .fp-solutions__featured p, .fp-solutions__featured .featured-buttons {
    margin-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured p {
    order: 4;
  }
}
.fp-solutions__featured .subtitle {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured .subtitle {
    margin-top: 40px;
    margin-bottom: 10px;
    order: 2;
  }
}
.fp-solutions__featured h3 {
  font-size: 40px;
  margin-bottom: 17px;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured h3 {
    font-size: 28px;
    order: 3;
  }
}
.fp-solutions__featured .featured-buttons {
  margin-top: 30px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured .featured-buttons {
    order: 5;
  }
}
.fp-solutions__featured .featured-buttons .btn {
  margin-right: 40px;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured .featured-buttons .btn {
    margin-right: 25px;
  }
}
.fp-solutions__featured h3 span {
  color: #3950B4;
  font-weight: bold;
}
.fp-solutions__featured img {
  max-width: 528px;
  margin-left: 10px;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__featured img {
    order: 1;
  }
}
.fp-solutions__other {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 40px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__other {
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
    gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .fp-solutions__other {
    gap: 0;
  }
}
.fp-solutions__other .solution-box {
  width: 304px;
  margin: 10px;
  padding: 30px 45px 30px 30px;
  border-radius: 10px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__other .solution-box {
    width: calc(50% - 30px);
    margin: 0 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .fp-solutions__other .solution-box {
    width: 100%;
    margin: 0 0 20px;
  }
}
.fp-solutions__other .solution-box .subtitle {
  margin-bottom: 20px;
}
.fp-solutions__other .solution-box h4 {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  margin-bottom: 20px;
  flex-grow: 1;
  transition: 0.2s all;
}
@media only screen and (max-width: 992px) {
  .fp-solutions__other .solution-box h4 {
    font-size: 16px;
  }
}
.fp-solutions__other .solution-box:hover {
  transform: scale(105%);
  transition: 0.2s all;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
}

.largo {
  background-color: #FFFFFF;
  padding-top: 95px;
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .largo {
    padding-top: 117px;
    padding-bottom: 40px;
  }
}
.largo__images {
  position: relative;
  margin-bottom: 40px;
}
.largo__main {
  z-index: 2;
  position: relative;
}
.largo__circle {
  z-index: 1;
  position: absolute;
  left: -100px;
  top: 66px;
  max-width: 200px;
}
@media only screen and (max-width: 992px) {
  .largo__circle {
    top: -90px;
  }
}
.largo__man {
  z-index: 3;
  position: absolute;
  right: -145px;
  bottom: -5px;
  max-width: 225px;
}
@media only screen and (max-width: 992px) {
  .largo__man {
    max-width: 110px;
    transform: scaleX(-1);
    right: unset;
    left: -15px;
    bottom: -10px;
  }
}
.largo__bike {
  max-width: 270px;
  position: absolute;
  left: -1px;
  top: 370px;
}
@media only screen and (max-width: 992px) {
  .largo__bike {
    display: none;
  }
}
.largo__bike--mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .largo__bike--mobile {
    display: block;
    position: absolute;
    max-width: 220px;
    transform: scaleX(-1);
    top: 30px;
    left: unset;
    right: 50px;
  }
}
.largo__content {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 992px) {
  .largo__content {
    padding-top: 40px;
  }
}
.largo__content .largo-logo {
  max-width: 140px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.largo__content .buttons {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.largo__content .buttons .btn {
  margin-right: 40px;
}
@media only screen and (max-width: 992px) {
  .largo__content .buttons .btn {
    margin-right: 25px;
  }
}

.home .case-studies__section {
  padding-top: 100px;
  padding-bottom: 100px;
}
.home .case-studies__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.home .case-studies__title h2 {
  font-size: 40px;
  text-align: center;
  line-height: normal;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__title h2 {
    font-size: 28px;
  }
}
.home .case-studies__title h2 span:first-of-type {
  color: #70007C;
  font-weight: bold;
}
.home .case-studies__title h2 span:nth-of-type(2), .home .case-studies__title h2 span:nth-of-type(3) {
  color: #3950B4;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 50px;
}
.home .case-studies__box {
  display: flex;
  border-radius: 10px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  .home .case-studies__box {
    flex-direction: column;
  }
}
.home .case-studies__thumb {
  width: 50%;
  object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .home .case-studies__thumb {
    width: 100%;
  }
}
.home .case-studies__content {
  width: 50%;
  padding: 30px 30px 40px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .home .case-studies__content {
    width: 100%;
  }
}
.home .case-studies__content .quote {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 48px;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .quote {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.home .case-studies__content .author {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .author {
    font-size: 14px;
  }
}
.home .case-studies__content .position {
  font-size: 12px;
  line-height: normal;
  letter-spacing: normal;
  color: #717171;
  margin-top: 6px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .position {
    font-size: 10px;
    margin-bottom: 30px;
  }
}
.home .case-studies__content .text {
  margin-bottom: 48px;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .text {
    margin-bottom: 30px;
  }
}
.home .case-studies__content .buttons {
  display: flex;
  align-items: center;
}
.home .case-studies__content .buttons .btn {
  margin-right: 50px;
  background-color: #3950B4;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .buttons .btn {
    margin-right: 30px;
  }
}
.home .case-studies__content .buttons .btn:hover {
  background-color: #293e9c;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .buttons .link {
    display: none;
  }
}
.home .case-studies__content .buttons .link-mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .home .case-studies__content .buttons .link-mobile {
    display: block;
  }
}

.newsletter {
  background-color: #3950B4;
  padding-top: 200px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 992px) {
  .newsletter {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.newsletter .subtitle {
  color: #FFFFFF;
  text-align: center;
}
.newsletter h2 {
  font-weight: bold;
  font-size: 40px;
  line-height: normal;
  color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .newsletter h2 {
    font-size: 28px;
  }
}
.newsletter p {
  color: #FFFFFF;
  margin-bottom: 30px;
  text-align: center;
}
.newsletter__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.newsletter__form input[type=email] {
  border: none;
  border-bottom: 3px solid #FFFFFF;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  width: 100%;
  margin-bottom: 30px;
}
.newsletter__form input[type=email]::placeholder {
  text-align: center;
  color: #FFFFFF;
}
.newsletter__form .checkbox {
  cursor: pointer;
  display: flex;
  font-size: 12px;
  line-height: normal;
  color: #FFFFFF;
}
.newsletter__form .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.newsletter__form .checkbox span {
  height: 16px;
  flex-shrink: 0;
  flex-basis: 16px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  margin-right: 15px;
  border-radius: 3px;
}
.newsletter__form .checkbox input:checked + span {
  background-image: url(assets/images/1dfc1fdbcae6615e9c8e.svg);
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.newsletter__form .btn {
  background-color: #FFFFFF;
  color: #3950B4;
  appearance: none;
  -webkit-appearance: none;
  font-weight: bold;
  margin-top: 30px;
}
.newsletter__form .btn:hover {
  background-color: #e3e9ff;
}

.page-o-nas-data .hero {
  padding-top: 20px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .page-o-nas-data .hero {
    padding-bottom: 36px;
  }
}
.page-o-nas-data .hero .subtitle {
  margin-top: 5px;
  margin-bottom: 10px;
}
.page-o-nas-data .hero .hero-title {
  width: 90%;
}
@media only screen and (max-width: 992px) {
  .page-o-nas-data .hero__text {
    order: 2;
  }
}
@media only screen and (max-width: 992px) {
  .page-o-nas-data .hero__image {
    order: 1;
  }
}

.about {
  padding-top: 44px;
  padding-bottom: 50px;
}
.about .subtitle {
  text-align: center;
}
.about h2 {
  text-align: center;
  font-size: 40px;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .about h2 {
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.about h2 b {
  font-weight: bold;
}
.about p {
  text-align: center;
}

.results {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  .results {
    padding-top: 36px;
  }
}
.results .subtitle {
  text-align: center;
}
.results h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .results h2 {
    font-size: 28px;
    line-height: normal;
  }
}
.results h2 b {
  font-weight: bold;
}
.results__number .number {
  font-size: 250px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  display: block;
}
@media only screen and (max-width: 992px) {
  .results__number .number {
    font-size: 150px;
  }
}
@media only screen and (max-width: 992px) {
  .results .number-1 {
    order: 1;
  }
}
@media only screen and (max-width: 992px) {
  .results .number-2 {
    order: 2;
  }
}
.results .number-2 .number {
  color: #70007C;
}
@media only screen and (max-width: 992px) {
  .results .number-3 {
    order: 4;
  }
}
.results .number-3 .number {
  color: #3950B4;
}
@media only screen and (max-width: 992px) {
  .results .results-image {
    order: 3;
    margin-bottom: 10px;
  }
}
.results__image {
  margin-top: -118px;
}
@media only screen and (max-width: 992px) {
  .results__image {
    margin-top: -75px;
  }
}
.results__text {
  text-align: center;
}
.results__text p {
  text-align: center;
}

.why {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  .why {
    padding-top: 44px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .why .container-no-right {
    padding-right: 0;
    margin-right: 0;
  }
}
.why .subtitle {
  text-align: center;
}
.why h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .why h2 {
    font-size: 28px;
    margin-bottom: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.why h2 b {
  font-weight: bold;
}
.why .reasons__slider--about {
  width: 100%;
  height: 521px;
}
@media only screen and (max-width: 992px) {
  .why .reasons__slider--about {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .why .reasons__slider--about .swiper-slide {
    width: 80%;
    opacity: 0.24;
  }
}
@media only screen and (max-width: 992px) {
  .why .reasons__slider--about .swiper-slide-active {
    opacity: 1;
  }
}
.why__reasons {
  display: flex;
  justify-content: center;
  padding-left: 13%;
  padding-right: 13%;
}
@media only screen and (max-width: 992px) {
  .why__reasons {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .why__reasons .slider-next, .why__reasons .slider-prev {
    display: none;
  }
}
.why__reasons .slider-prev {
  left: 10%;
}
.why__reasons .slider-next {
  right: 10%;
}
.why__reasons .swiper-pagination {
  display: none;
}
@media only screen and (max-width: 992px) {
  .why__reasons .swiper-pagination {
    display: block;
    text-align: left;
  }
}
.why__reasons .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -35px;
}
.why__reasons .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #979797;
}
.why__reasons .swiper-pagination-bullet-active {
  width: 38px;
  height: 10px;
  background-color: #70007C;
  border-radius: 25px;
  border: none;
}
.why__reasons .reason-box {
  display: flex;
  flex-direction: column;
  width: 304px;
  height: 521px;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 30px;
}
.why__reasons .reason-box img {
  max-width: 60px;
}
.why__reasons .reason-box .subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.why__reasons .reason-box h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .why__reasons .reason-box p {
    flex-grow: 1;
  }
}
.why__reasons .reason-box .mobile-count {
  display: none;
}
@media only screen and (max-width: 992px) {
  .why__reasons .reason-box .mobile-count {
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    color: #717171;
  }
}

.services {
  padding-top: 50px;
  padding-bottom: 40px;
}
.services .subtitle {
  text-align: center;
}
.services h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.services h2 b {
  font-weight: bold;
}
.services__boxes {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap;
}
.services__boxes .service-box {
  display: flex;
  flex-direction: column;
  width: 304px;
  height: 344px;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 30px;
  margin: 10px;
}
.services__boxes .service-box .subtitle {
  margin-bottom: 20px;
  text-align: left;
}
.services__boxes .service-box h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  flex-grow: 1;
}
.services__boxes .service-box img {
  margin: 0 auto;
}
.services__boxes .service-box:hover {
  transform: scale(105%);
  transition: 0.2s all;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
}
.services__boxes .service-box:nth-of-type(2) img {
  max-width: 223px;
}
.services__boxes .service-box:last-of-type {
  position: relative;
}
.services__boxes .service-box:last-of-type::after {
  content: "";
  background-image: url(assets/images/c2e17d7a3eaa7aa2c6a5.png);
  background-size: cover;
  width: 50px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 89px;
}

.opinions {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  .opinions {
    padding-bottom: 128px;
  }
}
.opinions .subtitle {
  text-align: center;
}
.opinions h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .opinions h2 {
    font-size: 28px;
  }
}
.opinions h2 span {
  font-weight: bold;
  color: #3950B4;
}
@media only screen and (max-width: 992px) {
  .opinions .single-opinion {
    width: 100% !important;
  }
}
.opinions .swiper-pagination-opinion {
  display: none;
}
@media only screen and (max-width: 992px) {
  .opinions .swiper-pagination-opinion {
    position: absolute;
    display: block;
    text-align: left;
  }
}
.opinions .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -35px;
}
.opinions .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #979797;
}
.opinions .swiper-pagination-bullet-active {
  width: 38px;
  height: 10px;
  background-color: #70007C;
  border-radius: 25px;
  border: none;
}

.case-studies {
  padding-top: 100px;
  padding-bottom: 100px;
}
.case-studies__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.case-studies__title h2 {
  font-size: 40px;
  text-align: center;
  line-height: normal;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .case-studies__title h2 {
    font-size: 28px;
  }
}
.case-studies__title h2 span:first-of-type {
  color: #70007C;
  font-weight: bold;
}
.case-studies__title h2 span:nth-of-type(2), .case-studies__title h2 span:nth-of-type(3) {
  color: #3950B4;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 50px;
}
.case-studies__box {
  display: flex;
  border-radius: 10px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  .case-studies__box {
    flex-direction: column;
  }
}
.case-studies__thumb {
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .case-studies__thumb {
    width: 100%;
  }
}
.case-studies__content {
  width: 50%;
  padding: 30px 30px 40px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .case-studies__content {
    width: 100%;
  }
}
.case-studies__content .quote {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 48px;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .quote {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.case-studies__content .author {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .author {
    font-size: 14px;
  }
}
.case-studies__content .position {
  font-size: 12px;
  line-height: normal;
  letter-spacing: normal;
  color: #717171;
  margin-top: 6px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .position {
    font-size: 10px;
    margin-bottom: 30px;
  }
}
.case-studies__content .text {
  margin-bottom: 48px;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .text {
    margin-bottom: 30px;
  }
}
.case-studies__content .buttons {
  display: flex;
  align-items: center;
}
.case-studies__content .buttons .btn {
  margin-right: 50px;
  background-color: #3950B4;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .buttons .btn {
    margin-right: 30px;
  }
}
.case-studies__content .buttons .btn:hover {
  background-color: #293e9c;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .buttons .link {
    display: none;
  }
}
.case-studies__content .buttons .link-mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .case-studies__content .buttons .link-mobile {
    display: block;
  }
}

.clients {
  padding-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .clients {
    padding-bottom: 80px;
  }
}
.clients .subtitle {
  text-align: center;
  padding-bottom: 30px;
}
.clients__logos {
  height: 140px;
}
@media only screen and (max-width: 992px) {
  .clients__logos {
    height: 140px;
  }
}
.clients__logos .logo-slide {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .clients__logos .logo-slide img {
    width: 100%;
  }
}
.clients .swiper-pagination-logos {
  display: none;
}
@media only screen and (max-width: 992px) {
  .clients .swiper-pagination-logos {
    display: block;
    text-align: left;
  }
}
.clients .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -35px;
}
.clients .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #979797;
}
.clients .swiper-pagination-bullet-active {
  width: 38px;
  height: 10px;
  background-color: #70007C;
  border-radius: 25px;
  border: none;
}
.clients .slider-next-logos, .clients .slider-prev-logos {
  top: 40%;
}
@media only screen and (max-width: 992px) {
  .clients .slider-next-logos, .clients .slider-prev-logos {
    display: none;
  }
}

.page-kontakt-data .hero {
  padding-top: 20px;
  padding-bottom: 100px;
}
.page-kontakt-data .hero .subtitle {
  margin-top: 40px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .page-kontakt-data .hero .subtitle {
    margin-top: 10px;
  }
}
.page-kontakt-data .hero .hero-title {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 30px;
}

.contact__info {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  .contact__info {
    flex-direction: column;
  }
}
.contact__info .contact-box {
  width: 50%;
  padding: 30px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .contact__info .contact-box {
    width: 100%;
  }
}
.contact__info .contact-box img {
  max-width: 30px;
}
@media only screen and (max-width: 992px) {
  .contact__info .contact-box img {
    max-width: 60px;
  }
}
.contact__info .contact-box .subtitle {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .contact__info .contact-box .subtitle {
    margin-bottom: 10px;
  }
}
.contact__info .contact-box h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .contact__info .contact-box h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.contact__info .contact-box .btn {
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  .contact__info .contact-box .btn {
    padding: 14px 40px;
  }
}
@media only screen and (max-width: 992px) {
  .contact__content {
    order: 2;
  }
}
.contact__image {
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 992px) {
  .contact__image {
    order: 1;
    justify-content: center;
  }
  .contact__image img {
    width: 60%;
  }
}

.template-service .hero {
  padding-top: 20px;
}
.template-service .hero .subtitle {
  margin-top: 40px;
  margin-bottom: 10px;
}
.template-service .hero .btn {
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  .template-service .hero__text {
    order: 2;
  }
}
.template-service .hero__image {
  margin-top: 60px;
  margin-left: -70px;
}
@media only screen and (max-width: 992px) {
  .template-service .hero__image {
    order: 1;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
}

.reasons {
  padding-top: 226px;
  padding-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .reasons {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 992px) {
  .reasons .container-no-right {
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .reasons .slider-next, .reasons .slider-prev {
    display: none;
  }
}
.reasons .swiper-pagination {
  display: none;
}
@media only screen and (max-width: 992px) {
  .reasons .swiper-pagination {
    display: block;
    text-align: left;
  }
}
.reasons .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -35px;
}
.reasons .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #979797;
}
.reasons .swiper-pagination-bullet-active {
  width: 38px;
  height: 10px;
  background-color: #70007C;
  border-radius: 25px;
  border: none;
}
.reasons .subtitle {
  text-align: center;
}
.reasons h2 {
  font-size: 40px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .reasons h2 {
    font-size: 28px;
  }
}
.reasons h2 span {
  font-weight: bold;
}
.reasons__slider {
  margin-top: 30px;
  width: 100%;
  height: 520px;
}
@media only screen and (max-width: 992px) {
  .reasons__slider {
    padding-bottom: 30px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .reasons__slider .swiper-slide {
    width: 80%;
    opacity: 0.24;
  }
}
@media only screen and (max-width: 992px) {
  .reasons__slider .swiper-slide-active {
    opacity: 1;
  }
}
.reasons__slider .reason-box {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 24px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.reasons__slider .reason-box img {
  max-width: 60px;
  margin-bottom: 20px;
}
.reasons__slider .reason-box .subtitle {
  text-align: left;
}
.reasons__slider .reason-box h4 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .reasons__slider .reason-box p {
    flex-grow: 1;
  }
}
.reasons__slider .reason-box .mobile-count {
  display: none;
}
@media only screen and (max-width: 992px) {
  .reasons__slider .reason-box .mobile-count {
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    color: #717171;
  }
}

.why_worth {
  padding-top: 40px;
  padding-bottom: 78px;
}
@media only screen and (max-width: 992px) {
  .why_worth {
    padding-bottom: 40px;
  }
}
.why_worth__section-1 {
  display: flex;
  flex-direction: column;
}
.why_worth__section-1-image {
  max-width: 596px;
  margin: 0 auto;
  display: block;
}
.why_worth__section-2 {
  display: flex;
  flex-direction: column;
  margin-top: 72px;
}
@media only screen and (max-width: 992px) {
  .why_worth__section-2 {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .why_worth .section-2-image-wrap {
    order: 4;
  }
}
@media only screen and (max-width: 992px) {
  .why_worth .section-2-content {
    order: 3;
  }
}
.why_worth__section-2-image {
  max-width: 640px;
  display: block;
  margin: 77px auto 0;
}
@media only screen and (max-width: 992px) {
  .why_worth__section-2-image {
    margin-top: 10px;
  }
}
.why_worth .subtitle {
  margin-bottom: 20px;
}
.why_worth h2 {
  font-size: 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .why_worth h2 {
    font-size: 32px;
  }
}
.why_worth h2 span {
  font-weight: bold;
}
.why_worth h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.why_worth .list-title {
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
}
.why_worth ul {
  display: grid;
  grid-template-columns: auto auto;
}
@media only screen and (max-width: 992px) {
  .why_worth ul {
    grid-template-columns: 1fr;
  }
}
.why_worth ul li {
  padding-left: 30px;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
}
.why_worth ul li::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background-image: url(assets/images/51c7a1ef2b38469ead36.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: -4px;
}

.for_who {
  padding-top: 78px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  .for_who {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.for_who .container {
  max-width: 1324px;
}
@media only screen and (max-width: 992px) {
  .for_who .container {
    margin: 0;
  }
}
.for_who__bg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 665px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .for_who__bg {
    display: none;
  }
}
.for_who__bg--mobile {
  display: none;
  height: 609px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .for_who__bg--mobile {
    display: flex;
  }
}
.for_who__bg .subtitle {
  text-align: center;
}
.for_who__bg h2 {
  font-size: 70px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .for_who__bg h2 {
    font-size: 47px;
  }
}
@media only screen and (max-width: 600px) {
  .for_who__bg h2 {
    font-size: 50px;
    max-width: 300px;
  }
}
.for_who__bg h2 span {
  font-weight: bold;
}

.benefits {
  padding-top: 50px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .benefits {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.benefits span {
  text-align: center;
}
.benefits h2 {
  font-size: 40px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .benefits h2 {
    font-size: 28px;
    margin-top: -30px;
  }
}
.benefits h2 span {
  color: #70007C;
  font-weight: bold;
}
.benefits__boxes {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 992px) {
  .benefits__boxes {
    margin-top: 10px;
  }
}
.benefits__boxes .text-box {
  padding: 20px 30px;
  background-color: #FFFFFF;
  border-radius: 10px;
  font-size: 50px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  .benefits__boxes .text-box {
    font-size: 20px;
    padding: 10px 20px;
    text-align: center;
  }
}

.opinions-slider {
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .opinions-slider {
    height: 608px;
  }
}
@media only screen and (max-width: 600px) {
  .opinions-slider {
    height: auto;
  }
}
.opinions-slider .image-wrap {
  width: 50%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .opinions-slider .image-wrap {
    width: 100%;
    height: 300px;
  }
}
.opinions-slider .image-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.opinions-slider .swiper-slide {
  height: auto !important;
}
@media only screen and (max-width: 992px) {
  .opinions-slider .swiper-slide {
    width: 80%;
    opacity: 0.4;
  }
}
@media only screen and (max-width: 992px) {
  .opinions-slider .swiper-slide-active {
    opacity: 1;
  }
}

@media only screen and (max-width: 992px) {
  .slider-next, .slider-prev {
    display: none;
  }
}

.page-3t-leadership-data .template-service .hero__image {
  max-width: 496px;
  margin-top: 30px;
}

.page-product-core-data .template-service .hero__image {
  max-width: 520px;
  margin-top: 5px;
}

.case-studies__archive {
  margin-top: 20px;
  padding-bottom: 100px;
}
.case-studies__archive .hero__image {
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}

.case-studies__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.case-studies__header .subtitle {
  margin-top: 20px;
}

.case-studies__top-container {
  padding-bottom: 20px;
}

.case-studies__title {
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  margin-top: 11px;
  margin-bottom: 30px;
}

.case-studies__cta {
  margin-top: 30px;
}

.case-studies__quote {
  margin-top: 234px;
}

.case-studies__lead {
  font-size: 40px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
.case-studies__lead span:first-of-type {
  font-weight: bold;
  color: #70007C;
}
.case-studies__lead span:last-of-type {
  font-weight: bold;
  color: #3950B4;
}

.case-studies__industries {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
.case-studies__industries.single {
  margin-top: 15px;
  margin-bottom: 0;
  justify-content: flex-start;
  gap: 20px;
}

.case-studies__li {
  cursor: pointer;
  flex-shrink: 0;
  background-color: #E6E6E6;
  border-radius: 12px;
  border: 5px solid #E6E6E6;
  color: #222222;
  font-size: 14px;
  padding: 16px 40px;
  margin: 10px;
  transition: all 0.2s ease-in-out;
}
.case-studies__li.active {
  font-weight: 700;
  transition: all 0.2s ease-in-out;
  background-color: #F4F4F4;
  border-color: #3950B4;
  color: #3950B4;
}
.case-studies__li.wide {
  cursor: auto;
  user-select: none;
  margin: 0;
  padding: 7px 10px;
  text-transform: uppercase;
  border-radius: 4px;
  letter-spacing: 2.333333px;
}
.case-studies__li.white {
  background-color: #FFFFFF;
}

.cs-swiper {
  display: flex;
  margin: 0 auto;
  max-width: 1280px;
  align-items: center;
  width: 100%;
  height: 100%;
}
.cs-swiper .swiper-slide {
  border-radius: 10px;
  height: auto;
  background-color: #FFFFFF;
  padding: 50px 30px;
}

.navigation-cs-prev, .navigation-others-prev {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  margin-right: 30px;
}

.navigation-cs-next, .navigation-others-next {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  margin-left: 30px;
}

.navigation-cs-prev, .navigation-cs-next,
.navigation-others-prev, .navigation-others-next {
  align-items: center;
  width: 88.3333333333px;
}
.navigation-cs-prev img, .navigation-cs-next img,
.navigation-others-prev img, .navigation-others-next img {
  height: 30px;
  width: 30px;
}
@media screen and (max-width: 992px) {
  .navigation-cs-prev, .navigation-cs-next,
.navigation-others-prev, .navigation-others-next {
    width: 30px;
    margin: 0;
  }
}
@media screen and (max-width: 500px) {
  .navigation-cs-prev, .navigation-cs-next,
.navigation-others-prev, .navigation-others-next {
    width: 10px;
  }
}

.cs-swiper__header {
  max-width: 600px;
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 32px;
}

.cs-swiper__who {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 6px;
}

.cs-swiper__role {
  font-size: 12px;
  line-height: 14px;
  color: #717171;
  margin-bottom: 24px;
}

.cs-swiper__opinion {
  line-height: 25px;
  padding-right: 70px;
}
@media screen and (max-width: 992px) {
  .cs-swiper__opinion {
    padding-right: 0;
  }
}

.case-studies__archive .swiper-wrap {
  margin-top: 30px;
}

.case-studies__other {
  margin-top: 100px;
}

.others__swiper {
  display: flex;
  margin: 0 auto;
  max-width: 1280px;
  align-items: center;
  width: 100%;
  height: 100%;
}
.others__swiper .case-studies__li {
  background-color: #FFFFFF;
}

.cs-other-slide {
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cs-other-slide h3 {
  margin-top: 45px;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 40px;
}
.cs-other-slide h4 {
  font-weight: 700;
  margin-bottom: 16px;
}
.cs-other-slide p {
  margin-bottom: 30px;
}

.others__swiper__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.others__swiper__bottom .btn {
  background-color: #3950B4;
  margin-right: 10px;
}
.others__swiper__bottom .btn span {
  color: #FFFFFF;
}
.others__swiper__bottom .other__swiper__img-container {
  max-width: 35%;
}
@media only screen and (max-width: 992px) {
  .others__swiper__bottom .other__swiper__img-container {
    max-width: 40%;
  }
}

.case-studies__industries-menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

.case-studies__services {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 50px;
}

.case-studies__service {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.case-studies__service-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  border: 2px solid transparent;
  margin-right: 13px;
  transition: all 0.2s ease-in-out;
  background-color: #E6E6E6;
}
.case-studies__service-btn.active {
  transition: all 0.2s ease-in-out;
  border: 4px solid #3950B4;
  background-color: #F4F4F4;
}

.case-studies__service-name {
  text-transform: uppercase;
  letter-spacing: 2.33px;
  font-size: 14px;
  line-height: 17px;
  transition: all 0.2s ease-in-out;
}
.case-studies__service-name.active {
  transition: all 0.2s ease-in-out;
  font-weight: 700;
  color: #3950B4;
}

.case-studies__service-point {
  background-color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}
.case-studies__service-point.active {
  transition: all 0.2s ease-in-out;
  background-color: #3950B4;
}

.studies__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.case-studies__single-case {
  display: flex;
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 50px;
  overflow: hidden;
}

.case-studies__single-frame {
  width: 50%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.case-studies__single-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.case-studies__single-content {
  padding: 36px 40px 40px 30px;
}

.case-studies__single-lead {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  line-height: 32px;
  margin-top: 26px;
}

.case-studies__single-subheader {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 10px;
}

.case-studies__single-desc {
  font-size: 16px;
  line-height: 25px;
}
.case-studies__single-desc.last {
  margin-bottom: 50px;
}

.case-studies__mobile-frame,
.case-studies__mobile-pointer,
.case-studies__btn--mobile,
.case-studies__industries-menu--mobile {
  display: none;
}

@media screen and (max-width: 992px) {
  .case-studies__breadcrumb {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .case-studies__archive {
    margin-top: 30px;
    padding-bottom: 50px;
  }
  .case-studies__archive .hero__image {
    grid-row: 1;
    margin-bottom: 10px;
  }
  .case-studies__archive .subtitle {
    margin-bottom: 10px;
  }
  .case-studies__archive .case-studies__cta {
    margin-top: 20px;
  }
  .case-studies__archive .case-studies__quote {
    margin-top: 80px;
  }
  .case-studies__archive .case-studies__lead {
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .case-studies__archive .case-studies__single-content {
    padding: 30px 28px;
  }
  .case-studies__archive .case-studies__single-case {
    margin-bottom: 20px;
  }
  .case-studies__archive .case-studies__single-frame {
    display: none;
  }
  .case-studies__archive .case-studies__mobile-header {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 0;
    list-style-type: none;
  }
  .case-studies__archive .case-studies__mobile-frame {
    position: relative;
    display: block;
    grid-column-start: span 6;
    margin-right: 10px;
    height: 0;
    padding-bottom: 120.5357%;
    border-radius: 10px;
    overflow: hidden;
  }
  .case-studies__archive .case-studies__industries.archive-section {
    margin-top: 0;
    grid-column-start: span 6;
    margin-left: 10px;
    display: block;
  }
  .case-studies__archive .case-studies__li.white {
    width: fit-content;
  }
  .case-studies__archive .case-studies__li.white + .case-studies__li.white {
    margin-top: 13px;
  }
  .case-studies__archive .case-studies__single-lead {
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
  }
  .case-studies__archive .case-studies__single-subheader {
    margin-top: 30px;
  }
  .case-studies__archive .case-studies__single-desc {
    font-size: 14px;
    line-height: 17px;
  }
  .case-studies__archive .case-studies__btn--desktop {
    display: none;
  }
  .case-studies__archive .case-studies__btn--mobile {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .case-studies__archive .case-studies__li.white {
    font-size: 10px;
    padding: 5px;
    flex-shrink: 1;
    letter-spacing: 1px;
  }
  .case-studies__archive .case-studies__li.white + .case-studies__li.white {
    margin-top: 13px;
  }
}
@media screen and (max-width: 480px) {
  .case-studies__archive .case-studies__industries-menu {
    display: none;
  }
  .case-studies__archive .case-studies__industries-menu--mobile {
    position: relative;
    display: block;
    margin-top: -20px;
    border: 5px solid #3950B4;
    border-radius: 12px;
    width: 100%;
    min-height: 59px;
  }
  .case-studies__archive .case-studies__industry-selection {
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2.33px;
    font-weight: 700;
    color: #3950B4;
  }
  .case-studies__archive .case-studies__industries-list {
    overflow: hidden;
    transition: all 0.2s ease-in-out;
  }
  .case-studies__archive .case-studies__industry-mobile {
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    padding: 16px;
    letter-spacing: 2.33px;
    text-align: center;
    text-transform: uppercase;
  }
  .case-studies__archive .case-studies__services {
    flex-direction: column;
    gap: 0;
  }
  .case-studies__archive .case-studies__service {
    width: 100%;
    justify-content: space-between;
    max-width: 400px;
    border-top: 1px solid #D8D8D8;
    padding: 14px 0;
  }
  .case-studies__archive .case-studies__service:last-of-type {
    border-bottom: 1px solid #D8D8D8;
  }
  .case-studies__archive .case-studies__service-name {
    text-align: center;
  }
  .case-studies__archive .case-studies__mobile-pointer {
    display: block;
    width: 26px;
    height: 26px;
    margin-left: 13px;
  }
  .case-studies__archive .case-studies__arrow {
    z-index: -1;
    position: absolute;
    right: 15px;
    top: 15px;
    height: 20px;
    width: 20px;
    transform: rotate(-90deg);
    transition: all 0.2s ease-in-out;
  }
  .case-studies__archive .case-studies__arrow.active {
    transition: all 0.2s ease-in-out;
    transform: rotate(90deg);
  }
}

.case-studies__play-thumb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-studies__play-container {
  width: 50%;
  height: auto;
}

.cs-pagination, .others-pagination {
  display: none;
  bottom: -35px;
}
@media screen and (max-width: 992px) {
  .cs-pagination, .others-pagination {
    display: block;
  }
}
.cs-pagination .swiper-pagination-bullet, .others-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #979797;
}
.cs-pagination .swiper-pagination-bullet-active, .others-pagination .swiper-pagination-bullet-active {
  width: 38px;
  height: 10px;
  background-color: #70007C;
  border-radius: 25px;
  border: none;
}

@media screen and (max-width: 991px) {
  .navigation-cs-prev, .navigation-cs-next,
.navigation-others-next, .navigation-others-prev {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .cs-swiper .swiper-slide, .others__swiper .swiper-slide {
    width: 80%;
    opacity: 0.24;
  }
  .cs-swiper .swiper-slide-active, .others__swiper .swiper-slide-active {
    opacity: 1;
  }
}

.case-studies__breadcrumb--blog {
  margin-top: 20px;
}

.blog-title .subtitle {
  margin-bottom: 11px;
}
.blog-title .hero-title {
  margin-bottom: 50px;
}

.case-studies__industries-menu--blog {
  margin-top: 10px;
  margin-bottom: 30px;
}

.case-studies__industries-menu--blog {
  justify-content: flex-start;
}

.blog-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  margin-bottom: 60px;
}
.blog-list__item {
  grid-column: span 4;
}
@media only screen and (max-width: 992px) {
  .blog-list__item {
    grid-column: span 12;
  }
}
.blog-list__item--featured {
  grid-column: span 12;
}

.blog-wrap {
  display: flex;
  flex-direction: column;
  height: 549px;
  border-radius: 10px;
}
@media only screen and (max-width: 992px) {
  .blog-wrap {
    height: auto;
  }
}
.blog-wrap--featured {
  flex-direction: row;
  height: 532px;
  margin-bottom: 38px;
}
@media only screen and (max-width: 992px) {
  .blog-wrap--featured {
    flex-direction: column;
    margin-bottom: 0;
    height: auto;
  }
}

.blog-image-wrap {
  width: 100%;
  height: 334px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.blog-image-wrap--featured {
  width: 50%;
  height: 100%;
  border-top-right-radius: 0;
}
@media only screen and (max-width: 992px) {
  .blog-image-wrap--featured {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: 334px;
  }
}

.blog-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.blog-image--featured {
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
}
@media only screen and (max-width: 992px) {
  .blog-image--featured {
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
  }
}

.blog-info {
  width: 100%;
  background-color: #fff;
  padding: 20px 20px 52px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 218px;
}
.blog-info--featured {
  width: 50%;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  padding: 30px;
}
@media only screen and (max-width: 992px) {
  .blog-info--featured {
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 20px 52px;
  }
}
.blog-info__top {
  display: flex;
  justify-content: space-between;
}
.blog-info__date {
  margin-top: 5px;
  font-size: 10px;
}
.blog-info__date--featured {
  font-size: 16px;
  margin-top: 10px;
}
@media only screen and (max-width: 992px) {
  .blog-info__date--featured {
    margin-top: 5px;
    font-size: 10px;
  }
}
.blog-info__category {
  padding: 3px 5px;
  border-radius: 2px;
  border: solid 3px #3950b4;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2.33px;
  color: #3950b4;
}
.blog-info__category--featured {
  padding: 7px 10px;
  font-size: 14px;
  border: solid 5px #3950b4;
  border-radius: 4px;
}
@media only screen and (max-width: 992px) {
  .blog-info__category--featured {
    padding: 3px 5px;
    border-radius: 2px;
    border: solid 3px #3950b4;
    font-size: 8px;
  }
}
.blog-info__title {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.blog-info__title--featured {
  font-size: 26px;
  margin-top: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .blog-info__title--featured {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
.blog-info__excerpt {
  font-size: 14px;
  line-height: 1.57;
}
.blog-info__excerpt--featured {
  font-size: 18px;
  line-height: 1.56;
}
@media only screen and (max-width: 992px) {
  .blog-info__excerpt--featured {
    font-size: 14px;
    line-height: 1.57;
  }
}
.blog-info__more {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #70007C;
  font-size: 14px;
  font-weight: bold;
  font-family: "Figtree", sans-serif;
}
.blog-info__more::after {
  content: url(assets/images/00f03b04a3cf218902bf.svg);
  position: absolute;
  right: -32px;
  top: -5px;
}
.blog-info__more--featured {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-color: #3950B4;
  color: #fff;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
}
.blog-info__more--featured:hover {
  background-color: #3950B4;
}
.blog-info__more--featured::after {
  display: none;
}
@media only screen and (max-width: 992px) {
  .blog-info__more--featured {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #70007C;
    font-size: 14px;
    font-weight: bold;
    font-family: "Figtree", sans-serif;
    background-color: transparent;
    padding: 0;
  }
  .blog-info__more--featured::after {
    content: url(assets/images/00f03b04a3cf218902bf.svg);
    position: absolute;
    right: -32px;
    top: -5px;
    display: inline;
  }
}

.case-studies__content--blog h3 {
  font-size: 26px;
  margin-bottom: 40px;
  margin-top: 30px;
}
.case-studies__content--blog h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.case-studies__content--blog p {
  font-size: 16px;
  margin-bottom: 30px;
}
.case-studies__content--blog .buttons {
  justify-content: space-between;
}
.case-studies__content--blog .buttons img {
  max-width: 118px;
}

.related-posts h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
}
.related-posts .subtitle {
  text-align: center;
}

.template-podcast-page .hero {
  padding-top: 20px;
}
.template-podcast-page .hero .subtitle {
  margin-top: 40px;
  margin-bottom: 10px;
}
.template-podcast-page .hero .btn {
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  .template-podcast-page .hero__text {
    order: 2;
  }
}
.template-podcast-page .hero__image {
  margin-top: 60px;
  margin-left: -70px;
}
@media only screen and (max-width: 992px) {
  .template-podcast-page .hero__image {
    order: 1;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
}

.reasons__slider--opinions {
  height: 318px;
}
.reasons__slider--opinions__star {
  width: 30px;
  height: 60px;
  margin-bottom: 0;
}

.template-podcast .hero {
  padding-top: 20px;
}
.template-podcast .hero .subtitle {
  margin-top: 40px;
  margin-bottom: 10px;
}
.template-podcast .hero .btn {
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  .template-podcast .hero__text {
    order: 2;
  }
}
.template-podcast .hero__image {
  margin-top: 60px;
  margin-left: -70px;
}
@media only screen and (max-width: 992px) {
  .template-podcast .hero__image {
    order: 1;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
}

.podcast-oembed__title {
  display: flex;
  align-items: center;
  margin-top: 80px;
}
.podcast-oembed__title h3 {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.podcast-oembed__title img {
  max-width: 48px;
  margin-left: 10px;
}

.podcast-links {
  padding-top: 50px;
}
.podcast-links__title {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.podcast-links__platforms {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .podcast-links__platforms {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.podcast-links__platform {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.podcast-links__platform img {
  max-width: 30px;
  margin-right: 5px;
}
.podcast-links__platform span {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.podcast-links__transcription-button {
  border-radius: 60px;
  background: #3950B4;
  padding: 10px 25px 11px 53px;
  color: #FFF !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  position: relative;
}
.podcast-links__transcription-button::before {
  content: url(assets/images/a60bb6ea145928101c12.svg);
  position: absolute;
  display: block;
  left: 20px;
  top: 10px;
}

.coming_soon {
  margin-top: 80px;
}
.coming_soon h2 {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  font-weight: 700;
  margin-top: 20px;
}
.coming_soon h3 {
  color: #717171;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  letter-spacing: 2.333px;
  text-transform: uppercase;
}
.coming_soon__episode {
  border-radius: 10px;
  background: #FFF;
  padding: 20px 30px 20px 30px;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}
.coming_soon__episode h4 {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.coming_soon__episode p {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  line-height: 25px;
  max-width: 65%;
  height: 0;
  opacity: 0;
}
.coming_soon__episode .show {
  height: auto;
  opacity: 1;
  margin-top: 20px;
}
.coming_soon__episode::after {
  content: url(assets/images/280472c05dfdbf79b219.svg);
  position: absolute;
  right: 29px;
  top: 22px;
  transition: 0.1s transform;
  transform: rotate(180deg);
}
.coming_soon .open::after {
  transition: 0.1s transform;
  transform: rotate(0deg);
}

.podcast_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 130px;
  padding-bottom: 130px;
}
.podcast_footer h4 {
  color: #717171;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  letter-spacing: 2.333px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.podcast_footer h3 {
  color: #222;
  font-family: "Figtree", sans-serif;
  font-size: 40px;
}
.podcast_footer h3 span {
  color: #70007C;
  text-align: center;
  font-weight: 700;
}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.min.css ***!
  \*****************************************************************************************************************************/
/**
 * Swiper 8.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 17, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-pointer-events {
  touch-action: pan-y;
}

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

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

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

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

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

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

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

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

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

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/modules/navigation/navigation.min.css ***!
  \****************************************************************************************************************************************************/
:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/modules/pagination/pagination.min.css ***!
  \****************************************************************************************************************************************************/
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/modules/grid/grid.min.css ***!
  \****************************************************************************************************************************************/
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

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