@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}
@charset "UTF-8";
/**
 * Import different sass files for the project
 * Reference: https://sass-guidelin.es/es/#arquitectura
 */
/**
 * Abstracts: files for handles function, mixins, and variables
 */
/**
 * Documentation: http://kenwheeler.github.io/slick/
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Documentation: https://github.com/sass-mq/sass-mq
 */
/*  Normalize  */
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  -webkit-font-smoothing: antialiased;
  /* Para Safari y Chrome */
  -moz-osx-font-smoothing: grayscale;
  /* Para Firefox en MacOS */
  -webkit-text-stroke: 0.2px;
  /* Mejora en Safari */
}

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: "fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}
button:focus::-moz-placeholder, input:focus::-moz-placeholder, optgroup:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}
button:focus::placeholder,
input:focus::placeholder,
optgroup:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
}

/**
 * Base: files for animations, base, typography, and utilities
 */
:root {
  --font-primary: 'Montserrat';
  --font-secondary: 'Montserrat';
}

:root {
  --mq-mobile-S: 320px;
  --mq-mobile-M: 375px;
  --mq-mobile-L: 425px;
  --mq-tablet: 768px;
  --mq-laptop: 1024px;
  --mq-desktop-S: 1280px;
  --mq-desktop-M: 1440px;
  --mq-desktop-L: 1920px;
  --color-dark: #0C0D10;
  --color-light: #F2F2FA;
  --color-black: #010101;
  --color-white: #FFFFFF;
  --color-gray-1: #26262C;
  --color-gray-2: #4E4E54;
  --color-gray-3: #9898A0;
  --color-blue-1: #5BA7FF;
  --color-blue-2: #6AE4EF;
  --color-blue-3: #00BBFF;
  --color-purple-1: #C1B5FD;
  --color-purple-2: #AD5FC4;
  --color-purple-3: #B343BA;
  --color-red: #FC4A48;
  --color-orange: #FFA451;
  --color-yellow: #FFCD60;
  --color-yellow-2: #FDC546;
  --color-green: #22DCE9;
  --color-pink: #FC12B5;
  --color-brand-blue: #1793FF;
}

.container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (width >= 1280px) {
  .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
@media screen and (width >= 1440px) {
  .container {
    max-width: 1290px;
  }
}

.container-width {
  max-width: 1440px;
  width: 100%;
  margin: 0px auto;
}

.subcontainer {
  margin: 0px 75px;
}
@media (max-width: 1024px) {
  .subcontainer {
    margin: 0px 20px;
  }
}

.tippy-box[data-theme~=seal] {
  border-radius: 6px;
  background-color: var(--Brand-FFFFFF-White, #FFF);
  color: var(--Brand-010101-Black, #010101);
  text-align: center;
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.32px;
  box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
  padding: 3px 5px;
}

.tippy-box[data-theme~=seal][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--Brand-FFFFFF-White, #FFF);
}

.tippy-box[data-theme~=seal][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--Brand-FFFFFF-White, #FFF);
}

.tippy-box[data-theme~=seal][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--Brand-FFFFFF-White, #FFF);
}

.tippy-box[data-theme~=seal][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--Brand-FFFFFF-White, #FFF);
}

.tooltip-content {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.slick-slider-dots .slick-dots {
  display: flex;
  border-radius: 60px;
  background: #FFFFFF;
  width: -moz-fit-content;
  width: fit-content;
}
.slick-slider-dots .slick-dots li {
  background: #FFFFFF;
  width: 30px;
  height: 5px;
  border-radius: 100px;
  cursor: pointer;
  transition: width 0.5s ease, background 0.5s ease;
}
@media screen and (width >= 1280px) {
  .slick-slider-dots .slick-dots li {
    width: 50px;
  }
}
.slick-slider-dots .slick-dots li button {
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  height: 0;
}
.slick-slider-dots .slick-dots li.slick-active {
  background: #22DCE9;
}

.slick-slider-arrows .slick-arrow {
  border-radius: 100%;
  background: var(--color-green, #22DCE9);
  color: var(--color-black, #0C0D10);
  transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 60px;
  height: 60px;
}
.slick-slider-arrows .slick-arrow .arrow {
  width: 60px;
  height: 60px;
  transition: transform 0.5s ease;
}
.slick-slider-arrows .slick-arrow .arrow svg {
  width: 60px;
  height: 60px;
  padding: 20px;
}
.slick-slider-arrows .slick-arrow .arrow svg path {
  transition: fill 0.3s ease;
}
.slick-slider-arrows .slick-arrow.slick-prev .arrow {
  transform: translateX(100%);
}
.slick-slider-arrows .slick-arrow.slick-next .arrow {
  transform: translateX(-100%);
}
.slick-slider-arrows .slick-arrow:hover {
  background: var(--color-black, #0C0D10);
  color: var(--color-white, #FFF);
}
.slick-slider-arrows .slick-arrow:hover.slick-prev .arrow {
  transform: translateX(-100%);
}
.slick-slider-arrows .slick-arrow:hover.slick-next .arrow {
  transform: translateX(100%);
}
.slick-slider-arrows .slick-arrow.slick-disabled {
  cursor: not-allowed;
  border-color: #4E4E54 !important;
  background: transparent !important;
  pointer-events: none;
  opacity: 0.5;
}
.slick-slider-arrows .slick-arrow.slick-disabled .arrow svg circle {
  fill: #EFEFEF;
}
.slick-slider-arrows .slick-arrow.slick-disabled .arrow svg path {
  stroke: #4E4E54;
}
@media screen and (width >= 1280px) {
  .slick-slider-arrows .slick-arrow.slick-disabled:hover {
    border-color: #4E4E54;
  }
  .slick-slider-arrows .slick-arrow.slick-disabled:hover .arrow svg circle {
    fill: #EFEFEF;
  }
  .slick-slider-arrows .slick-arrow.slick-disabled:hover .arrow svg path {
    stroke: #4E4E54;
  }
}
.slick-slider-arrows.color-variant .slick-arrow {
  color: rgb(48, 206, 202);
}

/**
 * Components: have a single scss file for each individual component
 */
.header-default {
  position: fixed;
  top: 0;
  z-index: 52;
  width: 100%;
  padding-top: 30px;
  overflow-x: clip;
}
.header-default > .header-content-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container {
    gap: 10px;
  }
}
.header-default > .header-content-container::before {
  content: "";
  display: block;
  width: calc(100vw + 20px);
  height: 90px;
  background: #010101;
  position: absolute;
  top: -30px;
  right: calc(-100vw - 20px);
  transition: right 0.3s ease;
}
@media screen and (width >= 768px) {
  .header-default > .header-content-container::before {
    width: calc(65% + 20px);
  }
}
.header-default > .header-content-container.-active::before {
  right: -20px;
}
.header-default > .header-content-container > .header-logo {
  display: block;
  position: relative;
  z-index: 2;
}
.header-default > .header-content-container > .header-logo > .logo-default-container {
  display: flex;
  position: relative;
  width: 170px;
  height: 50px;
  overflow: hidden;
}
.header-default > .header-content-container > .header-logo > .logo-default-container > .logo-default-icon {
  width: 50px;
  height: 50px;
}
.header-default > .header-content-container > .header-logo > .logo-default-container > .logo-default-icon > g > .triangle {
  transform-origin: center center;
}
.header-default > .header-content-container > .header-logo > .logo-default-container > .logo-default-text {
  position: absolute;
  bottom: -45px;
  left: 65px;
  transition: bottom 0.3s ease;
}
.header-default > .header-content-container > .header-logo > .logo-default-container:hover > .logo-default-icon > g > .triangle {
  animation: logo-default-triangle-animation 0.7s linear forwards;
}
.header-default > .header-content-container > .header-logo > .logo-default-container:hover > .logo-default-icon > g > .circle {
  animation: logo-default-circle-animation 0.7s linear forwards;
}
.header-default > .header-content-container > .header-logo > .logo-default-container:hover > .logo-default-text {
  transition: bottom 0.5s ease;
  bottom: 0;
}
.header-default > .header-content-container > .menu-button {
  width: 60px;
  height: 60px;
  border-radius: 250px;
  background: rgba(38, 38, 44, 0.8);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .menu-button {
    width: 50px;
    height: 50px;
  }
}
.header-default > .header-content-container > .menu-button.-active {
  background: rgb(255, 255, 255);
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .menu-button.-active {
    background: #22DCE9;
  }
}
.header-default > .header-content-container > .menu-button > .icon-menu {
  position: absolute;
  opacity: 1;
  transform: rotate(0deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.header-default > .header-content-container > .menu-button > .icon-menu path {
  transition: all 0.3s ease;
}
.header-default > .header-content-container > .menu-button > .icon-menu.-hidden {
  opacity: 0;
  transform: rotate(-90deg);
}
.header-default > .header-content-container > .menu-button > .icon-close {
  position: absolute;
  opacity: 0;
  transform: rotate(90deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.header-default > .header-content-container > .menu-button > .icon-close.-visible {
  opacity: 1;
  transform: rotate(0deg);
}
.header-default > .header-content-container > .menu-button:hover {
  background: #22DCE9;
}
.header-default > .header-content-container > .menu-button:hover > .icon-menu path {
  fill: #010101;
}
.header-default > .header-content-container > .nav-container {
  position: absolute;
  top: -30px;
  right: -100%;
  transition: right 0.3s ease;
  background: #010101;
  width: 100vw;
  height: calc(100vh - 90px);
  padding-top: 30px;
  margin-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
  overflow-y: scroll;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 768px) {
  .header-default > .header-content-container > .nav-container {
    width: 65vw;
  }
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container {
    position: relative;
    top: unset;
    right: unset;
    border-radius: 250px;
    background: rgba(38, 38, 44, 0.8);
    backdrop-filter: blur(5px);
    margin-left: auto;
    margin-top: 0;
    padding-top: 0;
    padding-left: 50px;
    padding-right: 10px;
    padding-bottom: 0;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    align-items: center;
    overflow-x: visible;
    overflow-y: visible;
    gap: 50px;
  }
}
.header-default > .header-content-container > .nav-container.-visible {
  right: 0;
}
.header-default > .header-content-container > .nav-container > .link {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .link {
    font-size: 16px;
  }
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .link.-active {
    color: #22DCE9;
  }
}
.header-default > .header-content-container > .nav-container > .links-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list {
    flex-direction: row;
    gap: 50px;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item {
  background: transparent;
  border: none;
  margin-bottom: 0;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header {
  background: transparent;
  transition: all 0.3s ease;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: start;
  justify-content: space-between;
  transition: color 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button {
    font-size: 16px;
    grid-template-columns: 1fr 7px;
    gap: 5px;
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button:hover {
    color: #22DCE9;
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button:hover > .icons-container > .icon-arrow-accordion {
    transform: translateY(1.5px);
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button:hover > .icons-container > .icon-arrow-accordion path {
    fill: #22DCE9;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button::after {
  content: "";
  display: none;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container {
  border-radius: 50%;
  border: 2px solid #FFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: border 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container {
    width: auto;
    height: auto;
    border: none;
    padding-top: 5px;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container > .icon-open-accordion {
  position: absolute;
  opacity: 1;
  transform: rotate(0deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container > .icon-open-accordion {
    display: none;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container > .icon-close-accordion {
  position: absolute;
  opacity: 0;
  transform: rotate(90deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container > .icon-close-accordion {
    display: none;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container > .icon-arrow-accordion {
  display: none;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button > .icons-container > .icon-arrow-accordion {
    display: block;
    color: #FFF;
    transition: transform 0.3s ease;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button.-show {
  color: #22DCE9;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header > .link-button.-show > .icons-container > .icon-arrow-accordion {
  color: #22DCE9;
  transform: rotate(-180deg);
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header.-active > .link-button {
    color: #22DCE9;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header.-active > .link-button > .icons-container > .icon-arrow-accordion {
  color: #22DCE9;
  transform: translateY(1.5px);
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 {
  background: transparent;
  transition: all 0.3s ease;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: start;
  justify-content: space-between;
  transition: color 0.3s ease;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2.grid-template-columns-1fr {
  grid-template-columns: 1fr;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 {
    font-size: 16px;
    grid-template-columns: 1fr 7px;
    gap: 5px;
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2:hover {
    color: #22DCE9;
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2:hover > .icons-container > .icon-arrow-accordion {
    transform: translateY(1.5px);
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2:hover > .icons-container > .icon-arrow-accordion path {
    fill: #22DCE9;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2::after {
  content: "";
  display: none;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container {
  border-radius: 50%;
  border: 2px solid #FFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: border 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container {
    width: auto;
    height: auto;
    border: none;
    padding-top: 5px;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container > .icon-open-accordion {
  position: absolute;
  opacity: 1;
  transform: rotate(0deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container > .icon-open-accordion {
    display: none;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container > .icon-close-accordion {
  position: absolute;
  opacity: 0;
  transform: rotate(90deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container > .icon-close-accordion {
    display: none;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container > .icon-arrow-accordion {
  display: none;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2 > .icons-container > .icon-arrow-accordion {
    display: block;
    color: #FFF;
    transition: transform 0.3s ease;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2.-show {
  color: #22DCE9;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2 > .link-button-2.-show > .icons-container > .icon-arrow-accordion {
  color: #22DCE9;
  transform: rotate(-180deg);
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2.-active > .link-button {
    color: #22DCE9;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .ac-header-2.-active > .link-button > .icons-container > .icon-arrow-accordion {
  color: #22DCE9;
  transform: translateY(1.5px);
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container {
    position: absolute;
    top: 70px;
    border-radius: 30px;
    background: rgba(28, 28, 34, 0.8);
    backdrop-filter: blur(5px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    width: 720px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 20px;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item.-single {
  grid-column: 2/3;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item {
  color: #22DCE9;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    border-radius: 20px;
    border: 2px solid #9898A0;
    background: #26262C;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
    padding-right: 35px;
    position: relative;
    transition: border 0.3s ease, color 0.3s ease;
    overflow: hidden;
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item:hover {
    border: 2px solid #22DCE9;
    color: #22DCE9;
  }
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item:hover > .content {
    color: #22DCE9;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item > .content {
  display: none;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item > .content {
    display: block;
    color: #9898A0;
    font-family: "Montserrat";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    transition: color 0.3s ease;
    height: 70px;
    display: flex;
    align-items: center;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item > .figure {
  display: none;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item > .figure.figure-1 svg {
  height: 40px;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item > .figure.figure-2 svg {
  height: 40px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-item > .link-menu-item > .figure {
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container > .link-list-item > .link-menu-item-button {
    grid-column: 2/3;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item > .link-content-container.-show {
    pointer-events: all;
    opacity: 1;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item.is-active > .ac-header {
  margin-bottom: 20px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .links-list > .link-item.is-active > .ac-header {
    margin-bottom: 0;
  }
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item.is-active > .ac-header > .link-button > .icons-container {
  border-color: #22DCE9;
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item.is-active > .ac-header > .link-button > .icons-container > .icon-open-accordion {
  opacity: 0;
  transform: rotate(-90deg);
}
.header-default > .header-content-container > .nav-container > .links-list > .link-item.is-active > .ac-header > .link-button > .icons-container > .icon-close-accordion {
  opacity: 1;
  transform: rotate(0deg);
}
.header-default > .header-content-container > .nav-container > .button-header {
  border-radius: 150px;
  background: #22DCE9;
  max-height: none;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  color: #010101;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  transition: background 0.3s ease, color 0.3s ease;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .button-header {
    color: #22DCE9;
    background: transparent;
    gap: 10px;
    margin-left: -20px;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 30px;
  }
  .header-default > .header-content-container > .nav-container > .button-header > .arrow-container {
    width: 30px;
    height: 30px;
    border: 2px solid #22DCE9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-default > .header-content-container > .nav-container > .button-header > .arrow-container > .arrow > .arrow-top-right {
    width: 15px;
    height: 15px;
  }
  .header-default > .header-content-container > .nav-container > .button-header:hover {
    background: #22DCE9;
    color: #010101;
  }
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile {
  border-radius: 20px;
  background: rgba(28, 28, 34, 0.8);
  backdrop-filter: blur(5px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .secondary-menu-mobile {
    pointer-events: none;
    position: absolute;
    top: 70px;
    right: -40px;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
  }
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .label {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container {
  position: relative;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container > .input,
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container .header-search-input {
  border-radius: 150px;
  border: 1px solid #9898A0;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  color: #FFFFFF;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  background: rgba(28, 28, 34, 0.8);
  outline: none;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container > .input::-moz-placeholder, .header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container .header-search-input::-moz-placeholder {
  color: #9898A0;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container > .input::placeholder,
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container .header-search-input::placeholder {
  color: #9898A0;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .search-container > .input-container > .header-button-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .secondary-links {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .secondary-links > .secondary-links-item > .link {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 6px;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .social-media {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .social-media {
    gap: 12px;
  }
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .social-media > .social-media-item > .link {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9898A0;
  border: 2px solid #26262C;
  background: transparent;
  transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile > .social-media > .social-media-item > .link:hover {
  color: #010101;
  border: 2px solid #22DCE9;
  background: #22DCE9;
}
.header-default > .header-content-container > .nav-container > .secondary-menu-mobile.-visible {
  pointer-events: all;
  opacity: 1;
}
.header-default > .header-content-container > .secondary-menu-desktop {
  border-radius: 20px;
  background: rgba(28, 28, 34, 0.8);
  backdrop-filter: blur(5px);
  padding: 20px;
  flex-direction: column;
  gap: 40px;
  display: none;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .secondary-menu-desktop {
    display: flex;
    pointer-events: none;
    position: absolute;
    top: 70px;
    right: -40px;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .label {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container {
  position: relative;
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container > .input,
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container .header-search-input {
  border-radius: 150px;
  border: 1px solid #9898A0;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  color: #FFFFFF;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  background: rgba(28, 28, 34, 0.8);
  outline: none;
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container > .input::-moz-placeholder, .header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container .header-search-input::-moz-placeholder {
  color: #9898A0;
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container > .input::placeholder,
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container .header-search-input::placeholder {
  color: #9898A0;
}
.header-default > .header-content-container > .secondary-menu-desktop > .search-container > .input-container > .header-button-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.header-default > .header-content-container > .secondary-menu-desktop > .secondary-links {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.header-default > .header-content-container > .secondary-menu-desktop > .secondary-links > .secondary-links-item > .link {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 6px;
}
.header-default > .header-content-container > .secondary-menu-desktop > .social-media {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}
@media screen and (width >= 1280px) {
  .header-default > .header-content-container > .secondary-menu-desktop > .social-media {
    gap: 12px;
  }
}
.header-default > .header-content-container > .secondary-menu-desktop > .social-media > .social-media-item > .link {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9898A0;
  border: 2px solid #26262C;
  background: transparent;
  transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
}
.header-default > .header-content-container > .secondary-menu-desktop > .social-media > .social-media-item > .link:hover {
  color: #010101;
  border: 2px solid #22DCE9;
  background: #22DCE9;
}
.header-default > .header-content-container > .secondary-menu-desktop.-visible {
  pointer-events: all;
  opacity: 1;
}
.header-default.-no-fixed {
  position: absolute;
}

@keyframes logo-default-triangle-animation {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(90deg) scale(0.6);
  }
  60% {
    transform: rotate(180deg) scale(1);
  }
  80% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes logo-default-circle-animation {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(-100%);
  }
  75% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.footer {
  background: var(--color-black, #010101);
  padding-top: 30px;
  padding-bottom: 40px;
  position: relative;
  z-index: 12;
}
@media screen and (width >= 1280px) {
  .footer {
    padding-top: 50px;
    padding-bottom: 80px;
  }
}
@media screen and (width >= 1280px) {
  .footer > .container {
    display: grid;
    grid-template-columns: 1fr 300px;
  }
}
.footer > .container > .footer-elements-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (width >= 1280px) {
  .footer > .container > .footer-elements-list {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
.footer > .container > .footer-elements-list > .list-item {
  border: none;
  margin: 0;
  background: transparent;
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button {
  padding: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-white, #FFF);
  font-family: var(--font-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (width >= 1280px) {
  .footer > .container > .footer-elements-list > .list-item > .header-container > .header-button {
    font-size: 16px;
    font-weight: 400;
    cursor: auto;
  }
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button::after {
  display: none;
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button > .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid var(--color-white, #FFF);
  transition: border 0.3s ease;
  width: 35px;
  height: 35px;
}
@media screen and (width >= 1280px) {
  .footer > .container > .footer-elements-list > .list-item > .header-container > .header-button > .icon-container {
    display: none;
  }
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button > .icon-container > .close {
  display: block;
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button > .icon-container > .open {
  display: none;
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button[aria-expanded=true] > .icon-container {
  border: 2px solid var(--color-green, #FFF);
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button[aria-expanded=true] > .icon-container > .close {
  display: none;
}
.footer > .container > .footer-elements-list > .list-item > .header-container > .header-button[aria-expanded=true] > .icon-container > .open {
  display: block;
}
.footer > .container > .footer-elements-list > .list-item > .content-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer > .container > .footer-elements-list > .list-item > .content-container > .list-item > .link {
  color: var(--color-green, #22DCE9);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, color 0.3s ease;
  transition: text-decoration 0.3s ease, color 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.footer > .container > .footer-elements-list > .list-item > .content-container > .list-item > .link:hover {
  text-decoration: underline;
}
.footer > .container > .footer-elements-list > .list-item.is-active > .content-container {
  margin-top: 30px;
}
.footer > .container > .contact-container {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (width >= 1280px) {
  .footer > .container > .contact-container {
    margin-top: 0;
  }
}
.footer > .container > .contact-container > .title {
  color: var(--color-green, #22DCE9);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (width >= 1280px) {
  .footer > .container > .contact-container > .title {
    font-weight: 400;
  }
}
.footer > .container > .contact-container > .contact-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer > .container > .contact-container > .contact-links > .link {
  color: #B9B9B9;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, color 0.3s ease;
  transition: text-decoration 0.3s ease, color 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.footer > .container > .contact-container > .contact-links > .link:hover {
  color: #22DCE9;
  text-decoration: underline;
}
.footer > .container > .contact-container > .contact-links > .address {
  display: block;
}
.footer > .container > .contact-container > .contact-links > .address > .link {
  color: #B9B9B9;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  transition: color 0.3s ease;
}
.footer > .container > .contact-container > .contact-links > .address > .link:hover {
  color: #22DCE9;
  text-decoration: underline;
}
.footer > .container > .contact-container > .terms-and-policy {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 13px;
  justify-content: space-between;
}
@media screen and (width >= 1280px) {
  .footer > .container > .contact-container > .terms-and-policy {
    margin-top: 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.footer > .container > .contact-container > .terms-and-policy > .link {
  color: #B9B9B9;
  font-family: var(--color-white, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, color 0.3s ease;
  transition: text-decoration 0.3s ease, color 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.footer > .container > .contact-container > .terms-and-policy > .link:hover {
  color: #22DCE9;
  text-decoration: underline;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #F2F2FA;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (width >= 1920px) {
  body {
    zoom: 1;
  }
}
body .plyr {
  --plyr-color-main: #22DCE9 !important;
}
body section {
  position: relative;
  z-index: 1;
}
body .hide {
  display: none;
  pointer-events: none;
}
body .site {
  position: relative;
}
body .site__content {
  overflow: clip;
}
body .site__svg-clip-path {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
body .site__svg-clip-path .svg-clip-path {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 100vh;
  width: 100%;
  bottom: 0;
}

.button-component {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 20px;
  color: var(--color-black, #010101);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid rgba(255, 255, 255, 0);
  transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
  border-radius: 150px;
  cursor: pointer;
}
.button-component.fill-green-black {
  background: var(--color-green, #22DCE9);
  color: var(--color-black, #010101);
}
.button-component.fill-green-black:hover {
  background: var(--color-black, #010101);
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.fill-black-green {
  background: var(--color-black, #010101);
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.fill-black-green:hover {
  background: var(--color-green, #22DCE9);
  color: var(--color-black, #010101);
}
.button-component.fill-black {
  background: var(--color-black, #010101);
  border: 2px solid var(--color-black, #010101);
  color: var(--color-white, #fff);
}
.button-component.fill-black:hover {
  background: var(--color-white, #FFF);
  border: 2px solid var(--color-white, #FFF);
  color: var(--color-black, #010101);
}
.button-component.fill-white {
  background: var(--color-white, #FFF);
  border: 2px solid var(--color-white, #FFF);
  color: var(--color-black, #010101);
}
.button-component.fill-white:hover {
  background: var(--color-black, #010101);
  border: 2px solid var(--color-black, #010101);
  color: var(--color-white, #fff);
}
.button-component.fill-yellow-black {
  background: var(--color-yellow, #FFCD60);
  border: 2px solid var(--color-yellow, #FFCD60);
  color: var(--color-black, #010101);
}
.button-component.fill-yellow-black:hover {
  background: var(--color-black, #010101);
  border: 2px solid var(--color-black, #010101);
  color: var(--color-white, #fff);
}
.button-component.outline-green-black {
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.outline-green-black:hover {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.button-component.outline-green-green {
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.outline-green-green:hover {
  border: 2px solid var(--color-green, #22DCE9);
  background: var(--color-green, #22DCE9);
  color: var(--color-black, #010101);
}
.button-component.outline-green-white {
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.outline-green-white:hover {
  border: 2px solid var(--color-white, #FFF);
  color: var(--color-white, #FFF);
}
.button-component.outline-black-green {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.button-component.outline-black-green:hover {
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.outline-white-green {
  border: 2px solid var(--color-white, #FFF);
  color: var(--color-white, #FFF);
}
.button-component.outline-white-green:hover {
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}
.button-component.outline-white-black {
  border: 2px solid var(--color-white, #FFF);
  color: var(--color-white, #FFF);
}
.button-component.outline-white-black:hover {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.button-component.outline-black-white {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.button-component.outline-black-white:hover {
  border: 2px solid var(--color-white, #FFF);
  color: var(--color-white, #FFF);
}
.button-component.ghost-green-black {
  color: var(--color-green, #22DCE9);
  padding: 0;
}
.button-component.ghost-green-black:hover {
  color: var(--color-black, #010101);
}
.button-component.ghost-green-white {
  color: var(--color-green, #22DCE9);
  padding: 0;
}
.button-component.ghost-green-white:hover {
  color: var(--color-white, #FFF);
}
.button-component.ghost-white-black {
  color: var(--color-white, #FFF);
  padding: 0;
}
.button-component.ghost-white-black:hover {
  color: var(--color-black, #010101);
}
.button-component.ghost-black-green {
  color: var(--color-black, #010101);
  padding: 0;
}
.button-component.ghost-black-green:hover {
  color: var(--color-green, #22DCE9);
}
.button-component.ghost-white-green {
  color: var(--color-white, #FFF);
  padding: 0;
}
.button-component.ghost-white-green:hover {
  color: var(--color-green, #22DCE9);
}
.button-component.ghost-black-white {
  color: var(--color-black, #010101);
  padding: 0;
}
.button-component.ghost-black-white:hover {
  color: var(--color-white, #FFF);
}
.button-component > .arrow-container {
  display: flex;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.button-component > .arrow-container > .arrow {
  width: 20px;
  height: 20px;
  transform: translateX(-200%);
  transition: transform 0.5s ease;
}
.button-component > .arrow-container-download {
  display: flex;
  flex-direction: column;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 50%;
}
.button-component > .arrow-container-download > .arrow {
  width: 20px;
  height: 20px;
  transform: translateY(-200%);
  transition: transform 0.5s ease;
}
.button-component:hover > .arrow-container > .arrow {
  transform: translateX(0%);
}
.button-component:hover > .arrow-container-download > .arrow {
  transform: translateY(0%);
}
.button-component:hover > .arrow-container-arrow-top-right > .arrow {
  transform: translateY(0%) rotate(45deg);
}
.button-component.reverse-animation > .arrow-container > .arrow {
  transform: translateX(0%);
}
.button-component.reverse-animation:hover > .arrow-container > .arrow {
  transform: translateX(-200%);
}
.button-component > .arrow-container-arrow-top-right {
  display: flex;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 50%;
  transform: rotate(315deg);
}
.button-component > .arrow-container-arrow-top-right > .arrow {
  width: 20px;
  height: 20px;
  transform: translateX(-200%) rotate(45deg);
  transition: transform 0.5s ease;
}

.link-card > .link-card-content {
  border-radius: 20px;
  border: 2px solid var(--color-gray-3, #9898A0);
  background: var(--color-white, #FFFFFF);
  transition: background 0.3s ease, border 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 20px;
  height: 100%;
}
@media screen and (width >= 1280px) {
  .link-card > .link-card-content {
    padding: 40px 30px;
    border-radius: 40px;
  }
}
.link-card > .link-card-content > .header-card {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.link-card > .link-card-content > .header-card > .logo {
  width: 102%;
  height: 85px;
  transition: all 0.3s ease, filter 0.3s ease;
}
.link-card > .link-card-content > .header-card > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  transition: color 0.3s ease;
}
.link-card > .link-card-content > .header-card.-logo {
  height: 85px;
}
.link-card > .link-card-content > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 121px;
  overflow: hidden;
  -webkit-line-clamp: 5;
}
@media screen and (width >= 1280px) {
  .link-card > .link-card-content > .text {
    margin-top: auto;
    margin-bottom: auto;
  }
}
.link-card > .link-card-content > .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.link-card > .link-card-content > .text ul {
  list-style: disc;
  padding-left: 20px;
}
.link-card > .link-card-content > .button {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.3s ease;
}
.link-card > .link-card-content > .button > .icon path {
  transition: fill 0.3s ease;
}
.link-card > .link-card-content:hover {
  border: 2px solid var(--color-green, #22DCE9);
  background: var(--color-green, #22DCE9);
}
.link-card > .link-card-content:hover > .text,
.link-card > .link-card-content:hover > .button {
  color: var(--color-black, #010101);
}
.link-card > .link-card-content.-hover-variant {
  border: 2px solid var(--color-gray-3, #9898A0);
  background: var(--color-light, #F2F2FA);
}
.link-card > .link-card-content.-hover-variant:hover {
  border: 2px solid #22DCE9;
  background: var(--color-gray-1, #26262C);
}
.link-card > .link-card-content.-hover-variant:hover > .header-card > .title,
.link-card > .link-card-content.-hover-variant:hover > .header-card > .logo {
  color: var(--color-white, #FFF);
}
.link-card > .link-card-content.-hover-variant:hover > .text,
.link-card > .link-card-content.-hover-variant:hover > .button {
  color: var(--color-white, #ffffff);
}
.link-card > .link-card-content.-only-title {
  align-items: center;
  justify-content: center;
}
.link-card > .link-card-content.-only-title .title {
  text-align: center;
}

.benefits-card {
  border-radius: 40px;
  border: 3px solid var(--border-color);
  background: transparent;
  transition: border 0.3s ease;
  padding: 30px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color-white, #FFF);
}
@media screen and (width >= 1280px) {
  .benefits-card {
    padding: 40px 30px;
  }
}
.benefits-card.dark-card {
  background: var(--color-black, #0C0D10);
}
.benefits-card.dark-card .title {
  color: var(--color-white, #FFF);
}
.benefits-card.dark-card .text {
  color: var(--color-white, #FFF);
}
.benefits-card > .icon {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 15px;
}
.benefits-card > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}
.benefits-card > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.benefits-card > .text strong {
  font-weight: 700;
}
.benefits-card:hover {
  border: 3px solid var(--gray-2, #4E4E54);
}

.team-card {
  border: 2px solid var(--accent-color);
  border-radius: 20px;
}
.team-card > .card-content {
  position: relative;
  display: flex;
  flex-direction: column;
}
.team-card > .card-content > .icon-container {
  position: absolute;
  top: -25px;
  right: 6px;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 550px;
  background: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-card > .card-content > .image-container {
  overflow: hidden;
  height: 370px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.team-card > .card-content > .image-container > .image {
  width: 100%;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.team-card > .card-content > .card-info {
  padding: 20px;
}
.team-card > .card-content > .card-info > .name {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
}
.team-card > .card-content > .card-info > .job {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 15px;
}
.team-card > .card-content > .card-info > .company {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
@media screen and (width >= 1280px) {
  .team-card:hover > .card-content > .image-container > .image {
    transform: scale(1.1);
  }
}

.company-card > .anchor-container {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  border: 3px solid #DEDEE6;
  transition: border 0.3s ease;
}
.company-card > .anchor-container > .image-container {
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-card > .anchor-container > .image-container > .image {
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s ease;
}
.company-card > .anchor-container > .image-container > .certificate-seal {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 100%;
  background: var(--color-gray-1, #26262C);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-card > .anchor-container > .card-content {
  background: var(--color-white, #FFF);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: background 0.3s ease;
}
@media screen and (width >= 1280px) {
  .company-card > .anchor-container > .card-content {
    padding: 30px;
  }
}
.company-card > .anchor-container > .card-content > .tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.company-card > .anchor-container > .card-content > .tags-list > .tag {
  background: var(--color-yellow-2, #FDC546);
  padding: 5px 15px;
  color: var(--color-Black, #010101);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-card > .anchor-container > .card-content > .title {
  overflow: hidden;
  color: var(--color-gray-1, #26262C);
  text-overflow: ellipsis;
  font-family: var(--font-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  transition: color 0.3s ease;
}
.company-card > .anchor-container:hover {
  border: 3px solid var(--color-green, #22DCE9);
}
.company-card > .anchor-container:hover > .image-container > .image {
  transform: scale(1.1);
}
.company-card > .anchor-container:hover > .card-content {
  background: var(--color-green, #22DCE9);
}
.company-card > .anchor-container:hover > .card-content > .title {
  color: var(--color-black, #010101);
}
.company-card > .anchor-container:hover > .card-content > .button-component {
  background: var(--color-black, #010101);
  border-color: var(--color-black, #010101);
  color: var(--color-green, #22DCE9);
}

@media (max-width: 1024px) {
  .card--info-side-with-image {
    border-radius: 20px;
    border: 2px solid #22DCE9;
    overflow: hidden;
  }
}
.card--info-side-with-image__content {
  display: grid;
  grid-template-columns: 36.5% 63.5%;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__content {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }
}
.card--info-side-with-image__box-body {
  border-radius: 40px 0px 0px 40px;
  padding-right: 60px;
  background: transparent;
  transition: background 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__box-body {
    padding-right: unset;
    border-radius: unset;
    order: 2;
  }
}
.card--info-side-with-image__box-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 50px;
  box-sizing: border-box;
  border-radius: 40px;
  border: 2px solid #22DCE9;
  background: #FFFFFF;
  transition: background 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__box-card {
    border-radius: unset;
    border: unset;
    padding: 30px 20px;
    gap: 30px;
  }
}
.card--info-side-with-image__title {
  transition: color 0.5s ease;
}
.card--info-side-with-image__text {
  transition: color 0.5s ease;
}
.card--info-side-with-image__box-top {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.card--info-side-with-image__box-media {
  width: 100%;
  min-height: 450px;
  height: 100%;
  border-radius: 0px 40px 40px 0px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__box-media {
    min-height: unset;
    order: 1;
    height: 350px;
    border-radius: unset;
  }
}
@media (max-width: 824px) {
  .card--info-side-with-image__box-media {
    height: 300px;
  }
}
@media (max-width: 624px) {
  .card--info-side-with-image__box-media {
    height: 250px;
  }
}
@media (max-width: 424px) {
  .card--info-side-with-image__box-media {
    height: 194px;
  }
}
.card--info-side-with-image__box-media__content {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: transform 0.5s ease;
}
.card--info-side-with-image__box-media__link {
  display: block;
  width: 100%;
  height: 100%;
}
.card--info-side-with-image__box-video {
  width: 100%;
  height: 100%;
}
.card--info-side-with-image__box-video__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__box-video {
    display: none;
  }
}
.card--info-side-with-image__box-image {
  width: 100%;
  height: 100%;
}
.card--info-side-with-image__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__box-image {
    display: none;
  }
}
.card--info-side-with-image__box-image-mob {
  display: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .card--info-side-with-image__box-image-mob {
    display: block;
  }
}
.card--info-side-with-image__box-image-mob__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.highlighted-benefits-card {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits-card {
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
  }
}
.highlighted-benefits-card > .card-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits-card > .card-body {
    width: 55%;
  }
}
.highlighted-benefits-card > .card-body > .tags-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.highlighted-benefits-card > .card-body > .tags-list > .tags-item {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.28px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: var(--color-yellow, #FFCD60);
}
.highlighted-benefits-card > .card-body > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary, "Montserrat");
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits-card > .card-body > .title {
    font-size: 40px;
  }
}
.highlighted-benefits-card > .card-body > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.highlighted-benefits-card > .card-body > .image-container {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.highlighted-benefits-card > .card-body > .image-container > .image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.highlighted-benefits-card > .image-container {
  width: 100%;
  height: 225px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #131313;
  padding: 40px;
}
@media screen and (width >= 768px) {
  .highlighted-benefits-card > .image-container {
    height: 325px;
    padding: 80px;
  }
}
@media screen and (width >= 1280px) {
  .highlighted-benefits-card > .image-container {
    border-radius: 40px;
    width: 50%;
    height: auto;
    max-width: 525px;
    border: 2px solid rgba(23, 255, 147, 0);
    transition: border 0.3s ease;
  }
}
.highlighted-benefits-card > .image-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.highlighted-benefits-card:hover > .image-container {
  border: 2px solid var(--color-green, #22DCE9);
}

.benefits-card-normal > .anchor-container {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .benefits-card-normal > .anchor-container {
    display: grid;
    grid-template-columns: 1fr 215px;
    grid-template-rows: 1fr;
    position: relative;
    border: 2px solid rgba(23, 255, 147, 0);
    transition: border 0.3s ease;
  }
  .benefits-card-normal > .anchor-container:hover {
    border: 2px solid var(--color-yellow, #22DCE9);
  }
  .benefits-card-normal > .anchor-container:hover > .card-body {
    background: var(--color-yellow, #FDC546);
  }
  .benefits-card-normal > .anchor-container:hover > .card-body > .tags-list > .tags-item {
    background: var(--color-white, #FFF);
    color: var(--color-black, #010101);
  }
  .benefits-card-normal > .anchor-container:hover > .card-body > .button-component {
    background: var(--color-black, #010101);
    border: 2px solid var(--color-black, #010101);
    color: var(--color-white, #fff);
  }
}
.benefits-card-normal > .anchor-container > .image-container {
  width: 100%;
  height: 175px;
  background: var(--color-white, #FFF);
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (width >= 1280px) {
  .benefits-card-normal > .anchor-container > .image-container {
    grid-column: 2/3;
    grid-row: 1/2;
    height: 100%;
  }
}
.benefits-card-normal > .anchor-container > .image-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.benefits-card-normal > .anchor-container > .card-body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: var(--color-white, #FFF);
  transition: background 0.3s ease;
}
@media screen and (width >= 1280px) {
  .benefits-card-normal > .anchor-container > .card-body {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits-card-normal > .anchor-container > .card-body > .tags-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.benefits-card-normal > .anchor-container > .card-body > .tags-list > .tags-item {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.28px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: var(--color-yellow, #FDC546);
}
.benefits-card-normal > .anchor-container > .card-body .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.benefits-card-normal > .anchor-container > .card-body .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
@media screen and (width >= 1280px) {
  .benefits-card-normal > .anchor-container > .card-body > .button-component {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}

.card--agenda {
  width: 100%;
  height: 450px;
  position: relative;
}
@media (min-width: 1024px) {
  .card--agenda:hover .card--agenda__box-hide {
    max-height: 130px;
    opacity: 1;
  }
  .card--agenda:hover .card--agenda__box-image__image {
    transform: scale(1.25);
  }
  .card--agenda:hover .card--agenda__box-image__overlay {
    opacity: 0;
  }
  .card--agenda:hover .card--agenda__box-image__overlay-hover {
    opacity: 1;
  }
}
.card--agenda__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.card--agenda__box-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.card--agenda__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 0;
  transform: scale(1);
  transition: transform 0.5s ease;
}
.card--agenda__box-image__overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 59.33%, #010101 105.44%);
  opacity: 1;
  transition: opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--agenda__box-image__overlay {
    opacity: 0;
  }
}
.card--agenda__box-image__overlay-hover {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(1, 1, 1, 0.8);
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--agenda__box-image__overlay-hover {
    opacity: 1;
  }
}
.card--agenda__box-date {
  position: absolute;
  z-index: 1;
  right: 30px;
  top: -35px;
  width: 105px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 4px 4px 5.8px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
.card--agenda__box-date__month {
  width: 100%;
  height: 35px;
  border-radius: 6px 6px 0px 0px;
  border-top: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  background: #010101;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: "Montserrat";
  font-size: 14.5px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.card--agenda__box-date__day {
  width: 100%;
  height: 49px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #010101;
  text-align: center;
  font-family: "Montserrat";
  font-size: 43.7px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 3px;
}
.card--agenda__box-tags {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 30px;
}
.card--agenda__box-body {
  padding: 0px 30px 30px 30px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.card--agenda__box-hide {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--agenda__box-hide {
    max-height: unset;
    opacity: 1;
  }
}
.card--agenda__box-hide__content {
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card--agenda__title {
  margin: -6.3px 0px;
}
.card--agenda__box-texts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card--agenda__text {
  margin: -3.2px 0px;
}

.card--title-and-text {
  width: 100%;
  height: 100%;
  min-height: 297px;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  border: 2px solid #B343BA;
  background: #FFF;
  transition: border 0.5s ease;
}
@media (max-width: 1024px) {
  .card--title-and-text {
    padding: 30px 20px;
    border-radius: 20px;
  }
}
@media (max-width: 624px) {
  .card--title-and-text {
    min-height: unset;
  }
}
@media (min-width: 1024px) {
  .card--title-and-text:hover {
    border: 2px solid #4E4E54;
  }
}
.card--title-and-text__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}
.card--title-and-text__title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: -6px 0px;
}
.card--title-and-text__text {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: -6px 0px;
}
.card--title-and-text__text strong {
  font-weight: 700;
}

.card--link-animation-circle {
  width: 100%;
  height: 500px;
  position: relative;
}
@media (max-width: 1024px) {
  .card--link-animation-circle {
    width: 360px;
  }
}
@media (max-width: 340px) {
  .card--link-animation-circle {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .card--link-animation-circle:hover .card--link-animation-circle__box-hide {
    max-height: 120px;
    opacity: 1;
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-image__image {
    transform: scale(1.25);
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-image__overlay {
    opacity: 0;
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-image__overlay-hover {
    opacity: 1;
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-circle {
    transform: rotate(-45deg) translate(30px, -60px);
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-circle .card--link-animation-circle__box-circle__tranform {
    transform: rotate(-45deg);
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-circle .card--link-animation-circle__box-circle__tranform .circle {
    background: #6AE4EF;
    transform: scale(1.4);
  }
  .card--link-animation-circle:hover .card--link-animation-circle__box-circle .card--link-animation-circle__box-circle__opacity {
    opacity: 0;
  }
}
.card--link-animation-circle__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.card--link-animation-circle__box-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.card--link-animation-circle__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 0;
  transform: scale(1);
  transition: transform 0.5s ease;
}
.card--link-animation-circle__box-image__overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 15.9%, #010101 105.44%);
  opacity: 1;
  transition: opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--link-animation-circle__box-image__overlay {
    opacity: 0;
  }
}
.card--link-animation-circle__box-image__overlay-hover {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(1, 1, 1, 0.8);
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--link-animation-circle__box-image__overlay-hover {
    opacity: 1;
  }
}
.card--link-animation-circle__box-circle {
  position: absolute;
  z-index: 2;
  width: 83px;
  height: 83px;
  right: 40px;
  top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transform: rotate(-45deg) translate(0px, 0px);
  transition: transform 0.5s ease;
}
@media (max-width: 1024px) {
  .card--link-animation-circle__box-circle {
    right: 30px;
    top: 40px;
  }
}
.card--link-animation-circle__box-circle__opacity {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.card--link-animation-circle__box-circle__tranform {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}
.card--link-animation-circle__box-circle .circle {
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background: #FFF;
  transform: scale(1);
  transition: transform 0.5s ease, background 0.5s ease;
}
.card--link-animation-circle__box-body {
  padding: 0px 30px 30px 30px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .card--link-animation-circle__box-body {
    padding: 30px 20px;
  }
}
.card--link-animation-circle__box-hide {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--link-animation-circle__box-hide {
    max-height: unset;
    opacity: 1;
  }
}
.card--link-animation-circle__box-hide__content {
  padding-top: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.card--link-animation-circle__title {
  margin: -6.3px 0px;
}
@media (max-width: 1024px) {
  .card--link-animation-circle__title {
    font-size: 32px !important;
  }
}
.card--link-animation-circle__text {
  margin: -3.2px 0px;
}

.card--info-card-with-image {
  width: 100%;
  height: 700px;
  position: relative;
}
@media (max-width: 1024px) {
  .card--info-card-with-image {
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 20px;
    background: #FC4A48;
    border: 2px solid #FC4A48;
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .card--info-card-with-image:hover .card--info-card-with-image__box-card {
    transform: translate(-30px, -30px);
    background: #010101;
  }
  .card--info-card-with-image:hover .card--info-card-with-image__title {
    color: #FFF;
  }
  .card--info-card-with-image:hover .card--info-card-with-image__title a:hover {
    color: #FFF;
  }
  .card--info-card-with-image:hover .card--info-card-with-image__text {
    color: #FFF;
  }
  .card--info-card-with-image:hover .card--info-card-with-image__btn {
    background: var(--color-white, #FFF);
    border: 2px solid var(--color-white, #FFF);
    color: var(--color-black, #010101);
  }
  .card--info-card-with-image:hover .card--info-card-with-image__box-media__content {
    clip-path: unset;
  }
  .card--info-card-with-image:hover .card--info-card-with-image__box-media__border {
    opacity: 0;
  }
}
.card--info-card-with-image__content {
  height: 100%;
  transition: border-radius 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__content {
    display: flex;
    flex-direction: column;
  }
}
.card--info-card-with-image__box-card {
  width: 48.24%;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  border: 2px solid #22DCE9;
  border-radius: 40px;
  background: #22DCE9;
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 30px;
  transform: translate(0px, 0px);
  transition: transform 0.5s ease, background 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-card {
    position: relative;
    width: 100%;
    order: 2;
    background: transparent;
    border: unset;
    border-radius: unset;
    padding: 30px 20px;
  }
}
.card--info-card-with-image__box-top {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.card--info-card-with-image__title {
  margin: -8px 0px;
  transition: color 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__title {
    margin: -7px 0px;
    font-size: 24px;
  }
}
.card--info-card-with-image__text {
  margin: -8px 0px;
  transition: color 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__text {
    margin: 0px;
  }
}
.card--info-card-with-image__box-media {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-media {
    order: 1;
    height: 400px;
  }
}
@media (max-width: 824px) {
  .card--info-card-with-image__box-media {
    height: 350px;
  }
}
@media (max-width: 624px) {
  .card--info-card-with-image__box-media {
    height: 300px;
  }
}
@media (max-width: 424px) {
  .card--info-card-with-image__box-media {
    height: 250px;
  }
}
.card--info-card-with-image__box-media__content {
  border-radius: 40px;
  overflow: hidden;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  left: 2px;
  top: 2px;
  clip-path: url(#svgClipCardInfoCardWithImage);
  position: relative;
  z-index: 1;
  transition: clip-path 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-media__content {
    clip-path: unset;
    width: 100%;
    height: 100%;
    left: unset;
    right: unset;
    border-radius: unset;
  }
}
.card--info-card-with-image__box-media__border {
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  clip-path: url(#svgClipCardInfoCardWithImageBorde);
  background: #22DCE9;
  opacity: 1;
  transition: opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-media__border {
    display: none;
  }
}
.card--info-card-with-image__box-video {
  width: 100%;
  height: 100%;
}
.card--info-card-with-image__box-video__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-video {
    display: none;
  }
}
.card--info-card-with-image__box-image {
  width: 100%;
  height: 100%;
}
.card--info-card-with-image__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-image {
    display: none;
  }
}
.card--info-card-with-image__box-image-mob {
  display: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .card--info-card-with-image__box-image-mob {
    display: block;
  }
}
.card--info-card-with-image__box-image-mob__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.news-card > .card-content {
  overflow: hidden;
  border-radius: 20px;
  display: block;
  border: 2px solid var(--color-green, #22DCE9);
  transition: border 0.3s ease;
}
@media screen and (width >= 1280px) {
  .news-card > .card-content {
    border-radius: 40px;
    border: 2px solid rgba(23, 255, 147, 0);
  }
}
.news-card > .card-content > .picture-container {
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.news-card > .card-content > .picture-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.news-card > .card-content > .text-container {
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #FFF;
  transition: background-color 0.325s ease;
}
@media screen and (width >= 1280px) {
  .news-card > .card-content > .text-container {
    padding: 30px;
  }
}
.news-card > .card-content > .text-container > .date {
  color: #26262C;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
}
.news-card > .card-content > .text-container > .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.news-card > .card-content > .text-container > .tags > .tag {
  font-family: var(--font-secondary, "Montserrat");
  color: var(--color-black, #010101);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.28px;
  height: 26px;
  background: var(--color-yellow, #FFCD60);
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.325s ease;
}
.news-card > .card-content > .text-container > .title {
  color: #26262C;
  font-family: var(--font-primary, "Montserrat");
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.news-card > .card-content > .text-container > .button {
  background: var(--color-green, #22DCE9);
  color: var(--color-black, #010101);
}
.news-card > .card-content:hover {
  border: 2px solid var(--color-green, #22DCE9);
}
.news-card > .card-content:hover > .picture-container > .image {
  transform: scale(1.1);
}
.news-card > .card-content:hover > .text-container > .button {
  background: var(--color-green, #22DCE9);
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-black, #010101);
}
@media (min-width: 1024px) {
  .news-card:hover > .card-content > .text-container {
    background-color: #22DCE9;
  }
  .news-card:hover > .card-content > .text-container > .tags > .tag {
    background: #FFF;
  }
  .news-card:hover > .card-content > .text-container > .button {
    background: #010101;
    color: var(--color-green, #22DCE9);
  }
}

.card--resource {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .card--resource:hover .card--resource__box-btns__btn {
    border-radius: 150px;
    color: var(--color-green, #22DCE9);
    border: 2px solid var(--color-green, #22DCE9);
    background: var(--color-black, #010101);
  }
  .card--resource:hover .card--resource__box-body {
    background: var(--color-green, #22DCE9);
  }
  .card--resource:hover .card--resource__box-share {
    border: 3px solid var(--color-gray-1, #26262C);
  }
  .card--resource:hover .card--resource__box-video__box-btn-play::before {
    transform: scale(1.5);
  }
  .card--resource:hover .card--resource__box-video__box-btn-play::after {
    transform: scale(1.3);
  }
  .card--resource:hover .common--tags__item {
    background: var(--color-white, #FFF);
  }
}
.card--resource__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card--resource__box-media {
  width: 100%;
  height: 180px;
  position: relative;
}
.card--resource__box-video {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .card--resource__box-video {
    display: none;
  }
}
.card--resource__box-video__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 0;
}
.card--resource__box-video__box-btn-play {
  outline: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card--resource__box-video__box-btn-play .icon {
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 1;
}
.card--resource__box-video__box-btn-play::before {
  position: absolute;
  z-index: 0;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50px;
  opacity: 0.3;
  background: #22DCE9;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.card--resource__box-video__box-btn-play::after {
  position: absolute;
  z-index: 0;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50px;
  opacity: 0.5;
  background: #22DCE9;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.card--resource__box-image {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .card--resource__box-image {
    display: none;
  }
}
.card--resource__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card--resource__box-image-mob {
  display: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .card--resource__box-image-mob {
    display: block;
  }
}
.card--resource__box-image-mob__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card--resource__box-body {
  padding: 30px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  background: var(--color-white, #FFF);
  height: 100%;
  transition: background 0.5s ease;
}
.card--resource__box-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.card--resource__title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: -4px 0px;
}
@media (max-width: 1024px) {
  .card--resource__title {
    margin: 0px;
  }
}
.card--resource__box-bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card--resource__box-share {
  display: flex;
  padding: 10px 10px 10px 16px;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  gap: 10px;
  border-radius: 250px;
  background: #DEDEE6;
  border: 3px solid #DEDEE6;
  backdrop-filter: blur(5px);
  box-sizing: border-box;
  transition: background 0.5s ease, border 0.5s ease;
}
.card--resource__box-share__title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.card--resource__box-share__items {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.card--resource__box-share__items__item {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: #FFF;
  transition: background 0.5s ease;
}
@media (min-width: 1024px) {
  .card--resource__box-share__items__item:hover {
    background: #35353d;
  }
}
.card--resource__box-share__items__item .icon {
  width: 16px;
  height: auto;
}
.card--resource__box-share__items__item .alert-text {
  position: absolute;
  right: calc(-100% + 9px);
  bottom: calc(-100% + 9px);
  border-radius: 4px;
  background: #35353d;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 4px;
  color: #9898A0;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.card--resource__box-share__items__item .alert-text.active {
  opacity: 1;
  pointer-events: all;
}

.step-card {
  overflow: hidden;
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.step-card > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  transition: transform 0.3s ease;
}
.step-card > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.8);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.step-card > .overlay-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 20.55%, #010101 100%);
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.step-card > .card-content {
  padding: 40px 20px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 30px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
}
@media screen and (width >= 1280px) {
  .step-card > .card-content {
    padding: 30px;
    transition: transform 0.3s ease;
    transform: translateY(0%);
  }
}
.step-card > .card-content > .step {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.28px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  padding-top: 2px;
  position: relative;
  background: var(--color-yellow-2, #FDC546);
  width: -moz-fit-content;
  width: fit-content;
}
.step-card > .card-content > .step::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: var(--color-yellow-2, #FDC546);
  position: absolute;
  top: -5px;
  right: -13px;
}
.step-card > .card-content > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.step-card > .card-content > .text {
  color: #FFF;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.step-card:hover > .image {
  transform: scale(1.3);
}
.step-card:hover > .overlay {
  opacity: 1;
}
.step-card:hover > .overlay-footer {
  opacity: 0;
}
.step-card:hover > .card-content {
  height: auto;
  padding: 0 30px;
  transform: translateY(-50%);
}

.testimonie-card > .card-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.testimonie-card > .card-content > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonie-card > .card-content > .card-header > .author-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonie-card > .card-content > .card-header > .author-container > .image {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 13px;
}
.testimonie-card > .card-content > .card-header > .author-container > .author-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.testimonie-card > .card-content > .card-header > .author-container > .author-data > .name {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}
.testimonie-card > .card-content > .card-header > .author-container > .author-data > .job {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
.testimonie-card > .card-content > .card-header > .linkedin {
  border-radius: 100%;
  border: 2px solid var(--color-purple-3, #B343BA);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: rgba(193, 181, 253, 0);
  transition: background 0.3s ease;
}
.testimonie-card > .card-content > .card-header > .linkedin svg path {
  transition: all 0.3s ease;
}
.testimonie-card > .card-content > .card-header > .linkedin:hover {
  background: #B343BA;
}
.testimonie-card > .card-content > .card-header > .linkedin:hover svg path {
  fill: #010101;
}
.testimonie-card > .card-content > .card-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.testimonie-card > .card-content > .card-body > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.testimonie-card > .card-content > .card-body > .text strong {
  color: #AD5FC4;
}
.testimonie-card > .card-content > .card-body > .button-show-more {
  border-radius: 100%;
  border: 2px solid var(--color-purple-3, #B343BA);
  color: var(--color-purple-3, #B343BA);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  transition: background 0.3s ease;
  cursor: pointer;
}
.testimonie-card > .card-content.-is-show-more:hover > .card-body > .button-show-more {
  background: var(--color-purple-3, #B343BA);
  color: var(--color-dark, #0C0D10);
}

.testimonie-card-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.7411764706);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 10;
}
.testimonie-card-modal > .modal-body {
  transition: transform 0.5s;
  border-radius: 20px;
  position: relative;
  border: 2px solid var(--color-green, #22DCE9);
  background: var(--color-white, #FFF);
  max-width: 90%;
}
.testimonie-card-modal > .modal-body > .modal-close {
  position: absolute;
  top: -40px;
  right: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 12;
  cursor: pointer;
}
@media screen and (width >= 1280px) {
  .testimonie-card-modal > .modal-body > .modal-close {
    right: -5px;
  }
}
.testimonie-card-modal > .modal-body > .modal-content {
  display: grid;
  padding: 15px;
  grid-template-columns: 80px 1fr;
  gap: 20px;
  overflow: auto;
  max-height: 550px;
}
@media screen and (width >= 1280px) {
  .testimonie-card-modal > .modal-body > .modal-content {
    border-radius: 40px;
    padding: 30px;
    max-width: 650px;
  }
}
.testimonie-card-modal > .modal-body > .modal-content > .image {
  width: 100%;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 13px;
}
.testimonie-card-modal > .modal-body > .modal-content > .text-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}
@media screen and (width >= 1280px) {
  .testimonie-card-modal > .modal-body > .modal-content > .text-container {
    flex-direction: column;
  }
}
.testimonie-card-modal > .modal-body > .modal-content > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.testimonie-card-modal > .modal-body > .modal-content > .text-container > .text strong {
  color: var(--color-purple-3, #B343BA);
}
.testimonie-card-modal > .modal-body > .modal-content > .text-container > .author-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.testimonie-card-modal > .modal-body > .modal-content > .text-container > .author-data > .name {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}
.testimonie-card-modal > .modal-body > .modal-content > .text-container > .author-data > .job {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
.testimonie-card-modal.-show {
  opacity: 1;
  pointer-events: unset;
  transition: opacity 0.3s;
}
.testimonie-card-modal.-show .modal-body {
  transform: scale(1);
  transition: transform 0.5s;
}

.participation-card > .card-content {
  display: block;
  border: 3px solid #DEDEE6;
  transition: border 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .participation-card > .card-content {
    border-radius: 40px;
  }
}
.participation-card > .card-content > .picture-container {
  display: block;
  width: 100%;
  height: 230px;
  overflow: hidden;
}
.participation-card > .card-content > .picture-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.participation-card > .card-content > .text-container {
  padding: 30px 20px;
  background: var(--color-light, #F2F2FA);
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: background 0.3s ease;
}
@media screen and (width >= 1280px) {
  .participation-card > .card-content > .text-container {
    padding: 40px 30px;
  }
}
.participation-card > .card-content > .text-container > .date {
  overflow: hidden;
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (width >= 1280px) {
  .participation-card > .card-content > .text-container > .date {
    font-size: 36px;
  }
}
.participation-card > .card-content > .text-container > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  min-height: 48px;
}
.participation-card > .card-content > .text-container > .text {
  overflow: hidden;
  color: var(--color-gray-1, #26262C);
  text-overflow: ellipsis;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  height: 78px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.participation-card > .card-content:hover {
  border: 2px solid var(--color-green, #22DCE9);
}
.participation-card > .card-content:hover > .picture-container > .image {
  transform: scale(1.1);
}
.participation-card > .card-content:hover > .text-container {
  background: var(--color-green, #22DCE9);
}
.participation-card > .card-content:hover > .text-container > .button-component {
  background: var(--color-black, #010101);
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-green, #22DCE9);
}

.card--search-result {
  width: 100%;
  height: 160px;
  border-radius: 30px;
  border: 2px solid var(--color-light, #F2F2FA);
  background: #FFF;
  overflow: hidden;
  transition: border 0.5s ease, background 0.5s ease;
}
@media (max-width: 1024px) {
  .card--search-result {
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .card--search-result:hover {
    border: 2px solid #22DCE9;
    background: #22DCE9;
  }
  .card--search-result:hover .card--search-result__link {
    color: #0C0D10;
  }
  .card--search-result:hover .card--search-result__link .title {
    color: #0C0D10;
  }
  .card--search-result:hover .card--search-result__link .box-hide {
    max-height: 50px;
    opacity: 1;
  }
  .card--search-result:hover .card--search-result__box-image__image {
    background: transparent;
  }
}
.card--search-result__content {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
}
@media (max-width: 1024px) {
  .card--search-result__content {
    flex-direction: column;
  }
}
.card--search-result__box-image {
  width: 204px;
  height: 100%;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .card--search-result__box-image {
    width: 100%;
    height: 160px;
  }
}
.card--search-result__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background: gray;
  transition: background 0.3s ease;
}
.card--search-result__box-body {
  display: flex;
  padding: 30px;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1024px) {
  .card--search-result__box-body {
    padding: 30px 20px;
  }
}
.card--search-result__link {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  color: #FFF;
  text-decoration-line: underline;
  text-decoration-style: solid;
  transition: color 0.5s ease;
}
.card--search-result__link .title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-decoration-line: underline;
  text-decoration-style: solid;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.5s ease;
}
@media (max-width: 1024px) {
  .card--search-result__link .title {
    font-size: 16px;
  }
}
.card--search-result__link .box-hide {
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
.card--search-result__link .box-hide .icon {
  margin-top: 20px;
}

.simple-card > .card-body {
  border-radius: 20px;
  background: #FFF;
  overflow: hidden;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.simple-card > .card-body > .title {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.simple-card > .card-body > .text {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.simple-card > .card-body > .text strong {
  font-weight: 700;
}

.schedule-card {
  position: relative;
}
.schedule-card > .card-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 70px 20px 20px 30px;
  border-radius: 20px;
  border-radius: 20px;
  background: var(--color-white, #FFF);
}
.schedule-card > .card-body > .date-container {
  display: flex;
  align-items: center;
  position: absolute;
  top: -30px;
  left: 30px;
  gap: 10px;
}
.schedule-card > .card-body > .date-container > .date-calendar {
  display: flex;
  flex-direction: column;
  min-width: 65px;
  box-shadow: 3.395px 3.395px 4.923px 0 rgba(0, 0, 0, 0.15);
}
.schedule-card > .card-body > .date-container > .date-calendar > .day {
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #010101;
  text-align: center;
  font-family: "Montserrat";
  font-size: 37px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 2.601px;
  height: 41px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.schedule-card > .card-body > .date-container > .date-calendar > .month {
  color: #FFF;
  text-align: center;
  font-family: "Montserrat";
  font-size: 12.387px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 5px 0px 0px;
  border-top: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  background: #010101;
  padding: 0px 5px;
}
.schedule-card > .card-body > .title {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.schedule-card > .card-body > .content {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.schedule-card > .card-body > .content p {
  padding: 0;
}
.schedule-card > .card-body > .content strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}
.schedule-card > .card-body > .emphasis-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 30px 20px;
  border-radius: 20px;
  border: 3px solid var(--color-green, #22DCE9);
  background: var(--color-light, #F2F2FA);
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .schedule-card > .card-body > .emphasis-container {
    padding: 30px;
  }
}
.schedule-card > .card-body > .emphasis-container > .title {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.schedule-card > .card-body > .emphasis-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.finalist-card {
  background: #FFF;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.finalist-card:hover {
  transform: translateY(-5px);
}
.finalist-card > .card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 30px;
}
@media screen and (width >= 1280px) {
  .finalist-card > .card-content {
    padding: 30px;
  }
}
.finalist-card > .card-content > .title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.finalist-card > .card-content > .tags {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  background: #FDC546;
  padding: 4px 12px;
}
.finalist-card > .card-content > .tags > .tag {
  color: #010101;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.24px;
}
.finalist-card > .card-content > .tags > .tag::after {
  content: ",";
}
.finalist-card > .card-content > .tags > .tag:last-child::after {
  content: "";
}
.finalist-card > .card-content > .info-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.finalist-card > .card-content > .info-list > .info-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.finalist-card > .card-content > .info-list > .info-item > .label {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.finalist-card > .card-content > .info-list > .info-item > .text {
  color: #010101;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.winners-card {
  background: #FFF;
  border-radius: 20px;
  overflow: hidden;
}
.winners-card:hover > .media-container > .play-button::before {
  opacity: 0.3;
  transform: scale(1.4);
}
.winners-card:hover > .media-container > .play-button::after {
  opacity: 0.1;
  transform: scale(1.8);
}
.winners-card > .media-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.winners-card > .media-container > .video,
.winners-card > .media-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.winners-card > .media-container > .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  cursor: pointer;
  z-index: 2;
}
.winners-card > .media-container > .play-button > .icon-play {
  position: relative;
  z-index: 3;
  width: 17px;
  height: 17px;
}
.winners-card > .media-container > .play-button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  transform: scale(0);
  opacity: 0;
  position: absolute;
  z-index: 2;
  transition: opacity 0.3s, transform 0.5s ease;
}
.winners-card > .media-container > .play-button::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  opacity: 0;
  transform: scale(0);
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s, transform 0.5s ease;
}
.winners-card > .media-container > .image-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.winners-card > .content-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.winners-card > .content-card > .categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.winners-card > .content-card > .categories-list > .category-item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: var(--color-green, #22DCE9);
}
.winners-card > .content-card > .categories-list > .category-item > .category-icon {
  width: 8px;
  height: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winners-card > .content-card > .categories-list > .category-item > .category-text {
  color: #000;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.winners-card > .content-card > .title {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.winners-card > .content-card > .tags-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: -8px;
}
.winners-card > .content-card > .tags-container > .metal-list {
  display: flex;
  gap: 4px;
}
.winners-card > .content-card > .tags-container > .metal-list > .metal-item {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 10px;
  background: #010101;
}
.winners-card > .content-card > .tags-container > .metal-list > .metal-item > .metal-text {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 600;
}
.winners-card > .content-card > .tags-container > .metal-list > .metal-item > .metal-icon {
  width: 8px;
  height: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winners-card > .content-card > .tags-container > .tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
}
.winners-card > .content-card > .tags-container > .tags-list > .tag-item {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background: #FDC546;
}
.winners-card > .content-card > .tags-container > .tags-list > .tag-item > .tag-text {
  color: #000;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.winners-card > .content-card > .info-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.winners-card > .content-card > .info-list > .info-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.winners-card > .content-card > .info-list > .info-item > .label {
  color: #010101;
  font-family: "Montserrat";
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.winners-card > .content-card > .info-list > .info-item > .text {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
@media screen and (width >= 1280px) {
  .winners-card > .content-card {
    padding: 32px;
  }
}

.gallery-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16/9;
  transition: transform 0.3s ease;
}
.gallery-card:hover {
  transform: translateY(-5px);
}
.gallery-card:hover > .media-container > .play-button::before {
  opacity: 0.3;
  transform: scale(1.4);
}
.gallery-card:hover > .media-container > .play-button::after {
  opacity: 0.1;
  transform: scale(1.8);
}
.gallery-card > .media-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.gallery-card > .media-container > .video,
.gallery-card > .media-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-card > .media-container > .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  cursor: pointer;
  z-index: 2;
}
.gallery-card > .media-container > .play-button > .icon-play {
  position: relative;
  z-index: 3;
  width: 23px;
  height: 26px;
}
.gallery-card > .media-container > .play-button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  transform: scale(0);
  opacity: 0;
  position: absolute;
  z-index: 2;
  transition: opacity 0.3s, transform 0.5s ease;
}
.gallery-card > .media-container > .play-button::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  opacity: 0;
  transform: scale(0);
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s, transform 0.5s ease;
}
.gallery-card > .media-container > .play-button > .icon-play {
  width: 17px;
  height: 17px;
}
.gallery-card > .media-container > .image-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.historial-card {
  padding-top: 20px;
  position: relative;
}
.historial-card > .year {
  color: #010101;
  font-family: "Montserrat";
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (width >= 1024px) {
  .historial-card > .year {
    font-size: 36px;
  }
}
.historial-card > .content {
  overflow: hidden;
  border-radius: 40px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 30px;
  padding-top: 42px;
  position: relative;
}
.historial-card > .content > .title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  padding: 0px;
}
.historial-card > .content > .button-component {
  margin-top: auto;
  align-self: center;
}

.jury-card {
  overflow: hidden;
  border-radius: 40px;
  border: 1px solid var(--color-gray-2, #4E4E54);
  background: var(--color-white, #FFF);
}
@media screen and (width >= 1280px) {
  .jury-card {
    border-radius: 40px;
  }
}
.jury-card > .card-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}
@media screen and (width >= 1024px) {
  .jury-card > .card-content {
    padding: 60px;
  }
}
.jury-card > .card-content > .profile-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.jury-card > .card-content > .profile-container > .image {
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  height: 310px;
  -o-object-fit: cover;
     object-fit: cover;
}
.jury-card > .card-content > .profile-container > .profile-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.jury-card > .card-content > .profile-container > .profile-info > .name {
  color: #010101;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
}
.jury-card > .card-content > .profile-container > .profile-info > .job,
.jury-card > .card-content > .profile-container > .profile-info > .company {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
.jury-card > .card-content > .profile-container > .profile-info > .job strong,
.jury-card > .card-content > .profile-container > .profile-info > .company strong {
  font-weight: 700;
}
.jury-card > .card-content > .info-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.jury-card > .card-content > .info-container > .description {
  color: #010101;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.jury-card > .card-content > .info-container > .description strong {
  color: #010101;
  font-weight: 600;
}
.jury-card > .card-content > .info-container > .description p:last-child {
  margin-bottom: 0;
}
.jury-card > .card-content > .info-container > .description ul {
  list-style: disc;
  padding-left: 20px;
}
.jury-card > .card-content.-full-info > .profile-container > .image {
  width: 270px;
  height: 310px;
}
@media screen and (width >= 1024px) {
  .jury-card > .card-content.-full-info {
    display: grid;
    grid-template-columns: 265px 1fr;
    gap: 30px;
    padding: 60px;
  }
}

.card--company-principle__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  max-width: 1190px;
  margin: 0 auto;
}
.card--company-principle__box-image {
  max-width: 190px;
  width: 100%;
}
.card--company-principle__box-image__image {
  max-width: 190px;
  width: 100%;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
.card--company-principle__box-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.card--company-principle__title {
  text-align: center;
  font-family: "Montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.card--company-principle__description {
  color: var(--26262C-Gray-1, #26262C);
  text-align: center;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}

.hero-default {
  position: relative;
  overflow-x: clip;
  padding-top: 120px;
  margin-bottom: 50px;
}
@media screen and (width >= 1280px) {
  .hero-default {
    padding-top: 0;
    padding-bottom: 50px;
    margin-bottom: 110px;
  }
  .hero-default:has(~ section) {
    padding-bottom: 0;
    margin-bottom: 100px;
  }
}
.hero-default > .grid-background {
  display: none;
}
@media screen and (width >= 1280px) {
  .hero-default > .grid-background {
    display: none;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 80vh;
    flex-wrap: wrap;
  }
}
.hero-default > .grid-background > .cell {
  width: 25vw;
  height: 26.6666666667vh;
  border: 0.2px solid rgba(43, 43, 43, 0.2);
}
.hero-default > .hero-content {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: 36px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content {
    flex-direction: row;
    padding-top: 130px;
    gap: 0;
  }
}
.hero-default > .hero-content > .squares {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
@media screen and (width >= 1024px) {
  .hero-default > .hero-content > .squares {
    left: 80px;
  }
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .squares {
    position: relative;
    top: unset;
    left: unset;
    margin-left: -40px;
  }
}
@media screen and (width >= 1440px) {
  .hero-default > .hero-content > .squares {
    margin-left: -75px;
  }
}
.hero-default > .hero-content > .squares svg {
  width: 100%;
  height: 200px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .squares svg {
    width: auto;
    height: auto;
  }
}
.hero-default > .hero-content > .circle-figure {
  width: 333.9px;
  height: 334.6px;
  border-radius: 50%;
  background-color: var(--accent-color-figure, #ffffff);
  position: absolute;
  top: -75px;
  right: -190px;
}
@media screen and (width >= 1024px) {
  .hero-default > .hero-content > .circle-figure {
    right: -65px;
  }
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .circle-figure {
    width: 610px;
    height: 610px;
    top: 46px;
    right: -25%;
  }
}
.hero-default > .hero-content > .text-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 860px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .text-container {
    margin-left: 40px;
    margin-right: auto;
    gap: 30px;
    max-width: 490px;
  }
}
@media screen and (width >= 1440px) {
  .hero-default > .hero-content > .text-container {
    margin-left: 60px;
    max-width: 560px;
  }
}
.hero-default > .hero-content > .text-container > .logo {
  width: 260px;
  margin-top: 10px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .text-container > .logo {
    width: 300px;
    margin-top: 0;
  }
}
.hero-default > .hero-content > .text-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1;
}
@media screen and (min-width: 1280px) {
  .hero-default > .hero-content > .text-container > .title {
    font-size: 40px;
  }
}
.hero-default > .hero-content > .text-container > .title strong {
  font-weight: 600;
  color: var(--accent-color-title, #010101);
  font-size: 40px;
}
@media screen and (min-width: 1280px) {
  .hero-default > .hero-content > .text-container > .title strong {
    font-size: 64px;
  }
}
.hero-default > .hero-content > .text-container > .title em {
  font-style: normal;
  color: var(--accent-color-title);
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .text-container > .title em {
    font-size: 48px;
  }
}
.hero-default > .hero-content > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.hero-default > .hero-content > .text-container > .text strong {
  font-weight: 700;
}
.hero-default > .hero-content > .media-container {
  position: relative;
}
.hero-default > .hero-content > .media-container > .main-media {
  width: 241px;
  height: 298px;
  transform: rotate(-11deg);
  position: relative;
  z-index: 2;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media {
    border-radius: 40px;
    width: 368px;
    height: 454px;
  }
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media > .main-media-picture.-hide {
    display: none;
  }
}
.hero-default > .hero-content > .media-container > .main-media > .main-media-picture > .image {
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media > .main-media-picture > .image {
    border-radius: 40px;
  }
}
.hero-default > .hero-content > .media-container > .main-media > .main-media-video {
  display: none;
  width: 241px;
  height: 298px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media > .main-media-video {
    border-radius: 40px;
    display: block;
    width: 368px;
    height: 454px;
  }
}
.hero-default > .hero-content > .media-container > .main-media > .main-media-video .plyr {
  width: 241px;
  height: 298px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media > .main-media-video .plyr {
    width: 368px;
    height: 454px;
  }
}
.hero-default > .hero-content > .media-container > .main-media > .main-media-video .plyr .plyr__video-wrapper {
  width: 241px;
  height: 298px;
  background: transparent;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media > .main-media-video .plyr .plyr__video-wrapper {
    width: 368px;
    height: 454px;
  }
}
.hero-default > .hero-content > .media-container > .main-media > .main-media-video .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-default > .hero-content > .media-container > .main-media.ratio-16-9 {
  width: 317px;
  height: 241px;
  transform: rotate(6deg);
  z-index: 3;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media.ratio-16-9 {
    width: 517px;
    height: 393px;
  }
}
.hero-default > .hero-content > .media-container > .main-media.ratio-16-9 > .main-media-video {
  width: 317px;
  height: 241px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media.ratio-16-9 > .main-media-video {
    width: 517px;
    height: 393px;
  }
}
.hero-default > .hero-content > .media-container > .main-media.ratio-16-9 > .main-media-video .plyr {
  width: 317px;
  height: 241px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media.ratio-16-9 > .main-media-video .plyr {
    width: 517px;
    height: 393px;
  }
}
.hero-default > .hero-content > .media-container > .main-media.ratio-16-9 > .main-media-video .plyr .plyr__video-wrapper {
  width: 317px;
  height: 241px;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .main-media.ratio-16-9 > .main-media-video .plyr .plyr__video-wrapper {
    width: 517px;
    height: 393px;
  }
}
.hero-default > .hero-content > .media-container > .secondary-media {
  display: none;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .secondary-media {
    display: block;
    position: absolute;
    bottom: -144px;
    left: -103px;
    width: 253px;
    height: 255px;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    transform: rotate(9deg);
    box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (width >= 1440px) {
  .hero-default > .hero-content > .media-container > .secondary-media {
    bottom: -155px;
    left: -175px;
  }
}
.hero-default > .hero-content > .media-container > .secondary-media > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-default > .hero-content > .media-container > .vector {
  display: none;
}
@media screen and (width >= 1280px) {
  .hero-default > .hero-content > .media-container > .vector {
    display: block;
    position: absolute;
    right: 20%;
    bottom: -15%;
    z-index: 3;
  }
}

.flex-link-card-list {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 2;
}
@media screen and (width >= 1280px) {
  .flex-link-card-list {
    padding-top: 114px;
    padding-bottom: 114px;
  }
}
.flex-link-card-list > .title {
  color: var(--color-black, #010101);
  text-align: center;
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}
.flex-link-card-list > .title strong {
  color: var(--color-black, #010101);
}
@media screen and (width >= 1280px) {
  .flex-link-card-list > .title {
    font-size: 47px;
    margin-bottom: 68px;
  }
}
@media screen and (width >= 1280px) {
  .flex-link-card-list > .title.-reduce-font-size {
    font-size: 40px;
  }
}
.flex-link-card-list > .card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
@media screen and (width >= 1280px) {
  .flex-link-card-list > .card-list {
    gap: 60px;
    row-gap: 30px;
  }
}
@media screen and (width >= 768px) {
  .flex-link-card-list > .card-list > .card {
    width: 100%;
  }
}
@media screen and (width >= 1024px) {
  .flex-link-card-list > .card-list > .card {
    max-width: 350px;
    width: 100%;
  }
}
.flex-link-card-list > .card-list > .card > .link-card {
  height: 100%;
}
@media screen and (width >= 1024px) {
  .flex-link-card-list > .card-list > .card > .link-card {
    max-width: 350px;
    width: 100%;
  }
}
.flex-link-card-list > .card-list > .card.-increase-card-width {
  max-width: 560px;
  width: 100%;
}
.flex-link-card-list > .card-list > .card.-increase-card-width > .link-card {
  max-width: 560px;
  width: 100%;
}
.flex-link-card-list > .card-list > .card.-full-width {
  max-width: 1210px;
  width: 100%;
}
.flex-link-card-list > .card-list > .card.-full-width > .link-card {
  max-width: 1210px;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .flex-link-card-list.-hide-top-separation {
    padding-top: 0;
    margin-top: -60px;
  }
}
@media screen and (width >= 1440px) {
  .flex-link-card-list.-hide-top-separation {
    margin-top: 0;
  }
}
@media screen and (width >= 1920px) {
  .flex-link-card-list.-hide-top-separation {
    margin-top: -60px;
  }
}
.flex-link-card-list.-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.flex-link-card-list.-hide-padding-top {
  padding-top: 0;
}
@media screen and (width >= 1280px) {
  .flex-link-card-list.-hide-padding-top {
    padding-top: 0;
  }
}
.flex-link-card-list.-background-black {
  background: var(--color-white, #FFF);
}
.flex-link-card-list.-no-background {
  background: transparent;
}

.prefooter {
  position: relative;
  z-index: 12;
  background: var(--color-dark);
}
.prefooter > .social-networks {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 18px;
  position: relative;
  padding-bottom: 50px;
  margin-top: 70px;
}
@media screen and (width >= 1280px) {
  .prefooter > .social-networks {
    gap: 80px;
    background: #010101;
    height: 181px;
  }
}
.prefooter > .social-networks > .social-networks-item {
  position: relative;
  z-index: 1;
}
.prefooter > .social-networks > .social-networks-item > .social-networks-item-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid var(--color-gray-1, #26262C);
  transition: background 0.3s ease, border 0.3s ease;
  color: #9898A0;
}
@media screen and (width >= 1280px) {
  .prefooter > .social-networks > .social-networks-item > .social-networks-item-anchor {
    width: 60px;
    height: 60px;
  }
}
.prefooter > .social-networks > .social-networks-item > .social-networks-item-anchor svg {
  width: 14px;
  height: 14px;
}
@media screen and (width >= 1280px) {
  .prefooter > .social-networks > .social-networks-item > .social-networks-item-anchor svg {
    width: 20px;
    height: 20px;
  }
}
.prefooter > .social-networks > .social-networks-item > .social-networks-item-anchor svg path {
  transition: all 0.3s ease;
}
.prefooter > .social-networks > .social-networks-item > .social-networks-item-anchor:hover {
  background: var(--color-green, #22DCE9);
  border: 2px solid var(--color-green, #22DCE9);
  color: var(--color-black, #010101);
}
.prefooter > .social-networks > .logo-item {
  width: 90px;
  height: auto;
  position: relative;
  z-index: 1;
}
@media screen and (width >= 1024px) {
  .prefooter > .social-networks > .logo-item {
    width: 136px;
  }
}
.prefooter > .social-networks > .logo-item > .logo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.prefooter > .banner-container {
  background: #0C0D10;
}
.prefooter > .banner-container > .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
  background: #0C0D10;
}
@media screen and (width >= 1280px) {
  .prefooter > .banner-container > .container {
    gap: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.prefooter > .banner-container > .container .plyr {
  width: 132px;
  min-width: 0;
  height: auto;
  mix-blend-mode: screen;
}
.prefooter > .banner-container > .container .plyr .plyr__video-wrapper {
  width: 132px;
  min-width: 0;
  height: 100%;
}
.prefooter > .banner-container > .container .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.prefooter > .banner-container > .container > .banner-text {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 165px;
  height: 72px;
}
@media screen and (width >= 1280px) {
  .prefooter > .banner-container > .container > .banner-text {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.prefooter > .banner-container > .container > .banner-text > .start {
  grid-column: 1/3;
  grid-row: 1/2;
}
.prefooter > .banner-container > .container > .banner-text > .icon {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-top: 4px;
  margin-left: auto;
  width: 32px;
  height: 29px;
}
@media screen and (width >= 1280px) {
  .prefooter > .banner-container > .container > .banner-text > .icon {
    margin-top: 0;
  }
}
.prefooter > .banner-container > .container > .banner-text > .end-part {
  grid-column: 1/3;
  grid-row: 2/3;
}
.prefooter > .banner-container > .container > .banner-text > .end-part > .url {
  text-decoration: underline;
}

.text-section {
  padding-top: 80px;
  padding-bottom: 32px;
}
@media screen and (width >= 1024px) {
  .text-section {
    padding-top: 0;
    padding-bottom: 125px;
    overflow-x: clip;
    overflow-y: visible;
  }
}
@media screen and (width >= 1280px) {
  .text-section > .content-container {
    padding: 0 80px;
    position: relative;
  }
}
.text-section > .content-container > .text-section-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (width >= 1024px) {
  .text-section > .content-container > .text-section-list {
    gap: 100px;
    max-width: 800px;
    padding-left: 60px;
  }
}
.text-section > .content-container > .text-section-list > .section-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 800px;
}
@media screen and (width >= 1024px) {
  .text-section > .content-container > .text-section-list > .section-item {
    gap: 50px;
  }
}
.text-section > .content-container > .text-section-list > .section-item > .title {
  color: var(--accent-color, #FFF);
  font-family: var(--font-primary);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1024px) {
  .text-section > .content-container > .text-section-list > .section-item > .title {
    font-size: 36px;
  }
}
.text-section > .content-container > .text-section-list > .section-item > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.text-section > .content-container > .text-section-list > .section-item > .text strong {
  font-weight: 700;
}
.text-section > .content-container > .media-container {
  display: none;
}
@media screen and (width >= 1280px) {
  .text-section > .content-container > .media-container {
    display: block;
  }
}
.text-section > .content-container > .media-container {
  width: 440px;
  height: 420px;
  position: absolute;
  bottom: 0;
  right: -128px;
}
.text-section > .content-container > .media-container > .triangle-star {
  width: 442px;
  height: 442px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: rotate(60deg);
  z-index: 2;
}
.text-section > .content-container > .media-container > .picture-container {
  position: absolute;
  top: -73px;
  left: -75px;
  z-index: 1;
  display: block;
  width: 573px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-section > .content-container > .media-container > .picture-container > .image {
  width: 350px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.triangle-star {
  width: 442px;
  height: 442px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.triangle-star > .part-top {
  position: absolute;
  top: 0;
  transform-origin: center center;
}
.triangle-star > .part-right {
  position: absolute;
  right: 0;
  transform-origin: center center;
  transform: rotate(90deg) translateX(0px) translateY(-10px);
}
.triangle-star > .part-bottom {
  position: absolute;
  bottom: 0;
  transform-origin: center center;
  transform: rotate(180deg) translateX(0px) translateY(0px);
}
.triangle-star > .part-left {
  position: absolute;
  left: 0;
  transform-origin: center center;
  transform: rotate(-90deg) translateX(0px) translateY(-10px);
}

.strategic-axes {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: repeat;
}
.strategic-axes .strategic-axes__background {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.strategic-axes > .rect-1 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-dark, #0C0D10);
  width: 80%;
  height: 5%;
}
@media screen and (width >= 1024px) {
  .strategic-axes > .rect-1 {
    top: 0;
    left: 0;
    width: 85%;
    height: 8%;
  }
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-1 {
    top: 0;
    left: 0;
    width: 23%;
    height: 8%;
  }
}
.strategic-axes > .rect-2 {
  position: absolute;
  top: 0%;
  left: 80%;
  background-color: var(--color-dark, #0C0D10);
  width: 20%;
  height: 3%;
}
@media screen and (width >= 1024px) {
  .strategic-axes > .rect-2 {
    top: 0%;
    left: 85%;
    width: 15%;
    height: 4%;
  }
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-2 {
    top: 8%;
    left: 23%;
    width: 25%;
    height: 8%;
  }
}
.strategic-axes > .rect-3 {
  position: absolute;
  top: 5%;
  left: 80%;
  background-color: var(--color-dark, #0C0D10);
  width: 20%;
  height: 3%;
}
@media screen and (width >= 1024px) {
  .strategic-axes > .rect-3 {
    top: 8%;
    left: 85%;
    width: 15%;
    height: 3%;
  }
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-3 {
    top: 0;
    left: 29%;
    width: 71%;
    height: 8%;
  }
}
.strategic-axes > .rect-4 {
  position: absolute;
  top: 2%;
  left: 89%;
  background-color: var(--color-dark, #0C0D10);
  width: 11%;
  height: 3%;
}
@media screen and (width >= 1024px) {
  .strategic-axes > .rect-4 {
    top: 4%;
    left: 89%;
    width: 11%;
    height: 4%;
  }
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-4 {
    top: 8%;
    left: 48%;
    width: 3%;
    height: 6%;
  }
}
.strategic-axes > .rect-5 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-5 {
    display: block;
    position: absolute;
    background-color: var(--color-dark, #0C0D10);
    top: 16%;
    left: 48%;
    width: 25%;
    height: 10%;
  }
}
.strategic-axes > .rect-6 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-6 {
    display: block;
    position: absolute;
    top: 8%;
    left: 50%;
    background-color: var(--color-dark, #0C0D10);
    width: 17%;
    height: 8%;
  }
}
.strategic-axes > .rect-7 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-7 {
    display: block;
    position: absolute;
    top: 8%;
    left: 73%;
    background-color: var(--color-dark, #0C0D10);
    width: 27%;
    height: 8%;
  }
}
.strategic-axes > .rect-8 {
  position: absolute;
  background-color: var(--color-gray-1, #26262C);
  bottom: 0;
  left: 0%;
  width: 83%;
  height: 4%;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-8 {
    bottom: 0;
    left: 0%;
    width: 30%;
    height: 10%;
  }
}
.strategic-axes > .rect-9 {
  position: absolute;
  bottom: 4%;
  left: 83%;
  background-color: var(--color-gray-1, #26262C);
  width: 17%;
  height: 4%;
}
@media screen and (width >= 1024px) {
  .strategic-axes > .rect-9 {
    height: 7%;
  }
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-9 {
    bottom: 0;
    left: 30%;
    width: 20%;
    height: 4%;
  }
}
.strategic-axes > .rect-10 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-10 {
    display: block;
    position: absolute;
    bottom: 4%;
    left: 50%;
    background-color: var(--color-gray-1, #26262C);
    width: 17%;
    height: 5%;
  }
}
.strategic-axes > .rect-11 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-11 {
    display: block;
    position: absolute;
    bottom: 0%;
    left: 54%;
    background-color: var(--color-gray-1, #26262C);
    width: 13%;
    height: 5%;
  }
}
.strategic-axes > .rect-12 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-12 {
    display: block;
    position: absolute;
    bottom: 2%;
    left: 67%;
    background-color: var(--color-gray-1, #26262C);
    width: 2%;
    height: 7%;
  }
}
.strategic-axes > .rect-13 {
  display: none;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .rect-13 {
    display: block;
    position: absolute;
    bottom: 0%;
    left: 69%;
    background-color: var(--color-gray-1, #26262C);
    width: 31%;
    height: 2%;
  }
}
.strategic-axes > .content-container {
  position: relative;
  z-index: 2;
  padding-top: 150px;
  padding-bottom: 150px;
}
.strategic-axes > .content-container > .title {
  color: var(--color-white, #FFF);
  text-align: center;
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 50px;
}
@media screen and (width >= 1280px) {
  .strategic-axes > .content-container > .title {
    font-size: 47px;
    margin-bottom: 80px;
  }
}
.strategic-axes > .content-container > .card-list {
  display: flex;
  flex-direction: row;
  gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
.strategic-axes > .content-container > .card-list .list-item {
  position: relative;
  max-width: 350px;
}
.strategic-axes > .content-container > .card-list .list-item .numeration {
  color: var(--color-purple-2, #AD5FC4);
  text-shadow: 10px 8px 14px rgba(0, 0, 0, 0.1);
  font-family: var(--font-primary);
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  top: -40px;
  left: 20px;
}
.strategic-axes::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 20%;
  background: #FFF;
}

.doubts {
  background: var(--color-white, #FFFFFF);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .doubts {
    padding-top: 110px;
    padding-bottom: 260px;
  }
}
.doubts > .doubts-content {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 30px;
  position: relative;
  justify-content: center;
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content {
    flex-direction: row;
    align-items: center;
  }
}
.doubts > .doubts-content > .text-container {
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  z-index: 1;
}
.doubts > .doubts-content > .text-container > .title {
  color: var(--color-dark, #0C0D10);
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .text-container > .title {
    font-size: 64px;
  }
}
.doubts > .doubts-content > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.doubts > .doubts-content > .media-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.doubts > .doubts-content > .media-container > .main-media {
  width: 347px;
  height: 223px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .media-container > .main-media {
    width: 620px;
    height: 395px;
  }
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .media-container > .main-media > .main-media-picture.-hide {
    display: none;
  }
}
.doubts > .doubts-content > .media-container > .main-media > .main-media-picture > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.doubts > .doubts-content > .media-container > .main-media > .main-media-video {
  width: 347px;
  height: 223px;
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .media-container > .main-media > .main-media-video {
    width: 620px;
    height: 395px;
  }
}
.doubts > .doubts-content > .media-container > .main-media > .main-media-video .plyr {
  width: 347px;
  height: 223px;
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .media-container > .main-media > .main-media-video .plyr {
    width: 620px;
    height: 395px;
  }
}
.doubts > .doubts-content > .media-container > .main-media > .main-media-video .plyr .plyr__video-wrapper {
  width: 347px;
  height: 223px;
  background: transparent;
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .media-container > .main-media > .main-media-video .plyr .plyr__video-wrapper {
    width: 620px;
    height: 395px;
  }
}
.doubts > .doubts-content > .media-container > .main-media > .main-media-video .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.doubts > .doubts-content > .media-container > .secondary-media {
  position: relative;
  width: 185px;
  height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -72px;
  background-color: var(--circle-color, #0C0D10);
  border-radius: 100%;
}
@media screen and (width >= 1280px) {
  .doubts > .doubts-content > .media-container > .secondary-media {
    width: 308px;
    height: 308px;
    margin-left: -154px;
    position: absolute;
    bottom: -152px;
    left: 50%;
  }
}
.doubts > .doubts-content > .media-container > .secondary-media > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 2;
}
.doubts > .doubts-content > .media-container > .secondary-media > .image.-incline-image {
  transform: rotate(-23deg);
}
.doubts.-remove-background {
  background: transparent;
}
@media screen and (width >= 1280px) {
  .doubts.-reduce-padding-bottom {
    padding-bottom: 100px;
  }
}
@media screen and (width >= 1280px) {
  .doubts.--reduce-padding-bottom {
    padding-bottom: 110px;
  }
}

.loader-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: auto;
}
.loader-container .loader {
  width: 48px;
  height: 48px;
  border: 5px solid var(--accent-color, #fff);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ajax-tabs {
  padding-top: 30px;
  padding-bottom: 80px;
  background: var(--color-white, #FFFFFF);
  margin-top: 80px;
}
@media screen and (width >= 1280px) {
  .ajax-tabs {
    margin-top: 0;
    padding-top: 100px;
  }
}
.ajax-tabs > .container > .v-ajax-tabs > .tabs-container {
  display: flex;
  gap: 30px;
  overflow: scroll;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 60px;
}
@media screen and (width >= 1280px) {
  .ajax-tabs > .container > .v-ajax-tabs > .tabs-container {
    overflow: visible;
  }
}
.ajax-tabs > .container > .v-ajax-tabs > .tabs-container > .tab-item > .tab {
  border-radius: 61px;
  background: transparent;
  border: 2px solid var(--color-gray-3, #9898A0);
  padding: 0 20px;
  color: var(--color-gray-3, #9898A0);
  text-align: center;
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  transition: background 0.3s ease, border 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  text-wrap: nowrap;
  cursor: pointer;
}
.ajax-tabs > .container > .v-ajax-tabs > .tabs-container > .tab-item > .tab.-active {
  background: transparent;
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
@media screen and (width >= 1280px) {
  .ajax-tabs > .container > .v-ajax-tabs > .tabs-container > .tab-item > .tab:hover {
    background: transparent;
    border: 2px solid var(--color-black, #010101);
    color: var(--color-black, #010101);
  }
}
.ajax-tabs > .container > .v-ajax-tabs > .text-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 60px;
}
@media screen and (width >= 1280px) {
  .ajax-tabs > .container > .v-ajax-tabs > .text-container {
    gap: 50px;
  }
}
.ajax-tabs > .container > .v-ajax-tabs > .text-container > .title {
  color: var(--color-brand-blue, #1793FF);
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .ajax-tabs > .container > .v-ajax-tabs > .text-container > .title {
    font-size: 36px;
  }
}
.ajax-tabs > .container > .v-ajax-tabs > .text-container > .description {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.ajax-tabs > .container > .v-ajax-tabs > .list-container {
  position: relative;
  padding-top: 25px;
}
.ajax-tabs > .container > .v-ajax-tabs > .list-container > .card-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
}
@media screen and (width >= 768px) {
  .pagination {
    justify-content: center;
  }
}
@media screen and (width >= 1280px) {
  .pagination {
    margin-top: 60px;
    gap: 60px;
  }
}
.pagination > .prev-button,
.pagination > .next-button {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: var(--accent-color, #22DCE9);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.5s ease;
}
.pagination > .prev-button > .page-link,
.pagination > .next-button > .page-link {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 100%;
}
.pagination > .prev-button .arrow {
  transform: translateX(0%);
  transition: transform 0.5s ease;
  width: 60px;
  height: 60px;
}
.pagination > .prev-button .arrow svg {
  width: 60px;
  height: 60px;
  padding: 20px;
}
.pagination > .prev-button:hover {
  background: #FFF;
}
.pagination > .prev-button:hover .arrow {
  transform: translateX(-200%);
}
.pagination > .prev-button.disabled {
  cursor: not-allowed;
}
.pagination > .prev-button.disabled:hover {
  background: var(--accent-color, #22DCE9);
}
.pagination > .prev-button.disabled:hover .arrow {
  transform: translateX(0%);
}
.pagination > .next-button .arrow {
  transform: translateX(-200%);
  transition: transform 0.6s ease;
  width: 60px;
  height: 60px;
}
.pagination > .next-button .arrow svg {
  width: 60px;
  height: 60px;
  padding: 20px;
}
.pagination > .next-button:hover {
  background: #FFF;
}
.pagination > .next-button:hover .arrow {
  transform: translateX(0%);
}
.pagination > .next-button.disabled {
  cursor: not-allowed;
}
.pagination > .next-button.disabled:hover {
  background: var(--accent-color, #22DCE9);
}
.pagination > .next-button.disabled:hover .arrow {
  transform: translateX(-200%);
}
.pagination > .page-item > .page-link {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
}
.pagination > .page-item.active > .page-link {
  color: #22DCE9;
  font-size: 32px;
}

.ajax-select {
  padding-top: 30px;
  padding-bottom: 80px;
  background: var(--color-light, #F2F2FA);
  margin-top: 80px;
}
@media screen and (width >= 1280px) {
  .ajax-select {
    margin-top: 0;
    padding-top: 100px;
  }
}
.ajax-select > .container > .v-ajax-select {
  position: relative;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select {
    display: grid;
    grid-template-columns: 265px 1fr;
    grid-template-rows: 60px 1fr;
    gap: 30px;
    min-height: 710px;
  }
}
.ajax-select > .container > .v-ajax-select > .filters-container-mobile {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 40px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .filters-container-mobile {
    display: none;
  }
}
.ajax-select > .container > .v-ajax-select > .filters-container-mobile > .filters-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 20px;
  background: #131313;
  width: 100%;
  height: 50px;
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}
.ajax-select > .container > .v-ajax-select > .filters-select-desktop {
  display: none;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .filters-select-desktop {
    display: block;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ajax-select > .container > .v-ajax-select > .filters-bar-desktop {
  display: none;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .filters-bar-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border-radius: 180px;
    background: #FFF;
    padding-left: 30px;
    padding-right: 10px;
  }
  .ajax-select > .container > .v-ajax-select > .filters-bar-desktop > .search-filter {
    padding: 0;
  }
  .ajax-select > .container > .v-ajax-select > .filters-bar-desktop > .search-filter > .search-input {
    width: 345px;
    overflow: hidden;
  }
  .ajax-select > .container > .v-ajax-select > .filters-bar-desktop > .search-filter > .v-select {
    width: 175px;
  }
}
.ajax-select > .container > .v-ajax-select > .list-container {
  position: relative;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .list-container {
    grid-column: 2/3;
  }
}
.ajax-select > .container > .v-ajax-select > .list-container > .card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .list-container > .card-list {
    row-gap: 60px;
    justify-content: flex-start;
  }
}
.ajax-select > .container > .v-ajax-select > .list-container > .card-list > .list-item {
  max-width: 325px;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .list-container > .card-list > .list-item {
    max-width: 31%;
  }
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .list-container > .card-list.-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .ajax-select > .container > .v-ajax-select > .list-container > .card-list.-two-columns > .list-item {
    max-width: 100%;
  }
}
.ajax-select > .container > .v-ajax-select > .list-container > .loader-container {
  position: relative;
  min-height: 150px;
  z-index: 5;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .pagination {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 30px;
  }
}
.ajax-select > .container > .v-ajax-select > .pagination > .loader-container {
  position: relative;
  min-height: 150px;
  z-index: 5;
}
@media screen and (width >= 1280px) {
  .ajax-select > .container > .v-ajax-select > .pagination {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 30px;
  }
}
.ajax-select.-no-background {
  background: transparent;
}
.ajax-select.-no-background > .container > .v-ajax-select > .filters-select-desktop > .select-filters {
  background: transparent;
}
@media screen and (width >= 1280px) {
  .ajax-select.-reduce-padding-top {
    padding-top: 0;
  }
}

.modal-filters {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.7411764706);
  display: flex;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 10;
}
.modal-filters > .modal-content {
  margin: auto;
  width: 90%;
  max-width: 600px;
  max-height: 90%;
  border-radius: 6px;
  padding: 30px 20px;
  transform: scale(0);
  transition: transform 0.5s;
  border-radius: 40px;
  background: var(--color-black, #0C0D10);
  overflow: auto;
}
.modal-filters > .modal-content > .header-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.modal-filters > .modal-content > .header-container > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  width: 230px;
}
@media screen and (width >= 768px) {
  .modal-filters > .modal-content > .header-container > .title {
    width: 290px;
  }
}
.modal-filters > .modal-content > .header-container > .close-button {
  border-radius: 100%;
  background: var(--color-white, #FFF);
  backdrop-filter: blur(5px);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-filters > .modal-content > .filters-selected {
  border-radius: 20px;
  background: #131313;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 15px;
}
.modal-filters > .modal-content > .filters-selected > .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.modal-filters > .modal-content > .filters-selected > .header > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
}
.modal-filters > .modal-content > .filters-selected > .header > .button-clear {
  color: var(--color-green, #22DCE9);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.modal-filters > .modal-content > .filters-selected > .selected-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.modal-filters > .modal-content > .filters-selected > .selected-filter-list > .selected-item > .tag-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 10px;
  border-radius: 37px;
  height: 25px;
}
.modal-filters > .modal-content > .filter-list {
  border-radius: 20px;
  background: #131313;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.modal-filters > .modal-content > .filter-list > .list-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 1;
}
.modal-filters > .modal-content > .filter-list > .list-item > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item > .label-container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item > .label-container > .check-box rect {
  transition: all 0.3s ease;
  fill: transparent;
  stroke: #4E4E54;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item > .label-container > .check-box path {
  transition: all 0.3s ease;
  stroke: transparent;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item > .label-container > .label {
  color: #FFF;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  transition: 0.3s ease;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item > .label-container > .label:hover {
  color: var(--accent-color);
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item > .units {
  color: #4E4E54;
  font-family: var(--font-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item.-active > .label-container > .check-box rect {
  fill: var(--accent-color);
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item.-active > .label-container > .check-box path {
  stroke: #010101;
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item.-active > .label-container > .label {
  color: var(--accent-color);
}
.modal-filters > .modal-content > .filter-list > .list-item > .option-list > .option-item.-active > .units {
  color: var(--accent-color);
}
.modal-filters > .modal-content > .filter-list > .list-item.-hide {
  display: none;
}
.modal-filters > .modal-content > .filter-list > .show-more {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--color-green, #22DCE9);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-top: -15px;
}
.modal-filters.-show {
  opacity: 1;
  pointer-events: unset;
  transition: opacity 0.3s;
}
.modal-filters.-show > .modal-content {
  transform: scale(1);
  transition: transform 0.5s;
}

.search-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
}
.search-filter > .label {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.search-filter > .search-input {
  position: relative;
  border-radius: 150px;
  border: 1px solid var(--color-gray-2, #4E4E54);
  width: 100%;
}
.search-filter > .search-input .input {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  background: transparent;
  width: 100%;
  height: 40px;
  padding-left: 20px;
  padding-right: 35px;
  outline: none;
}
.search-filter > .search-input > .button-search {
  position: absolute;
  top: 10px;
  right: 10px;
}
.search-filter > .search-input > .button-clear {
  position: absolute;
  top: 9px;
  right: 35px;
}

.sort-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.sort-filter > .label {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  text-wrap: nowrap;
}
.sort-filter .v-select {
  width: 100%;
}
.sort-filter .v-select .vs__dropdown-toggle {
  border-radius: 150px;
  border: 1px solid var(--color-gray-2, #4E4E54);
  height: 40px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  gap: 4px;
}
.sort-filter .v-select .vs__dropdown-toggle .vs__selected-options {
  padding: 0;
}
.sort-filter .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
@media screen and (width >= 1024px) {
  .sort-filter .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
    color: var(--color-gray-2, #4E4E54);
    font-size: 16px;
    font-weight: 400;
  }
}
.sort-filter .v-select .vs__dropdown-toggle .vs__selected-options .vs__search {
  display: none;
}
.sort-filter .v-select .vs__dropdown-toggle .vs__actions {
  padding: 0;
}
.sort-filter .v-select .vs__dropdown-menu {
  padding: 0;
  margin-top: 10px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: none;
  border-radius: 5px;
  background: #fff;
}
.sort-filter .v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #000;
  font-family: var(--font-primary, Epilogue);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.sort-filter .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected {
  font-weight: 600;
}
.sort-filter .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--highlight {
  background-color: var(--accent-color);
  color: #00121A;
}
.sort-filter .v-select.vs--open .vs__selected-options .vs__selected {
  position: relative;
}

.select-filters {
  border-radius: 6px;
  border-radius: 40px;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.select-filters > .filters-selected {
  border-radius: 20px;
  background: var(--color-white, #FFF);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 15px;
}
.select-filters > .filters-selected > .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.select-filters > .filters-selected > .header > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
}
.select-filters > .filters-selected > .header > .button-clear {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.select-filters > .filters-selected > .selected-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.select-filters > .filters-selected > .selected-filter-list > .selected-item > .tag-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 10px;
  border-radius: 37px;
  height: 25px;
  border-radius: 37px;
  background: #22DCE9;
}
.select-filters > .filter-list {
  border-radius: 20px;
  background: var(--color-white, #FFFFFF);
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.select-filters > .filter-list > .list-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 1;
}
.select-filters > .filter-list > .list-item > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.select-filters > .filter-list > .list-item > .option-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item > .label-container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item > .label-container > .check-box rect {
  transition: all 0.3s ease;
  fill: transparent;
  stroke: #4E4E54;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item > .label-container > .check-box path {
  transition: all 0.3s ease;
  stroke: transparent;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item > .label-container > .label {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item > .units {
  color: var(--26262C-Gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item:hover > .label-container > .label {
  color: var(--color-black, #010101);
}
.select-filters > .filter-list > .list-item > .option-list > .option-item.-active > .label-container > .check-box rect {
  fill: var(--accent-color);
}
.select-filters > .filter-list > .list-item > .option-list > .option-item.-active > .label-container > .check-box path {
  stroke: #010101;
}
.select-filters > .filter-list > .list-item > .option-list > .option-item.-active > .label-container > .label {
  color: var(--color-black, #010101);
}
.select-filters > .filter-list > .list-item > .option-list > .option-item.-active > .units {
  color: var(--color-black, #010101);
  font-weight: 600;
}
.select-filters > .filter-list > .list-item.-hide {
  display: none;
}
.select-filters > .filter-list > .show-more {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--color-black, #010101);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-top: -15px;
}

.creative-companies-banner {
  padding-bottom: 80px;
  overflow-x: clip;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media screen and (width >= 1280px) {
  .creative-companies-banner {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
.creative-companies-banner > .content-container {
  padding-top: 80px;
  background: var(--26262C-Gray-1, #26262C);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container {
    padding-top: 0;
    flex-direction: row;
    align-items: center;
    background: transparent;
  }
  .creative-companies-banner > .content-container::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(-100vw + 540px);
    display: block;
    background: var(--26262C-Gray-1, #26262C);
    width: 100%;
    height: 100%;
  }
}
@media screen and (width >= 1440px) {
  .creative-companies-banner > .content-container::before {
    left: calc((100vw - 720px + 100px) / -1);
  }
}
@media screen and (width >= 1500px) {
  .creative-companies-banner > .content-container::before {
    left: calc(-100vw + 720px);
  }
}
@media screen and (width >= 1920px) {
  .creative-companies-banner > .content-container::before {
    left: -82%;
  }
}
.creative-companies-banner > .content-container > .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .text-container {
    position: absolute;
    z-index: 1;
    left: 0;
    max-width: 600px;
    height: 100%;
    gap: 25px;
  }
}
@media screen and (width >= 1440px) {
  .creative-companies-banner > .content-container > .text-container {
    max-width: 700px;
  }
}
.creative-companies-banner > .content-container > .text-container > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.creative-companies-banner > .content-container > .text-container > .title strong {
  color: var(--color-brand-blue, #1793FF);
  font-weight: 600;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .text-container > .title {
    font-size: 46px;
    position: relative;
    z-index: 2;
  }
}
.creative-companies-banner > .content-container > .text-container > .text {
  color: var(--color-white, #FFF);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .text-container > .text {
    position: relative;
    z-index: 2;
    font-size: 18px;
  }
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .text-container > .banner-button {
    position: relative;
    z-index: 2;
  }
}
.creative-companies-banner > .content-container > .media-container {
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.creative-companies-banner > .content-container > .media-container > .main-media {
  width: 100%;
  height: 280px;
}
@media screen and (width >= 768px) {
  .creative-companies-banner > .content-container > .media-container > .main-media {
    height: 300px;
  }
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .main-media {
    height: auto;
    overflow: hidden;
    border-radius: 0px 40px 40px 0px;
    max-height: 480px;
  }
}
.creative-companies-banner > .content-container > .media-container > .main-media > .main-media-picture {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .main-media-picture.-hide {
    display: none;
  }
}
.creative-companies-banner > .content-container > .media-container > .main-media > .main-media-picture > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.creative-companies-banner > .content-container > .media-container > .main-media > .main-media-video {
  display: none;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .main-media-video {
    display: block;
  }
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .main-media-video > .video {
    margin-left: 370px;
  }
}
@media screen and (width >= 1920px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .main-media-video > .video {
    margin-left: 265px;
  }
}
.creative-companies-banner > .content-container > .media-container > .main-media > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(38, 38, 44, 0) 41.88%, #26262C 100%);
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .overlay {
    background: linear-gradient(270deg, rgba(38, 38, 44, 0) 28.31%, #26262C 97.64%);
    left: 455px;
  }
}
@media screen and (width >= 1440px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .overlay {
    left: 468px;
  }
}
@media screen and (width >= 1920px) {
  .creative-companies-banner > .content-container > .media-container > .main-media > .overlay {
    left: 228px;
  }
}
.creative-companies-banner > .content-container > .media-container > .secondary-media {
  position: absolute;
  right: 45px;
  bottom: -35px;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .secondary-media {
    right: 50px;
    bottom: 30px;
  }
}
@media screen and (width >= 1440px) {
  .creative-companies-banner > .content-container > .media-container > .secondary-media {
    right: 40px;
  }
}
.creative-companies-banner > .content-container > .media-container > .secondary-media > .triangle-vector {
  width: 145px;
  height: 145px;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .secondary-media > .triangle-vector {
    width: 225px;
    height: 225px;
  }
}
.creative-companies-banner > .content-container > .media-container > .secondary-media > .image {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -25px;
  right: -45px;
  animation: banner-image-spin 20s linear infinite;
}
@media screen and (width >= 1280px) {
  .creative-companies-banner > .content-container > .media-container > .secondary-media > .image {
    width: 210px;
    height: 210px;
    top: -65px;
    right: -100px;
  }
}

@keyframes banner-image-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hero-home {
  height: 787px;
  background: rgba(1, 1, 1, 0.3);
  position: relative;
}
@media (max-width: 1024px) {
  .hero-home {
    height: 750px;
  }
}
@media (max-width: 824px) {
  .hero-home {
    height: 780px;
  }
}
.hero-home__box-content {
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.hero-home__box-content .container {
  width: 100%;
  height: 100%;
}
.hero-home__content {
  max-width: 1146px;
  margin: 0px auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-home__title {
  text-align: center;
  color: #FFF;
  font-family: "Montserrat";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .hero-home__title {
    font-size: 52px;
  }
}
@media (max-width: 824px) {
  .hero-home__title {
    font-size: 42px;
  }
}
@media (max-width: 624px) {
  .hero-home__title {
    font-size: 32px;
  }
}
.hero-home__title .box-item {
  display: inline;
  position: relative;
  z-index: 1;
}
.hero-home__title .box-item .title.color-green {
  color: #FC943C;
}
@media (min-width: 1024px) {
  .hero-home__title .box-item:hover.animation-open-reduce .title {
    opacity: 0;
  }
  .hero-home__title .box-item:hover.animation-open-reduce .box-animation {
    opacity: 1;
  }
  .hero-home__title .box-item:hover.animation-open-reduce .box-media {
    max-width: 169px;
    transition: max-width 0.5s ease 0.5s;
  }
  .hero-home__title .box-item:hover.animation-open-reduce .box-media::before {
    opacity: 1;
    transition: opacity 0.5s ease 0.5s;
  }
  .hero-home__title .box-item:hover.animation-open-reduce .box-media .box-image::before, .hero-home__title .box-item:hover.animation-open-reduce .box-media .box-video::before {
    opacity: 0;
    transition: opacity 0.5s ease 0.5s;
  }
  .hero-home__title .box-item:hover.animation-open-expand .title {
    opacity: 0;
  }
  .hero-home__title .box-item:hover.animation-open-expand .box-animation {
    opacity: 1;
  }
  .hero-home__title .box-item:hover.animation-open-expand .box-media {
    max-width: calc(100% - 20px);
    transition: max-width 0.5s ease 0.5s;
  }
  .hero-home__title .box-item:hover.animation-open-expand .box-media::before {
    mix-blend-mode: color;
    width: 35%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: rotate(0deg) translate(-50%, -50%);
    transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease, top 0.5s ease, left 0.5s ease;
    transition-delay: 0.5s;
  }
  .hero-home__title .box-item:hover.animation-text-decoration {
    position: relative;
    z-index: 3;
  }
  .hero-home__title .box-item:hover.animation-text-decoration .title::after {
    width: 100%;
    transition: width 0.5s ease 0.2s;
  }
  .hero-home__title .box-item:hover.animation-text-decoration .title .icon-title {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
    animation: bounce-scale 0.5s linear forwards;
    animation-delay: 0.2s;
  }
  @keyframes bounce-scale {
    0% {
      transform: scale(1) rotate(0deg);
    }
    25% {
      transform: scale(0.95) rotate(10deg);
    }
    50% {
      transform: scale(0.9) rotate(25deg);
    }
    75% {
      transform: scale(0.95) rotate(35deg);
    }
    100% {
      transform: scale(1) rotate(45deg);
    }
  }
}
.hero-home__title .box-item.animation-open-reduce {
  position: relative;
}
.hero-home__title .box-item.animation-open-reduce .title {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.hero-home__title .box-item.animation-open-reduce .box-animation {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 50%;
  max-width: 445px;
  width: 100%;
  height: 80px;
  transform: translateY(-50%);
}
.hero-home__title .box-item.animation-open-reduce .box-media {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 445px;
  width: 100%;
  height: 80px;
  transition: max-width 0.5s ease;
}
.hero-home__title .box-item.animation-open-reduce .box-media::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 22px;
  height: 22px;
  background: #FDC546;
  border-radius: 22px;
  right: -11px;
  top: 11px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.hero-home__title .box-item.animation-open-reduce .box-media .box-image, .hero-home__title .box-item.animation-open-reduce .box-media .box-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  border-radius: 15px;
  overflow: hidden;
}
.hero-home__title .box-item.animation-open-reduce .box-media .box-image::before, .hero-home__title .box-item.animation-open-reduce .box-media .box-video::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 176px;
  height: 176px;
  background: #FDC546;
  mix-blend-mode: color;
  border-radius: 176px;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.hero-home__title .box-item.animation-open-reduce .box-media .box-video__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-home__title .box-item.animation-open-reduce .box-media .box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-home__title .box-item.animation-open-expand {
  position: relative;
  z-index: 3;
}
.hero-home__title .box-item.animation-open-expand .title {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.hero-home__title .box-item.animation-open-expand .box-animation {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  max-width: 100%;
  width: 100%;
  height: 80px;
  transform: translateY(-50%) translateX(-50%);
}
.hero-home__title .box-item.animation-open-expand .box-media {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 114px;
  width: 100%;
  height: 80px;
  transition: max-width 0.5s ease;
}
.hero-home__title .box-item.animation-open-expand .box-media::before {
  content: "";
  mix-blend-mode: unset;
  position: absolute;
  z-index: 1;
  width: 26px;
  height: 26px;
  top: 50%;
  left: -13px;
  transform: rotate(-45deg) translate(0%, -50%);
  background: #FDC546;
  transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease, top 0.5s ease, left 0.5s ease;
}
.hero-home__title .box-item.animation-open-expand .box-media .box-image, .hero-home__title .box-item.animation-open-expand .box-media .box-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  border-radius: 15px;
  overflow: hidden;
}
.hero-home__title .box-item.animation-open-expand .box-media .box-video__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-home__title .box-item.animation-open-expand .box-media .box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-home__title .box-item.animation-text-decoration .title {
  position: relative;
}
.hero-home__title .box-item.animation-text-decoration .title::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 8px;
  width: 0;
  height: 2px;
  background: #FDC546;
  transition: width 0.5s ease;
}
.hero-home__title .box-item.animation-text-decoration .title .icon-title {
  position: absolute;
  top: -4px;
  right: -8px;
  opacity: 0;
  transition: opacity 0.5s ease;
  animation: bounce-scale-2 0.5s linear forwards;
}
@keyframes bounce-scale-2 {
  0% {
    transform: scale(1) rotate(45deg);
  }
  25% {
    transform: scale(0.95) rotate(35deg);
  }
  50% {
    transform: scale(0.9) rotate(25deg);
  }
  75% {
    transform: scale(0.95) rotate(10deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.hero-home__box-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.hero-home__box-background__box-image {
  position: absolute;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.7s ease;
}
.hero-home__box-background__box-image.active {
  opacity: 1;
  z-index: 1;
}
.hero-home__box-background__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-home__box-background__overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.3);
  pointer-events: none;
}
.hero-home__box-background__area-hover-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.hero-home__box-background__area-hover-container .hero-home__box-background__area-hover {
  width: 25%;
  height: 100%;
}

.slider-banner-info-side-with-image {
  padding: 130px 0px 127px 0px;
}
@media (max-width: 1024px) {
  .slider-banner-info-side-with-image {
    padding: 80px 0px;
  }
}
.slider-banner-info-side-with-image__content {
  position: relative;
  width: 100%;
  padding: 0px 106px;
}
@media (max-width: 1024px) {
  .slider-banner-info-side-with-image__content {
    padding: 0px 20px;
  }
}
@media (min-width: 1024px) {
  .slider-banner-info-side-with-image__content:hover .splide__arrow {
    opacity: 1;
  }
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .card--info-side-with-image__box-body {
    background: #22DCE9;
  }
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .card--info-side-with-image__box-card {
    background: #22DCE9;
  }
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .card--info-side-with-image__title {
    color: #010101;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .card--info-side-with-image__title:hover .link {
    color: #010101 !important;
  }
}
@media (min-width: 1024px) {
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .card--info-side-with-image__text {
    color: #26262C;
  }
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .card--info-side-with-image__box-media__content {
    transform: scale(1.2);
  }
  .slider-banner-info-side-with-image__content:hover .card--info-side-with-image .button-component.fill-green-black {
    background: var(--color-black, #010101);
    color: var(--color-green, #22DCE9);
  }
}
.slider-banner-info-side-with-image__content .splide__arrow {
  opacity: 0;
}
@media (max-width: 1024px) {
  .slider-banner-info-side-with-image__content .splide__arrow {
    opacity: 1;
  }
}
.slider-banner-info-side-with-image__box-slider {
  position: relative;
}
.slider-banner-info-side-with-image__vector-decorative {
  position: absolute;
  bottom: -55px;
  right: -135px;
  width: 285px;
  height: auto;
}
@media (max-width: 1024px) {
  .slider-banner-info-side-with-image__vector-decorative {
    display: none;
  }
}

.slider--banner-info-side-with-image__slider {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.slider--banner-info-side-with-image__slider__box-controls .splide__arrow--prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -80px;
}
@media (max-width: 1024px) {
  .slider--banner-info-side-with-image__slider__box-controls .splide__arrow--prev {
    position: relative;
    top: unset;
    transform: unset;
    left: unset;
  }
}
.slider--banner-info-side-with-image__slider__box-controls .splide__arrow--next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -80px;
}
@media (max-width: 1024px) {
  .slider--banner-info-side-with-image__slider__box-controls .splide__arrow--next {
    position: relative;
    top: unset;
    transform: unset;
    right: unset;
  }
}
.slider--agenda__slider {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .slider--agenda__slider {
    gap: 30px;
  }
}
.slider--agenda__slider__box-controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 58px;
  align-items: center;
}
@media (max-width: 1024px) {
  .slider--agenda__slider__box-controls {
    gap: 30px;
  }
}
@media (max-width: 1024px) {
  .slider--agenda__slider__box-controls .common--control-slider {
    padding: 0px 20px;
  }
}
.slider--agenda__slider__box-slider {
  width: 100%;
}
.slider--agenda__slider .splide__track {
  overflow: visible !important;
}
.slider--cards-link__slider {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .slider--cards-link__slider {
    gap: 30px;
  }
}
.slider--cards-link__slider__box-slider {
  width: 100%;
}
.slider--cards-link__slider .splide__track {
  overflow: visible !important;
}
.slider--banner-info-card-with-image__slider {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.slider--banner-info-card-with-image__slider__box-slider {
  width: 100%;
}
.slider--banner-info-card-with-image__slider__box-controls .splide__arrow--prev {
  position: absolute;
  top: calc(50% - 50px);
  transform: translateY(-50%);
  left: -30px;
}
@media (max-width: 1024px) {
  .slider--banner-info-card-with-image__slider__box-controls .splide__arrow--prev {
    position: relative;
    top: unset;
    transform: unset;
    left: unset;
  }
}
.slider--banner-info-card-with-image__slider__box-controls .splide__arrow--next {
  position: absolute;
  top: calc(50% - 50px);
  transform: translateY(-50%);
  right: -30px;
}
@media (max-width: 1024px) {
  .slider--banner-info-card-with-image__slider__box-controls .splide__arrow--next {
    position: relative;
    top: unset;
    transform: unset;
    right: unset;
  }
}
.slider--news-card__slider {
  display: flex;
  flex-direction: column;
  gap: 37px;
}
.slider--news-card__slider__box-slider {
  width: 100%;
}
.slider--news-card__slider__box-controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 37px;
  align-items: center;
}

.common-control-slider > .splide__pagination {
  display: flex;
  border-radius: 60px;
  overflow: hidden;
  background: #FFFFFF;
  width: -moz-fit-content;
  width: fit-content;
}
.common-control-slider > .splide__pagination li {
  display: flex;
  align-items: center;
}
.common-control-slider > .splide__pagination li button {
  background: #9898A0;
  width: 30px;
  height: 5px;
  cursor: pointer;
  transition: width 0.5s ease, background 0.5s ease;
}
@media screen and (width >= 1280px) {
  .common-control-slider > .splide__pagination li button {
    width: 50px;
  }
}
.common-control-slider > .splide__pagination li button.is-active {
  background: #22DCE9;
}
.common-control-slider > .splide__arrows {
  display: flex;
  align-items: center;
}
.common-control-slider > .splide__arrows .splide__arrow {
  border-radius: 100%;
  border: 2px solid var(--color-green, #22DCE9);
  background: var(--color-green, #22DCE9);
  fill: var(--color-black, #010101);
  transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 60px;
  height: 60px;
}
.common-control-slider > .splide__arrows .splide__arrow .arrow {
  width: 60px;
  height: 60px;
  transition: transform 0.5s ease;
}
.common-control-slider > .splide__arrows .splide__arrow .arrow svg {
  width: 60px;
  height: 60px;
  padding: 20px;
}
.common-control-slider > .splide__arrows .splide__arrow .arrow svg path {
  transition: fill 0.3s ease;
}
.common-control-slider > .splide__arrows .splide__arrow.splide__arrow--prev .arrow {
  transform: translateX(100%);
}
.common-control-slider > .splide__arrows .splide__arrow.splide__arrow--next .arrow {
  transform: translateX(-100%);
}
@media screen and (width >= 1280px) {
  .common-control-slider > .splide__arrows .splide__arrow:hover {
    background: var(--color-black, #010101);
    color: var(--color-white, #FFF);
    border: 2px solid var(--color-black, #010101);
  }
  .common-control-slider > .splide__arrows .splide__arrow:hover.splide__arrow--prev .arrow {
    transform: translateX(-100%);
  }
  .common-control-slider > .splide__arrows .splide__arrow:hover.splide__arrow--next .arrow {
    transform: translateX(100%);
  }
}
.common-control-slider > .splide__arrows .splide__arrow[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.common-control-slider > .splide__arrows .splide__arrow[disabled] .arrow {
  transform: unset;
}
.common-control-slider > .splide__arrows .splide__arrow[disabled] .arrow svg circle {
  fill: #EFEFEF;
}
.common-control-slider > .splide__arrows .splide__arrow[disabled] .arrow svg path {
  stroke: #4E4E54;
}
@media screen and (width >= 1280px) {
  .common-control-slider > .splide__arrows .splide__arrow[disabled]:hover {
    border: 2px solid var(--color-green, #22DCE9) !important;
    background: var(--color-green, #22DCE9) !important;
    fill: var(--color-black, #010101) !important;
  }
  .common-control-slider > .splide__arrows .splide__arrow[disabled]:hover.splide__arrow--prev .arrow {
    transform: unset;
  }
  .common-control-slider > .splide__arrows .splide__arrow[disabled]:hover.splide__arrow--next .arrow {
    transform: unset;
  }
}
@media screen and (width >= 1280px) {
  .common-control-slider > .splide__arrows .splide__arrow[disabled]:hover {
    border-color: #4E4E54;
  }
  .common-control-slider > .splide__arrows .splide__arrow[disabled]:hover .arrow svg circle {
    fill: #EFEFEF;
  }
  .common-control-slider > .splide__arrows .splide__arrow[disabled]:hover .arrow svg path {
    stroke: #4E4E54;
  }
}

.common--control-slider {
  width: 100%;
}
.common--control-slider__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.common--control-slider__progress {
  border-radius: 3px;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 200px;
  width: 100%;
  display: block;
  background: #9898A0;
}
.common--control-slider__progress__bar {
  background: #22DCE9;
  height: 5px;
  width: 0;
  transition: width 400ms ease;
}
.common--control-slider__arrows {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .common--control-slider__arrows {
    gap: 15px;
  }
}
.common--control-slider__arrows .splide__arrow {
  outline: none;
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  box-sizing: border-box;
  background: #22DCE9;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: opacity 0.5s ease, background 0.5s ease;
}
@media (max-width: 1024px) {
  .common--control-slider__arrows .splide__arrow {
    border: 2px solid #22DCE9;
    background: #0C0D10;
  }
}
.common--control-slider__arrows .splide__arrow .icon {
  flex-shrink: 0;
  color: #010101;
  transition: color 0.325s ease;
}
.common--control-slider__arrows .splide__arrow .icon path {
  stroke: currentColor;
  transition: stroke 0.5s ease;
}
@media (max-width: 1024px) {
  .common--control-slider__arrows .splide__arrow .icon path {
    stroke: #22DCE9;
  }
}
.common--control-slider__arrows .splide__arrow:disabled {
  cursor: not-allowed;
  background: rgba(23, 255, 147, 0.4431372549);
}
@media (max-width: 1024px) {
  .common--control-slider__arrows .splide__arrow:disabled {
    background: #0C0D10;
    opacity: 0.6;
  }
}
.common--control-slider__arrows .splide__arrow:disabled .icon {
  color: #010101;
}
.common--control-slider__arrows .splide__arrow:disabled .icon path {
  stroke: currentColor;
}
@media (max-width: 1024px) {
  .common--control-slider__arrows .splide__arrow:disabled .icon path {
    stroke: #22DCE9;
  }
}
@media (min-width: 1024px) {
  .common--control-slider__arrows .splide__arrow:hover {
    background: #0c0d10;
  }
  .common--control-slider__arrows .splide__arrow:hover:disabled {
    background: rgba(23, 255, 147, 0.4431372549);
  }
  .common--control-slider__arrows .splide__arrow:hover:disabled .icon path {
    stroke: rgba(1, 1, 1, 0.3490196078);
  }
  .common--control-slider__arrows .splide__arrow:hover .icon {
    color: #FFF;
  }
}
.common--tags-category-agenda {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.common--tags-category-agenda__item {
  display: flex;
  flex-direction: row;
  gap: 5px;
  height: -moz-fit-content;
  height: fit-content;
}
.common--tags-category-agenda__item .title {
  padding: 5.6px 10px 3.6px 10px;
  color: #010101;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.28px;
}
.common--tags-category-agenda__item .decoration {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  transform: translateY(-4px);
}
.common--grid-lines {
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.common--grid-lines .container-width {
  width: 100%;
  height: 100%;
  max-width: none;
}
.common--grid-lines__content {
  width: 100%;
  display: grid;
  position: sticky;
  left: 0px;
  top: 0px;
}
.common--grid-lines__item {
  border: 0.2px solid #2B2B2B;
  height: 262px;
  opacity: 0.3;
}
.common--tags {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.common--tags__item {
  display: flex;
  height: 26px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #FDC546;
  color: #010101;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.24px;
  transition: background 0.5s ease;
}
.common--message-error {
  padding: 100px 0px;
}
.common--message-error__text {
  text-align: center;
  color: #FFF;
  font-family: "Montserrat";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.common--empty-state {
  padding: 100px 0px;
}
.common--empty-state__text {
  text-align: center;
  color: #FFF;
  font-family: "Montserrat";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.common--share {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  height: 60px;
  padding: 10px 35px;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  border-radius: 250px;
  background: rgba(38, 38, 44, 0.8);
  backdrop-filter: blur(5px);
}
@media (max-width: 1024px) {
  .common--share {
    gap: 10px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px;
  }
}
.common--share__title {
  color: #22DCE9;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.common--share__items {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.common--share__items__item {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: #22DCE9;
  transition: background 0.5s ease;
}
@media (min-width: 1024px) {
  .common--share__items__item:hover {
    background: #22DCE9;
  }
}
.common--share__items__item .icon {
  width: 16px;
  height: auto;
}
.common--share__items__item .icon path {
  stroke: #010101;
}
.common--share__items__item .alert-text {
  position: absolute;
  right: calc(-100% + 9px);
  bottom: calc(-100% + 9px);
  border-radius: 4px;
  background: #35353d;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 4px;
  color: #9898A0;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.common--share__items__item .alert-text.active {
  opacity: 1;
  pointer-events: all;
}

.title.color-white {
  color: #FFF;
}
.title.color-white .link:hover {
  color: #FFF;
  text-decoration: none;
}
.title.color-black {
  color: #010101;
}
.title.color-black .link:hover {
  color: #010101;
  text-decoration: none;
}
.title.color-green {
  color: #22DCE9;
}
.title--h2 {
  font-family: "Montserrat";
  font-size: 74px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  outline: none;
}
@media (max-width: 1024px) {
  .title--h2 {
    font-size: 32px;
  }
}
.title--h2-64 {
  font-family: "Montserrat";
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -13px 0px;
}
@media (max-width: 1024px) {
  .title--h2-64 {
    margin: 0px;
    font-size: 32px;
  }
}
.title--h3 {
  font-family: "Montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -8px 0px;
}
@media (max-width: 1024px) {
  .title--h3 {
    font-size: 28px;
    margin: 0px;
  }
}
.title--card-24 {
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.title--card-32 {
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .title--card-32 {
    font-size: 26px;
  }
}

.paragraph.color-white {
  color: #FFF;
}
.paragraph.color-grey {
  color: #9898A0;
}
.paragraph.color-grey-2 {
  color: #F2F2FA;
}
.paragraph.color-grey-3 {
  color: #26262C;
}
.paragraph.color-black {
  color: #010101;
}
.paragraph.font-weight-300 {
  font-weight: 300;
}
.paragraph--24 {
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: -12px 0px;
}
@media (max-width: 1024px) {
  .paragraph--24 {
    margin: 0px;
    font-size: 20px;
  }
}
.paragraph--24 strong {
  font-weight: 700;
}
.paragraph--20 {
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.paragraph--20 strong {
  font-weight: 700;
}
.paragraph--16 {
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.paragraph--14 {
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
}
.paragraph--content {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.paragraph--content h2 {
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1024px) {
  .paragraph--content h2 {
    font-size: 20px;
  }
}
.paragraph--content h3 {
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1024px) {
  .paragraph--content h3 {
    font-size: 18px;
  }
}
.paragraph--content h4 {
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1024px) {
  .paragraph--content h4 {
    font-size: 14px;
  }
}
.paragraph--content ul {
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  list-style: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .paragraph--content ul {
    font-size: 14px;
  }
}
.paragraph--content a {
  cursor: pointer;
  color: #22DCE9;
  font-size: 700;
  text-decoration: underline;
}
.paragraph--content a:hover {
  color: #22DCE9;
  text-decoration: underline;
}

.paragraph-content {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.paragraph-content h2,
.paragraph-content h3,
.paragraph-content h4,
.paragraph-content h5,
.paragraph-content h6 {
  font-family: "Montserrat";
}
.paragraph-content p {
  font-size: 18px;
}
.paragraph-content h2 {
  font-size: 30px;
}
.paragraph-content h3 {
  font-size: 26px;
}
.paragraph-content h4 {
  font-size: 22px;
}
.paragraph-content h5 {
  font-size: 20px;
}
.paragraph-content h6 {
  font-size: 18px;
}
.paragraph-content strong {
  font-weight: 700;
}
.paragraph-content ol,
.paragraph-content ul {
  padding-left: 20px;
}
.paragraph-content ol {
  list-style: decimal;
}
.paragraph-content ul {
  list-style: disc;
}

.video-component {
  --plyr-color-main: var(--color-green, #22DCE9);
  --plyr-video-control-color-hover: #010101;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .video-component {
    border-radius: 40px;
  }
}
.video-component > .plyr > .plyr__control {
  opacity: 0;
}
.video-component > .plyr > .plyr__control--overlaid {
  opacity: 0;
}
.video-component > .button-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  cursor: pointer;
}
.video-component > .button-play .icon-play {
  position: relative;
  z-index: 3;
}
.video-component > .button-play::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  transform: scale(0);
  opacity: 0;
  position: absolute;
  z-index: 2;
  transition: opacity 0.3s, transform 0.5s ease;
}
.video-component > .button-play::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-green, #22DCE9);
  opacity: 0;
  transform: scale(0);
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s, transform 0.5s ease;
}
@media screen and (width >= 1280px) {
  .video-component > .button-play {
    width: 75px;
    height: 75px;
  }
  .video-component > .button-play::after, .video-component > .button-play::before {
    width: 75px;
    height: 75px;
  }
}
.video-component > .button-play.-hide {
  opacity: 0;
  pointer-events: none;
}
.video-component:hover > .button-play::before {
  opacity: 0.3;
  transform: scale(1.4);
}
.video-component:hover > .button-play::after {
  opacity: 0.1;
  transform: scale(1.8);
}

.media > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 480px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .media > .image {
    display: none;
    border-radius: 40px;
  }
}
.media > .video {
  display: none;
}
@media screen and (width >= 1280px) {
  .media > .video {
    display: block;
  }
}
.media > .image.-hide, .media > .video.-hide {
  display: none;
}
.media > .image.-show, .media > .video.-show {
  display: block;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  padding-top: 25px;
  padding-bottom: 25px;
}
.content h2 {
  font-size: 28px;
}
@media screen and (width >= 1280px) {
  .content h2 {
    font-size: 36px;
  }
}
.content h3 {
  font-size: 26px;
}
@media screen and (width >= 1280px) {
  .content h3 {
    font-size: 34px;
  }
}
.content h4 {
  font-size: 24px;
}
@media screen and (width >= 1280px) {
  .content h4 {
    font-size: 32px;
  }
}
.content h5 {
  font-size: 22px;
}
@media screen and (width >= 1280px) {
  .content h5 {
    font-size: 30px;
  }
}
.content h6 {
  font-size: 20px;
}
@media screen and (width >= 1280px) {
  .content h6 {
    font-size: 28px;
  }
}
.content a,
.content p,
.content ul,
.content ol {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 25px;
  padding-bottom: 25px;
}
.content a {
  text-decoration: underline;
  color: var(--color-green, #22DCE9);
  margin: 0;
}
.content strong {
  font-weight: 700;
}
.content ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  list-style-type: disc;
  padding-left: 20px;
}
.content ul ::marker {
  color: #22DCE9;
}

.other-companies {
  padding-top: 40px;
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .other-companies {
    padding-top: 100px;
    padding-bottom: 160px;
  }
}
.other-companies > .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin-left: auto;
  margin-right: auto;
}
.other-companies > .container > .title {
  color: var(--color-black, #010101);
  text-align: center;
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.other-companies > .container > .title strong {
  color: var(--color-brand-blue, #1793FF);
  font-weight: 600;
}
@media screen and (width >= 1280px) {
  .other-companies > .container > .title {
    font-size: 47px;
  }
}

.highlighted-benefits {
  padding-top: 80px;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits {
    padding-top: 0;
  }
}
.highlighted-benefits > .container {
  position: relative;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits > .container .benefits-list .slick-list .slick-track .benefits-item {
    padding: 0 15px;
  }
}
@media screen and (width >= 1280px) {
  .highlighted-benefits > .container {
    padding: 80px 100px;
  }
  .highlighted-benefits > .container:hover .benefits-list .highlighted-benefits-card .image-container {
    border: 2px solid var(--color-green, #22DCE9);
  }
  .highlighted-benefits > .container:hover > .benefits-slider-controls > .highlighted-benefits-slick-slider-arrows {
    opacity: 1;
  }
}
.highlighted-benefits > .container > .benefits-slider-controls {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.highlighted-benefits > .container > .benefits-slider-controls > .highlighted-benefits-slick-slider-dots {
  position: absolute;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits > .container > .benefits-slider-controls > .highlighted-benefits-slick-slider-dots {
    position: relative;
  }
}
.highlighted-benefits > .container > .benefits-slider-controls > .highlighted-benefits-slick-slider-arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .highlighted-benefits > .container > .benefits-slider-controls > .highlighted-benefits-slick-slider-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}

.seal-hero {
  overflow-x: clip;
  overflow-y: visible;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (width >= 1280px) {
  .seal-hero {
    padding-top: 120px;
  }
}
.seal-hero > .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}
@media screen and (width >= 1280px) {
  .seal-hero > .container {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 117px;
    margin: 0px auto;
    max-width: 1071px;
  }
}
.seal-hero > .container > .media-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (width >= 1280px) {
  .seal-hero > .container > .media-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.seal-hero > .container > .media-container > .image {
  width: auto;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 824px) {
  .seal-hero > .container > .media-container > .image {
    height: 300px;
  }
}
@media (max-width: 424px) {
  .seal-hero > .container > .media-container > .image {
    height: 200px;
  }
}
@media screen and (width >= 1280px) {
  .seal-hero > .container > .media-container > .image {
    margin-top: 0;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 276px;
    padding-top: 37px;
  }
}
.seal-hero > .container > .media-container > .seal-component {
  position: absolute;
}
.seal-hero > .container > .text-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (width >= 1280px) {
  .seal-hero > .container > .text-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.seal-hero > .container > .text-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.seal-hero > .container > .text-container > .title strong {
  color: var(--color-purple-3, #B343BA);
  font-weight: 600;
}
@media screen and (width >= 1280px) {
  .seal-hero > .container > .text-container > .title {
    font-size: 74px;
  }
}
.seal-hero > .container > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.seal-hero > .container > .text-container > .text strong {
  font-weight: 700;
}

.benefits-card-list {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
}
@media screen and (width >= 1280px) {
  .benefits-card-list {
    overflow-x: clip;
    overflow-y: visible;
  }
}
.benefits-card-list > .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .benefits-card-list > .content-container {
    position: relative;
    gap: 50px;
  }
}
.benefits-card-list > .content-container > .title {
  color: var(--color-black, #010101);
  text-align: center;
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  max-width: 735px;
  margin-left: auto;
  margin-right: auto;
}
.benefits-card-list > .content-container > .title strong {
  color: var(--accent-color);
  font-weight: 700;
}
@media screen and (width >= 1280px) {
  .benefits-card-list > .content-container > .title {
    font-size: 40px;
  }
}
@media screen and (width >= 1280px) {
  .benefits-card-list > .content-container > .title.-reduce-title-font-size {
    font-size: 36px;
  }
}
.benefits-card-list > .content-container > .figure {
  display: none;
}
@media screen and (width >= 1280px) {
  .benefits-card-list > .content-container > .figure {
    display: block;
    position: absolute;
    right: -95px;
  }
}
@media screen and (width >= 1440px) {
  .benefits-card-list > .content-container > .figure {
    right: -100px;
  }
}
@media screen and (width >= 1920px) {
  .benefits-card-list > .content-container > .figure {
    right: -135px;
  }
}
.benefits-card-list > .content-container > .card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.benefits-card-list > .content-container > .card-list > .card {
  max-width: 345px;
}
.benefits-card-list > .content-container > .card-list.-wide-cards > .card {
  max-width: 450px;
}
.benefits-card-list.-background-black {
  background: var(--color-black, #010101);
}
.benefits-card-list.-increase-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .benefits-card-list.-increase-padding {
    padding-top: 120px;
    padding-bottom: 110px;
  }
}

.thank-you-page {
  padding-top: 125px;
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .thank-you-page {
    padding-top: 195px;
    padding-bottom: 170px;
  }
}
.thank-you-page > .content-container {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (width >= 1280px) {
  .thank-you-page > .content-container {
    flex-direction: row;
    align-items: center;
    gap: 90px;
  }
}
.thank-you-page > .content-container > .text-container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
@media screen and (width >= 1280px) {
  .thank-you-page > .content-container > .text-container {
    max-width: 590px;
    margin-left: 0;
    margin-right: 0;
    align-items: flex-start;
  }
}
.thank-you-page > .content-container > .text-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}
@media screen and (width >= 1280px) {
  .thank-you-page > .content-container > .text-container > .title {
    font-size: 74px;
    text-align: left;
  }
}
.thank-you-page > .content-container > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.thank-you-page > .content-container > .text-container > .button-list {
  display: flex;
  align-items: center;
  gap: 18px;
}
.thank-you-page > .content-container > .image-container {
  position: relative;
  margin-bottom: 45px;
  display: flex;
  justify-content: center;
}
@media screen and (width >= 1280px) {
  .thank-you-page > .content-container > .image-container {
    margin-bottom: 0;
  }
}
.thank-you-page > .content-container > .image-container > .figure {
  position: absolute;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (width >= 1280px) {
  .thank-you-page > .content-container > .image-container > .figure {
    left: -40px;
    width: 200%;
    height: 100%;
  }
}
.thank-you-page > .content-container > .image-container > .image {
  width: 190px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
@media screen and (width >= 1280px) {
  .thank-you-page > .content-container > .image-container > .image {
    width: 370px;
  }
}

.participation-card-list {
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (width >= 1280px) {
  .participation-card-list {
    padding-bottom: 60px;
  }
}
.participation-card-list > .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.participation-card-list > .content-container > .card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  position: relative;
}
.participation-card-list > .content-container > .card-list > .card {
  max-width: 345px;
}
@media screen and (width >= 1280px) {
  .participation-card-list > .content-container > .card-list > .card {
    max-width: 380px;
  }
}
@media screen and (width >= 1440px) {
  .participation-card-list > .content-container > .card-list > .card {
    max-width: 405px;
  }
}

.news-card-list {
  padding-top: 80px;
  padding-bottom: 80px;
}
.news-card-list > .content-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .news-card-list > .content-container {
    gap: 50px;
  }
}
@media screen and (width >= 1440px) {
  .news-card-list > .content-container {
    max-width: 1390px;
  }
}
.news-card-list > .content-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}
.news-card-list > .content-container > .title strong {
  color: #1793FF;
  font-weight: 600;
}
@media screen and (width >= 1280px) {
  .news-card-list > .content-container > .title {
    font-size: 40px;
  }
}
.news-card-list > .content-container > .card-list-container .slick-slider {
  margin: 0 -15px;
  /* Compensa el margen negativo */
}
.news-card-list > .content-container > .card-list-container .slick-slider .slick-slide {
  margin: 0 15px;
  /* Ajusta según sea necesario */
}
.news-card-list > .content-container > .card-list-container > .news-card-list-slider-controls {
  margin-top: 30px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.news-card-list > .content-container > .card-list-container > .news-card-list-slider-controls > .news-card-list-slick-slider-dots {
  position: absolute;
}
.news-card-list > .content-container > .card-list-container > .news-card-list-slider-controls > .news-card-list-slick-slider-arrows {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .news-card-list > .content-container > .card-list-container > .news-card-list-slider-controls > .news-card-list-slick-slider-arrows {
    justify-content: space-around;
  }
}
.news-card-list > .content-container > .button {
  margin-left: auto;
  margin-right: auto;
}

.team-card-list {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .team-card-list {
    padding-top: 114px;
    padding-bottom: 114px;
  }
}
.team-card-list > .container > .title {
  color: var(--color-black, #010101);
  text-align: center;
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}
.team-card-list > .container > .title strong {
  color: var(--color-black, #010101);
}
@media screen and (width >= 1280px) {
  .team-card-list > .container > .title {
    font-size: 47px;
    margin-bottom: 68px;
  }
}
.team-card-list > .container > .tabs-list {
  display: flex;
  gap: 30px;
  overflow: scroll;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 60px;
}
@media screen and (width >= 1280px) {
  .team-card-list > .container > .tabs-list {
    overflow: visible;
    justify-content: center;
  }
}
.team-card-list > .container > .tabs-list > .tab-item > .tab {
  border-radius: 61px;
  background: transparent;
  border: 2px solid var(--color-gray-3, #9898A0);
  padding: 0 20px;
  color: var(--color-gray-3, #9898A0);
  text-align: center;
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  text-wrap: nowrap;
  cursor: pointer;
}
.team-card-list > .container > .tabs-list > .tab-item > .tab.-active {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
@media screen and (width >= 1280px) {
  .team-card-list > .container > .tabs-list > .tab-item > .tab:hover {
    border: 2px solid var(--color-black, #010101);
    color: var(--color-black, #010101);
  }
}
.team-card-list > .container > .card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.team-card-list > .container > .card-list[hidden] {
  display: none;
}
@media screen and (width >= 1280px) {
  .team-card-list > .container > .card-list {
    gap: 60px;
    row-gap: 30px;
  }
}
@media screen and (width >= 768px) {
  .team-card-list > .container > .card-list > .card {
    width: 100%;
  }
}
@media screen and (width >= 1024px) {
  .team-card-list > .container > .card-list > .card {
    max-width: 350px;
    width: 100%;
  }
}
.team-card-list > .container > .button {
  margin: 40px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}

.testimonie-card-list {
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--color-white, #FFF);
}
@media screen and (width >= 1280px) {
  .testimonie-card-list {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.testimonie-card-list > .content-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .testimonie-card-list > .content-container {
    gap: 90px;
  }
}
.testimonie-card-list > .content-container > .header-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.testimonie-card-list > .content-container > .header-container > .certificate-seal {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--color-gray-1, #26262C);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-gray-1, #26262C);
  transition: border 0.3s ease, background 0.3s ease;
}
.testimonie-card-list > .content-container > .header-container > .certificate-seal > .icon {
  color: #22DCE9;
}
.testimonie-card-list > .content-container > .header-container > .certificate-seal > .icon path {
  transition: all 0.3s ease;
}
.testimonie-card-list > .content-container > .header-container > .certificate-seal > .tooltip {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.testimonie-card-list > .content-container > .header-container > .certificate-seal:hover {
  border: 2px solid var(--color-white, #FFF);
  background: var(--color-Green, #22DCE9);
}
.testimonie-card-list > .content-container > .header-container > .certificate-seal:hover > .icon {
  color: #010101;
}
.testimonie-card-list > .content-container > .header-container > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}
.testimonie-card-list > .content-container > .header-container > .title strong {
  color: var(--color-brand-blue, #1793FF);
  font-weight: 600;
}
@media screen and (width >= 768px) {
  .testimonie-card-list > .content-container > .header-container > .title {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (width >= 1280px) {
  .testimonie-card-list > .content-container > .header-container > .title {
    font-size: 40px;
  }
}
@media screen and (width >= 1024px) {
  .testimonie-card-list > .content-container > .card-list-container {
    position: relative;
  }
  .testimonie-card-list > .content-container > .card-list-container .slick-slider {
    padding: 0px 50px;
  }
  .testimonie-card-list > .content-container > .card-list-container .slick-slider .slick-slide {
    margin: 0 30px;
  }
}
.testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls {
  margin-top: 30px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
@media screen and (width >= 1280px) {
  .testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls {
    position: static;
  }
}
.testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-dots {
  position: absolute;
}
@media screen and (width >= 1280px) {
  .testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-dots {
    position: relative;
  }
}
.testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}
@media screen and (width >= 1440px) {
  .testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows {
    width: 103%;
  }
}
@media screen and (width >= 1920px) {
  .testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows {
    width: 110%;
  }
}
.testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows .slick-arrow {
  border-color: var(--accent-color, "#22DCE9");
  background: var(--accent-color, "#22DCE9");
  color: #0C0D10;
}
.testimonie-card-list > .content-container > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows .slick-arrow:hover {
  background: #fff;
  border-color: #fff;
}
.testimonie-card-list > .content-container > .button {
  margin-left: auto;
  margin-right: auto;
}
.testimonie-card-list > .content-container:hover > .card-list-container > .testimonie-card-list-slider-controls > .testimonie-card-list-slick-slider-arrows {
  opacity: 1;
}
.testimonie-card-list.-extra-padding-top {
  padding-top: 80px;
}
@media screen and (width >= 1280px) {
  .testimonie-card-list.-extra-padding-top {
    padding-top: 100px;
  }
}
.testimonie-card-list.-extra-padding-bottom {
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .testimonie-card-list.-extra-padding-bottom {
    padding-bottom: 100px;
  }
}

.testimonie {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 80px;
  background: var(--color-white, #FFF);
  position: relative;
  z-index: 2;
}
@media screen and (width >= 1280px) {
  .testimonie {
    padding-top: 120px;
    padding-bottom: 280px;
    overflow-x: clip;
    overflow-y: visible;
  }
  .testimonie:has(+ .text-inner) {
    padding-bottom: 120px;
  }
}
.testimonie > .content-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 60px;
}
@media screen and (width >= 1024px) {
  .testimonie > .content-container {
    padding: 0 90px;
    display: grid;
    grid-template-columns: 220px 1fr;
  }
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container {
    padding: 0 160px;
    position: relative;
  }
}
.testimonie > .content-container > .quote-left {
  display: none;
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .quote-left {
    display: block;
    position: absolute;
    left: 0;
    top: -140px;
  }
}
.testimonie > .content-container > .author-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .author-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    z-index: 1;
  }
}
.testimonie > .content-container > .author-container > .image {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 13px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .author-container > .image {
    width: 220px;
    height: 220px;
    border-radius: 40px;
  }
}
.testimonie > .content-container > .author-container > .author-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.testimonie > .content-container > .author-container > .author-info > .name {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}
.testimonie > .content-container > .author-container > .author-info > .job {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
.testimonie > .content-container > .text-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .text-container {
    padding-bottom: 100px;
  }
}
.testimonie > .content-container > .text-container > .title {
  color: var(--color-gray-2, #4E4E54);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.testimonie > .content-container > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.testimonie > .content-container > .text-container > .text strong {
  color: var(--accent-color);
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .text-container > .text {
    font-size: 24px;
  }
}
.testimonie > .content-container > .quote-right {
  display: none;
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .quote-right {
    display: block;
    position: absolute;
    right: -20px;
    bottom: -145px;
  }
}
.testimonie > .content-container > .image {
  display: none;
}
@media screen and (width >= 1280px) {
  .testimonie > .content-container > .image {
    display: block;
    width: 370px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: -275px;
    right: -245px;
    z-index: 3;
  }
}

.business-directory-inner-hero {
  padding-top: 135px;
  padding-bottom: 40px;
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero {
    padding-top: 170px;
  }
}
.business-directory-inner-hero > .grid-background {
  display: none;
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero > .grid-background {
    display: none;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 80vh;
    flex-wrap: wrap;
  }
}
.business-directory-inner-hero > .grid-background > .cell {
  width: 25vw;
  height: 26.6666666667vh;
  border: 0.2px solid rgba(43, 43, 43, 0.2);
}
.business-directory-inner-hero > .button-container {
  position: relative;
  z-index: 1;
}
@media screen and (width >= 1024px) {
  .business-directory-inner-hero > .button-container {
    display: flex;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero > .button-container {
    max-width: 915px;
  }
}
.business-directory-inner-hero > .button-container > .button {
  margin-bottom: 30px;
}
.business-directory-inner-hero > .hero-content {
  position: relative;
  z-index: 1;
}
@media screen and (width >= 1024px) {
  .business-directory-inner-hero > .hero-content {
    display: flex;
    max-width: 915px;
    justify-content: center;
    gap: 30px;
  }
}
.business-directory-inner-hero > .hero-content > .company-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 208px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 30px;
  border: 3px solid #DEDEE6;
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero > .hero-content > .company-logo {
    margin-bottom: 0;
  }
}
.business-directory-inner-hero > .hero-content > .company-logo > .image {
  width: auto;
  height: auto;
}
.business-directory-inner-hero > .hero-content > .text-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1024px) {
  .business-directory-inner-hero > .hero-content > .text-container {
    max-width: 570px;
  }
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero > .hero-content > .text-container {
    max-width: 670px;
  }
}
.business-directory-inner-hero > .hero-content > .text-container > .tags-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: -10px;
}
.business-directory-inner-hero > .hero-content > .text-container > .tags-list > .tag {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.28px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: var(--color-yellow-2, #FDC546);
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  max-width: 275px;
}
@media screen and (width >= 768px) {
  .business-directory-inner-hero > .hero-content > .text-container > .title-container > .title {
    font-size: 36px;
    max-width: 400px;
  }
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .certificate-seal {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--color-gray-1, #26262C);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-gray-1, #26262C);
  transition: border 0.3s ease, background 0.3s ease;
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .certificate-seal > .icon {
  color: #22DCE9;
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .certificate-seal > .icon path {
  transition: all 0.3s ease;
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .certificate-seal > .tooltip-content-hero-business-directory-seal {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .certificate-seal:hover {
  border: 2px solid var(--color-white, #FFF);
  background: var(--color-Green, #22DCE9);
}
.business-directory-inner-hero > .hero-content > .text-container > .title-container > .certificate-seal:hover > .icon {
  color: #010101;
}
.business-directory-inner-hero > .hero-content > .text-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.business-directory-inner-hero > .hero-content > .text-container > .url {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  transition: color 0.3s ease;
  width: -moz-fit-content;
  width: fit-content;
}
.business-directory-inner-hero > .hero-content > .text-container > .url:hover {
  color: #22DCE9;
}
.business-directory-inner-hero > .hero-content > .text-container > .email {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.business-directory-inner-hero > .hero-content > .text-container > .social-networks-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero > .hero-content > .text-container > .social-networks-list {
    gap: 19px;
    justify-content: flex-start;
  }
}
.business-directory-inner-hero > .hero-content > .text-container > .social-networks-list > .social-network-item > .social-network-anchor {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-gray-1, #26262C);
  transition: border 0.3s ease, background 0.3s ease;
}
@media screen and (width >= 1280px) {
  .business-directory-inner-hero > .hero-content > .text-container > .social-networks-list > .social-network-item > .social-network-anchor {
    width: 60px;
    height: 60px;
  }
}
.business-directory-inner-hero > .hero-content > .text-container > .social-networks-list > .social-network-item > .social-network-anchor > .icon {
  color: #26262C;
}
.business-directory-inner-hero > .hero-content > .text-container > .social-networks-list > .social-network-item > .social-network-anchor > .icon path {
  transition: all 0.3s ease;
}
.business-directory-inner-hero > .hero-content > .text-container > .social-networks-list > .social-network-item > .social-network-anchor:hover {
  background: var(--color-green, #22DCE9);
  border: 1px solid var(--color-green, #22DCE9);
}
.business-directory-inner-hero > .hero-content > .text-container > .social-networks-list > .social-network-item > .social-network-anchor:hover > .icon {
  color: #010101;
}

.business-directory-inner-media {
  padding-top: 40px;
  padding-bottom: 40px;
}
.business-directory-inner-media > .container {
  margin-left: auto;
  margin-right: auto;
}

.business-directory-inner-content {
  padding-top: 40px;
  padding-bottom: 15px;
}
.business-directory-inner-content > .container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (width >= 1280px) {
  .business-directory-inner-content > .container {
    max-width: 915px;
  }
}

.slider-agenda {
  padding: 117px 0px 136px 0px;
}
.slider-agenda.variant-inner-page {
  padding: 100px 0px 150px 0px;
}
@media (max-width: 1024px) {
  .slider-agenda.variant-inner-page {
    padding: 60px 0px 80px 0px;
  }
}
.slider-agenda.variant-inner-page .slider-agenda__title {
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .slider-agenda.variant-inner-page .slider-agenda__title {
    font-size: 32px;
    margin-bottom: 65px;
  }
}
@media screen and (width > 1440px) {
  .slider-agenda .container-width {
    max-width: 1290px;
  }
}
@media (max-width: 1024px) {
  .slider-agenda {
    padding: 80px 0px;
  }
}
.slider-agenda__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slider-agenda__title {
  margin-bottom: 133px;
  overflow: hidden;
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  color: #1793FF;
}
@media (max-width: 1024px) {
  .slider-agenda__title {
    margin-bottom: 65px;
    text-align: center;
    padding: 0px 20px;
  }
}
@media screen and (width >= 1280px) {
  .slider-agenda__title {
    font-size: 64px;
  }
}
.slider-agenda__box-slider {
  width: 100%;
}
@media (max-width: 1024px) {
  .slider-agenda__box-slider .card--agenda {
    width: 360px;
  }
}
@media (max-width: 340px) {
  .slider-agenda__box-slider .card--agenda {
    width: 300px;
  }
}
.slider-agenda__box-slider .slider--agenda__slider.is-marquee .splide__slide {
  width: 420px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .slider-agenda__box-slider .slider--agenda__slider.is-marquee .splide__slide {
    width: 360px;
  }
}
@media (max-width: 340px) {
  .slider-agenda__box-slider .slider--agenda__slider.is-marquee .splide__slide {
    width: 300px;
  }
}

.banner-video-animation-scroll {
  padding: 16px 0px 163px 0px;
}
@media (max-width: 1024px) {
  .banner-video-animation-scroll {
    padding: 80px 0px;
  }
}
.banner-video-animation-scroll__content {
  display: grid;
  grid-template-columns: 35.6% calc(64.4% - 69px);
  gap: 69px;
  align-items: center;
  margin: 0px 55px 0px 41px;
}
@media (max-width: 1024px) {
  .banner-video-animation-scroll__content {
    grid-template-columns: 1fr;
    gap: 30px;
    margin: 0px;
  }
}
.banner-video-animation-scroll__box-media {
  width: 100%;
  height: 488px;
  background: #F2F2FA;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .banner-video-animation-scroll__box-media {
    order: 2;
    height: 450px;
  }
}
@media (max-width: 824px) {
  .banner-video-animation-scroll__box-media {
    height: 398px;
  }
}
.banner-video-animation-scroll__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: difference;
}
.banner-video-animation-scroll__box-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .banner-video-animation-scroll__box-info {
    align-items: center;
    order: 1;
    padding: 0px 20px;
    box-sizing: border-box;
  }
}
.banner-video-animation-scroll__title {
  color: #9898A0;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: -4.1px 0px;
}
@media (max-width: 1024px) {
  .banner-video-animation-scroll__title {
    width: 100%;
    text-align: center;
  }
}
.banner-video-animation-scroll__text {
  color: #9898A0;
  font-family: "Montserrat";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin: -20px 0px;
}
@media (max-width: 1024px) {
  .banner-video-animation-scroll__text {
    margin: 0px;
    width: 100%;
    font-size: 40px;
    text-align: center;
  }
}
@media (max-width: 824px) {
  .banner-video-animation-scroll__text {
    font-size: 32px;
  }
}
@media (max-width: 624px) {
  .banner-video-animation-scroll__text {
    font-size: 26px;
  }
}

.banner-logos-swap {
  background: #010101;
  padding: 155px 0px 161px 0px;
}
@media (max-width: 1024px) {
  .banner-logos-swap {
    padding: 80px 0px;
  }
}
.banner-logos-swap__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner-logos-swap__title {
  margin: -14px 0px;
  padding-bottom: 114px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .banner-logos-swap__title {
    margin: -5px 0px;
    padding-bottom: 22px;
  }
}
.banner-logos-swap__box-body {
  width: 100%;
}
.banner-logos-swap__box-slider {
  width: 100%;
  position: relative;
  z-index: 0;
}
.banner-logos-swap__box-slider__item {
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
}
.banner-logos-swap__box-slider__item__title {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 140px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: -35px 0px;
}
.banner-logos-swap__box-slider__item__title strong {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-slider__item__title {
    font-size: 79px;
    line-height: 1.5;
    margin: -31px 0px;
  }
}
.banner-logos-swap__box-slider__item__icon {
  width: 57px;
  flex-shrink: 0;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-slider__item__icon {
    width: 32px;
  }
}
.banner-logos-swap__box-logos {
  background: #010101;
  position: relative;
  z-index: 1;
  margin-top: -30px;
  display: flex;
  flex-direction: column;
  gap: 42px;
  align-items: center;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos {
    margin-top: -15px;
    gap: 30px;
  }
}
.banner-logos-swap__box-logos .common--logos-swap {
  width: 100%;
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos.mob {
  display: none;
}
@media (max-width: 624px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos {
    display: none;
  }
  .banner-logos-swap__box-logos .common--logos-swap__company-logos.mob {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li {
  border: 1px solid #0C0D10;
  width: 100%;
  height: 144px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li {
    height: 78px;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li::after, .banner-logos-swap__box-logos .common--logos-swap__company-logos li::before, .banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-left, .banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-right {
  position: absolute;
  width: 25px;
  height: 25px;
  border: 3px solid transparent;
  transition: border 0.5s ease;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li::after, .banner-logos-swap__box-logos .common--logos-swap__company-logos li::before, .banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-left, .banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-right {
    width: 15px;
    height: 15px;
    border: 2px solid transparent;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li::after {
  content: "";
  border-radius: 20px 0px 0px 0px;
  top: 0;
  left: 0;
  border-right: none !important;
  border-bottom: none !important;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li::after {
    border-radius: 10px 0px 0px 0px;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li::before {
  content: "";
  border-radius: 0px 20px 0px 0px;
  top: 0;
  right: 0;
  border-left: none !important;
  border-bottom: none !important;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li::before {
    border-radius: 0px 10px 0px 0px;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-left {
  content: "";
  border-radius: 0px 0px 0px 20px;
  bottom: 0;
  left: 0;
  border-top: none !important;
  border-right: none !important;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-left {
    border-radius: 0px 0px 0px 10px;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-right {
  content: "";
  border-radius: 0px 0px 20px 0px;
  bottom: 0;
  right: 0;
  border-top: none !important;
  border-left: none !important;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li .corner-bottom-right {
    border-radius: 0px 0px 10px 0px;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li.active .company-logo {
  filter: grayscale(0%);
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos li.active::after, .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active::before, .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active .corner-bottom-left, .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active .corner-bottom-right {
  border: 3px solid #6AE4EF;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active::after, .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active::before, .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active .corner-bottom-left, .banner-logos-swap__box-logos .common--logos-swap__company-logos li.active .corner-bottom-right {
    border: 2px solid #6AE4EF;
  }
}
@media (min-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li:hover .company-logo {
    filter: grayscale(0%);
  }
  .banner-logos-swap__box-logos .common--logos-swap__company-logos li:hover::after, .banner-logos-swap__box-logos .common--logos-swap__company-logos li:hover::before, .banner-logos-swap__box-logos .common--logos-swap__company-logos li:hover .corner-bottom-left, .banner-logos-swap__box-logos .common--logos-swap__company-logos li:hover .corner-bottom-right {
    border: 3px solid #6AE4EF;
  }
}
.banner-logos-swap__box-logos .common--logos-swap__company-logos .company-logo {
  max-width: 150px;
  max-height: 75px;
  filter: grayscale(100%) brightness(0.5);
  transition: filter 0.5s ease;
}
@media (max-width: 1024px) {
  .banner-logos-swap__box-logos .common--logos-swap__company-logos .company-logo {
    max-width: 100px;
    max-height: 40px;
  }
}

.cards-info-with-image-fixed {
  padding: 81px 0px 100px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed {
    padding: 0px 0px 80px 0px;
  }
}
.cards-info-with-image-fixed .container-width {
  position: relative;
}
.cards-info-with-image-fixed .subcontainer {
  position: relative;
  z-index: 3;
}
.cards-info-with-image-fixed__content {
  display: flex;
  flex-direction: column;
  gap: 81px;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__content {
    gap: 36px;
  }
}
.cards-info-with-image-fixed__box-title {
  max-width: 1123px;
  width: 100%;
  margin: 0px auto;
  position: relative;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__box-title {
    max-width: unset;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 45px 18px 45px 116px;
    background: #AD5FC4;
  }
}
.cards-info-with-image-fixed__box-image-mob {
  max-width: 121px;
  height: 174px;
  position: absolute;
  left: -15px;
  bottom: 0;
  z-index: 0;
  display: none;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__box-image-mob {
    display: block;
  }
}
.cards-info-with-image-fixed__title {
  position: relative;
  z-index: 1;
  text-align: start;
  color: #010101;
  font-family: "Montserrat";
  font-size: 47px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  padding-left: 300px;
  max-width: 1026px;
  margin: -9px 0px;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    padding-left: unset;
    margin: -4px 0px;
  }
}
.cards-info-with-image-fixed__box-items {
  max-width: 1190px;
  margin: 0px auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
.cards-info-with-image-fixed__box-items__item {
  flex: 1 1 300px;
  max-width: 354px;
}
.cards-info-with-image-fixed__background {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 731px;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__background {
    display: none;
  }
}
.cards-info-with-image-fixed__box-vector-right {
  width: 441px;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: -70px;
}
.cards-info-with-image-fixed__box-vector-right__image {
  width: 441px;
  height: auto;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__box-vector-right {
    display: none;
  }
}
.cards-info-with-image-fixed__box-absolute {
  position: absolute;
  left: 0;
  top: -180px;
  height: 3000px;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .cards-info-with-image-fixed__box-absolute {
    display: none;
  }
}
.cards-info-with-image-fixed__box-absolute__box-sticky {
  width: 654px;
  height: auto;
  position: sticky;
  top: 10px;
}
.cards-info-with-image-fixed__box-absolute__circle {
  position: absolute;
  z-index: 0;
  right: -75px;
  bottom: -150px;
}
.cards-info-with-image-fixed__box-absolute__imagen {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.banner-sello {
  padding: 100px 0px 148px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .banner-sello {
    padding: 80px 0px;
  }
}
.banner-sello .container-width {
  position: relative;
  z-index: 0;
}
.banner-sello__content {
  display: grid;
  grid-template-columns: 25.8% calc(74.2% - 117px);
  gap: 117px;
  max-width: 1071px;
  width: 100%;
  margin: 0px auto;
}
@media (max-width: 1024px) {
  .banner-sello__content {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.banner-sello__box-info {
  display: flex;
  flex-direction: column;
  gap: 42px;
}
@media (max-width: 1024px) {
  .banner-sello__box-info {
    gap: 36px;
  }
}
.banner-sello__box-titles {
  display: flex;
  flex-direction: column;
}
.banner-sello__title {
  padding-bottom: 52px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .banner-sello__title {
    padding-bottom: 36px;
  }
}
.banner-sello__title .title {
  margin: -14px 0px;
}
@media (max-width: 1024px) {
  .banner-sello__title .title {
    margin: 0px;
  }
}
.banner-sello__text {
  margin: -12px 0px;
}
.banner-sello__text strong {
  font-weight: 700;
}
.banner-sello__box-media {
  padding-top: 37px;
  max-width: 276px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1024px) {
  .banner-sello__box-media {
    padding-top: unset;
    max-width: 187px;
  }
}
.banner-sello__box-video {
  width: 100%;
  height: 100%;
}
.banner-sello__box-video__video {
  width: 100%;
  height: 100%;
}
.banner-sello__box-image {
  width: 100%;
  height: 100%;
}
.banner-sello__box-image__image {
  width: 100%;
  height: 100%;
}
.banner-sello__box-vector-right {
  width: 415px;
  position: absolute;
  z-index: 1;
  bottom: -225px;
  right: -83px;
}
@media (max-width: 1024px) {
  .banner-sello__box-vector-right {
    display: none;
  }
}
.banner-sello__box-vector-right__image {
  width: 415px;
  height: auto;
}

.slider-cards-link {
  padding: 150px 0px 150px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .slider-cards-link {
    padding: 80px 0px;
  }
}
.slider-cards-link::before {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #FFF;
}
@media (max-width: 1024px) {
  .slider-cards-link::before {
    display: none;
  }
}
.slider-cards-link .container-width {
  position: relative;
  z-index: 1;
}
.slider-cards-link__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 134px;
}
@media (max-width: 1024px) {
  .slider-cards-link__content {
    gap: 30px;
  }
}
.slider-cards-link__title {
  margin: -14px 0px;
  padding: 0px 115px;
}
@media (max-width: 1024px) {
  .slider-cards-link__title {
    margin: 0px;
    padding: 0px 20px;
    text-align: center;
  }
}
.slider-cards-link__box-slider {
  width: 100%;
}
.slider-cards-link .slider--cards-link__slider.is-marquee .splide__slide {
  width: 420px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .slider-cards-link .slider--cards-link__slider.is-marquee .splide__slide {
    width: 360px;
  }
}
@media (max-width: 340px) {
  .slider-cards-link .slider--cards-link__slider.is-marquee .splide__slide {
    width: 300px;
  }
}
.slider-cards-link__image-background {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1357px;
  transform: translateY(-50%);
  background-position: center;
}
@media (max-width: 1024px) {
  .slider-cards-link__image-background {
    display: none;
  }
}
.slider-cards-link__image-background-mob {
  display: none;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .slider-cards-link__image-background-mob {
    display: block;
  }
}

.slider-banner-info-card-with-image {
  padding: 125px 0px 125px 0px;
  background: #FFF;
  position: relative;
  z-index: 0;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image {
    padding: 80px 0px;
    margin-top: unset;
  }
}
.slider-banner-info-card-with-image__content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}
@media (min-width: 1024px) {
  .slider-banner-info-card-with-image__content:hover .splide__arrow {
    opacity: 1;
  }
}
.slider-banner-info-card-with-image__content .splide__arrow {
  opacity: 0;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__content .splide__arrow {
    opacity: 1;
  }
}
.slider-banner-info-card-with-image__box-body {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.slider-banner-info-card-with-image__box-slider {
  background: rgba(1, 1, 1, 0);
  margin-top: -35px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__box-slider {
    margin-top: -25px;
  }
}
.slider-banner-info-card-with-image__box-slider__content {
  padding: 0px 98px;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__box-slider__content {
    padding: 0px 20px;
  }
}
.slider-banner-info-card-with-image .slider--banner-info-card-with-image__slider.is-marquee .splide__slide {
  width: 900px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image .slider--banner-info-card-with-image__slider.is-marquee .splide__slide {
    width: 320px;
  }
}
.slider-banner-info-card-with-image__box-slider-top {
  width: 100%;
  position: relative;
  z-index: 0;
}
.slider-banner-info-card-with-image__box-slider-top__item {
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__box-slider-top__item {
    gap: 15px;
  }
}
.slider-banner-info-card-with-image__box-slider-top__item__title {
  color: #0C0D10;
  font-family: "Montserrat";
  font-size: 140px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: -33px 0px;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__box-slider-top__item__title {
    font-family: "Montserrat";
    font-size: 94.7px;
    line-height: 1.5;
    margin: -33px 0px;
  }
}
.slider-banner-info-card-with-image__box-slider-top__item__title strong {
  font-weight: 600;
}
.slider-banner-info-card-with-image__box-slider-top__item__icon {
  width: 57px;
  flex-shrink: 0;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__box-slider-top__item__icon {
    width: 38px;
  }
}
.slider-banner-info-card-with-image__vector-decorative {
  position: absolute;
  right: 12px;
  bottom: -60px;
  width: 226px;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .slider-banner-info-card-with-image__vector-decorative {
    display: none;
  }
}

.slider-news-card {
  padding: 154px 0px 131px 0px;
}
@media (max-width: 1024px) {
  .slider-news-card {
    padding: 80px 0px;
  }
}
.slider-news-card.animation-slider-scroll .splide__track {
  overflow: visible !important;
}
.slider-news-card__content {
  padding: 0px 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1024px) {
  .slider-news-card__content {
    padding: 0px 20px;
  }
}
.slider-news-card__title {
  margin: -14px 0px;
  padding-bottom: 75px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .slider-news-card__title {
    margin: 0px;
    padding-bottom: 30px;
  }
}
.slider-news-card__box-slider {
  width: 100%;
}
.slider-news-card__box-slider .slider--news-card__slider.is-marquee .splide__slide {
  width: 380px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .slider-news-card__box-slider .slider--news-card__slider.is-marquee .splide__slide {
    width: 320px;
  }
}
@media (max-width: 340px) {
  .slider-news-card__box-slider .slider--news-card__slider.is-marquee .splide__slide {
    width: 280px;
  }
}

.shortcuts-links {
  padding: 176px 0px 156px 0px;
  background: #FC943C;
}
@media (max-width: 1024px) {
  .shortcuts-links {
    padding: 80px 0px;
    position: relative;
  }
}
.shortcuts-links .container-width {
  position: relative;
}
@media (max-width: 1024px) {
  .shortcuts-links .container-width {
    position: unset;
  }
}
.shortcuts-links__content {
  padding: 0px 60px;
  display: grid;
  grid-template-columns: 39.3% calc(60.7% - 52px);
  gap: 52px;
}
@media (max-width: 1024px) {
  .shortcuts-links__content {
    grid-template-columns: 1fr;
    gap: 74px;
    padding: 0px 20px;
  }
}
.shortcuts-links__box-side {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 82px;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-side {
    align-items: flex-start;
    position: unset;
    gab: 0px;
  }
}
.shortcuts-links__title {
  position: relative;
  z-index: 2;
  color: #010101;
  font-family: "Montserrat";
  font-size: 74px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -15px 0px;
}
@media (max-width: 1024px) {
  .shortcuts-links__title {
    margin: -5px 0px;
    font-size: 32px;
    line-height: 1.1;
  }
}
.shortcuts-links__box-image {
  position: absolute;
  z-index: 1;
  top: 45px;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-image {
    width: 241px;
    right: -45px;
    top: -63px;
  }
}
.shortcuts-links__box-image__image {
  width: 100%;
  height: auto;
}
.shortcuts-links__box-vector-left {
  z-index: 0;
  height: auto;
  max-width: 300px;
  width: 100%;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-vector-left {
    position: absolute;
    width: 209px;
    top: 23px;
    right: -45px;
    height: 140px;
  }
}
.shortcuts-links__box-vector-left__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.shortcuts-links__box-items {
  max-width: 698px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-items {
    max-width: 100%;
  }
}
.shortcuts-links__box-items__item {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #5BA7FF;
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-items__item {
    flex-direction: column;
    gap: 20px;
  }
}
.shortcuts-links__box-items__item__box-titles {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 472px;
  width: 100%;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-items__item__box-titles {
    max-width: 100%;
  }
}
.shortcuts-links__box-items__item__title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin: -5px 0px;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-items__item__title {
    margin: 0px;
  }
}
.shortcuts-links__box-items__item__text {
  color: #010101;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin: -4.5px 0px;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-items__item__text {
    margin: 0px;
  }
}
.shortcuts-links__box-vector-right {
  position: absolute;
  width: 375px;
  height: auto;
  right: -40px;
  top: -290px;
}
@media (max-width: 1024px) {
  .shortcuts-links__box-vector-right {
    display: none;
  }
}
.shortcuts-links__box-vector-right__image {
  width: 375px;
  height: auto;
}

.gallery-grid {
  padding: 171px 0px 135px 0px;
}
@media (max-width: 1024px) {
  .gallery-grid {
    padding: 80px 0px;
  }
}
.gallery-grid__content {
  display: flex;
  flex-direction: column;
  gap: 101px;
}
@media (max-width: 1024px) {
  .gallery-grid__content {
    gap: 30px;
  }
}
.gallery-grid__box-gallery {
  max-width: 1169px;
  width: 100%;
  height: 754px;
  margin: 0px auto;
  position: relative;
}
@media (max-width: 1024px) {
  .gallery-grid__box-gallery {
    height: 500px;
  }
}
@media (max-width: 824px) {
  .gallery-grid__box-gallery {
    height: 400px;
  }
}
@media (max-width: 624px) {
  .gallery-grid__box-gallery {
    height: 300px;
  }
}
@media (max-width: 424px) {
  .gallery-grid__box-gallery {
    height: 252px;
  }
}
.gallery-grid__box-gallery__item {
  position: absolute;
  border-radius: 40px;
  box-shadow: 10px 8px 14px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 1024px) {
  .gallery-grid__box-gallery__item {
    border-radius: 10px;
  }
}
.gallery-grid__box-gallery__item__box-video {
  width: 100%;
  height: auto;
}
.gallery-grid__box-gallery__item__box-video__video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 10px 8px 14px 0 rgba(0, 0, 0, 0.1);
}
.gallery-grid__box-gallery__item__box-image {
  width: 100%;
  height: auto;
}
.gallery-grid__box-gallery__item__box-image__image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 10px 8px 14px 0 rgba(0, 0, 0, 0.1);
}
.gallery-grid__box-gallery__item:nth-child(1) {
  width: 25%;
  left: 0%;
  top: 15%;
  z-index: 1;
}
.gallery-grid__box-gallery__item:nth-child(2) {
  width: 18.6%;
  left: 22%;
  top: 2%;
  z-index: 0;
}
.gallery-grid__box-gallery__item:nth-child(3) {
  width: 21.7%;
  top: 41%;
  left: 10%;
  z-index: 0;
}
.gallery-grid__box-gallery__item:nth-child(4) {
  width: 31.5%;
  top: 18%;
  left: 52%;
  transform: translateX(-50%);
  z-index: 3;
}
.gallery-grid__box-gallery__item:nth-child(5) {
  width: 32.6%;
  top: 72%;
  left: 21%;
  z-index: 1;
}
.gallery-grid__box-gallery__item:nth-child(6) {
  width: 25.2%;
  top: 0%;
  right: 10%;
  z-index: 1;
}
.gallery-grid__box-gallery__item:nth-child(7) {
  width: 18.3%;
  top: 19%;
  right: 0%;
  z-index: 0;
}
.gallery-grid__box-gallery__item:nth-child(8) {
  width: 24.9%;
  top: 55%;
  right: 2%;
  z-index: 1;
}
.gallery-grid__box-info__content {
  max-width: 677px;
  width: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1024px) {
  .gallery-grid__box-info__content {
    gap: 30px;
  }
}
.gallery-grid__box-titles {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .gallery-grid__box-titles {
    gap: 30px;
  }
}
.gallery-grid__title {
  text-align: center;
}
.gallery-grid__text {
  text-align: center;
}

.form-newsletter {
  padding: 100px 0px;
}
@media (max-width: 1024px) {
  .form-newsletter {
    padding: 130px 0px 80px 0px;
  }
}
@media (max-width: 1024px) {
  .form-newsletter .container {
    padding: 0px;
  }
}
.form-newsletter__content {
  max-width: 897px;
  width: 100%;
  margin: 0px auto;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .form-newsletter__content {
    justify-content: center;
  }
}
.form-newsletter__content.--no-image {
  justify-content: center;
}
.form-newsletter__content.--no-image .form-newsletter__box-card {
  margin-left: 0px;
  padding: 50px 48px;
}
.form-newsletter__box-card {
  max-width: 747px;
  width: 100%;
  padding: 50px 48px 50px 178px;
  box-sizing: border-box;
  margin-left: 122px;
  border-radius: 40px;
  background: #B6A3FD;
}
@media (max-width: 1024px) {
  .form-newsletter__box-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    border-radius: 20px;
    padding: 30px 20px;
    margin-left: 0px;
  }
}
.form-newsletter__box-image {
  width: 33.5%;
  height: auto;
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 15px;
}
@media (max-width: 1024px) {
  .form-newsletter__box-image {
    top: unset;
    margin-top: -170px;
    width: 200px;
    position: relative;
  }
}
.form-newsletter__box-image__image {
  width: 100%;
  height: auto;
}
.form-newsletter__box-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  z-index: 1;
}
.form-newsletter__box-head {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-newsletter__title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 47px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -9.5px 0px;
}
@media (max-width: 1024px) {
  .form-newsletter__title {
    margin: -5px 0px;
    font-size: 32px;
  }
}
.form-newsletter__text {
  margin: -4px 0px;
}
@media (max-width: 1024px) {
  .form-newsletter__text {
    margin: 0px;
  }
}

.form--newsletter {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.form--newsletter__field {
  width: 100%;
}
.form--newsletter__field__item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form--newsletter__field__item__label {
  color: #010101;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: -3.5px 0px;
}
@media (max-width: 1024px) {
  .form--newsletter__field__item__label {
    margin: 0px;
  }
}
.form--newsletter__field__item__input-box {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.form--newsletter__field__item__input-box .input {
  max-width: 323px;
  width: 100%;
  background-color: #FFF;
}
.form--newsletter__field__item__error {
  position: absolute;
  bottom: -18px;
  display: block;
  color: #ff1400;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: -3.5px 0px;
}
@media (max-width: 1024px) {
  .form--newsletter__field__item__error {
    margin: 0px;
  }
}
.form--newsletter__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form--newsletter__btn .btn {
  outline: none;
  background: none;
  border: none;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.form--newsletter__btn .btn.disable {
  opacity: 0.5;
  pointer-events: none;
}
.form--newsletter__btn .btn .icon {
  width: 33px;
  height: 33px;
}
.form--newsletter__btn__loader {
  position: absolute;
  width: 20px;
  height: 20px;
}
.form--newsletter__recaptcha {
  display: none;
}
.form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form > .inputs-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form > .inputs-section > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.form > .inputs-section > .field-set {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (width >= 768px) {
  .form > .inputs-section > .field-set {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 20px;
  }
}
.form > .inputs-section > .field-set > .input-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (width >= 768px) {
  .form > .inputs-section > .field-set > .input-group {
    width: 46%;
  }
}
.form > .inputs-section > .field-set > .input-group > .label {
  color: var(--color-white, #FFF);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.form > .inputs-section > .field-set > .input-group > .input {
  border-radius: 150px;
  background: var(--color-light, #F2F2FA);
  height: 40px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border: 2px solid rgba(23, 255, 147, 0);
  outline: none;
  padding: 0 20px;
}
.form > .inputs-section > .field-set > .input-group > .input::-moz-placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .input::placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .input.-success {
  border: 2px solid var(--color-green, #22DCE9);
}
.form > .inputs-section > .field-set > .input-group > .input.-error {
  border: 2px solid var(--color-red, #FC4A48);
}
.form > .inputs-section > .field-set > .input-group > .input.-textarea {
  min-height: 65px;
  padding-top: 14px;
  resize: none;
}
.form > .inputs-section > .field-set > .input-group > .textarea {
  border-radius: 33px;
  background: var(--color-light, #F2F2FA);
  height: 65px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border: 2px solid rgba(23, 255, 147, 0);
  outline: none;
  padding: 14px 20px;
  resize: none;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .form > .inputs-section > .field-set > .input-group > .textarea {
    border-radius: 10px;
  }
}
.form > .inputs-section > .field-set > .input-group > .textarea::-moz-placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .textarea::placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .textarea.-success {
  border: 2px solid var(--color-green, #22DCE9);
}
.form > .inputs-section > .field-set > .input-group > .textarea.-error {
  border: 2px solid var(--color-red, #FC4A48);
}
.form > .inputs-section > .field-set > .input-group > .v-select {
  width: 100%;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle {
  border: 2px solid rgba(23, 255, 147, 0);
  border-radius: 150px;
  border: 2px solid rgba(152, 152, 160, 0);
  background: var(--color-light, #F2F2FA);
  height: 40px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  gap: 4px;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options {
  padding: 0;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
@media screen and (width >= 1024px) {
  .form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
    font-size: 16px;
    font-weight: 400;
  }
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options .vs__search {
  margin: 0;
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__actions {
  padding: 0;
  --vs-controls-color: none;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu {
  padding: 0;
  margin-top: 10px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: none;
  border-radius: 5px;
  background: #fff;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #000;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected {
  font-weight: 600;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--highlight {
  background-color: var(--accent-color, #22DCE9);
  color: #00121A;
}
.form > .inputs-section > .field-set > .input-group > .v-select.vs--open .vs__selected-options .vs__selected {
  position: relative;
}
.form > .inputs-section > .field-set > .input-group > .v-select.-success .vs__dropdown-toggle {
  border: 2px solid var(--color-green, #22DCE9);
}
.form > .inputs-section > .field-set > .input-group > .v-select.-error .vs__dropdown-toggle {
  border: 2px solid var(--color-red, #FC4A48);
}
.form > .inputs-section > .field-set > .input-group > .error {
  color: var(--color-red, #FC4A48);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.form > .inputs-section > .field-set > .input-group.-full-width {
  width: 100%;
}
.form .button {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -30px;
}

.input--email-footer {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0px 20px;
  border-radius: 150px;
  border: 1px solid #010101;
  background: transparent;
  box-sizing: border-box;
  color: #010101;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.input--email-footer::-moz-placeholder {
  color: rgba(1, 1, 1, 0.4);
}
.input--email-footer::placeholder {
  color: rgba(1, 1, 1, 0.4);
}
.input--search-input {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.input--search-input__label {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: -3.5px 0px;
}
@media (max-width: 1024px) {
  .input--search-input__label {
    margin: 0px;
  }
}
.input--search-input__content {
  position: relative;
  display: flex;
  align-items: center;
}
.input--search-input__input {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: flex;
  height: 40px;
  padding: 0px 11px 0px 20px;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  border-radius: 150px;
  border: 1px solid #9898A0;
  background: transparent;
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  transition: border 0.5s ease;
}
.input--search-input__input:focus {
  border: 1px solid #9898A0;
}
.input--search-input__input::-moz-placeholder {
  font-family: "Montserrat";
  color: #9898A0;
}
.input--search-input__input::placeholder {
  font-family: "Montserrat";
  color: #9898A0;
}
.input--search-input__btn-search {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  position: absolute;
  right: 11px;
}

.animation-common-title .title {
  display: inline-block;
  padding-right: 20px;
  transform: translateY(250px);
}
@media (max-width: 1024px) {
  .animation-common-title .title {
    padding-right: 10px;
    transform: unset;
  }
}
.animation-common-title .title:last-child {
  padding-right: 0px;
}

.execute-animation-common-title .title {
  animation: animationCommonTitle 1.5s ease;
  animation-fill-mode: forwards;
}
@media (max-width: 1024px) {
  .execute-animation-common-title .title {
    animation: unset;
  }
}

@keyframes animationCommonTitle {
  0% {
    transform: translateY(250px);
  }
  50% {
    transform: translateY(125px);
  }
  100% {
    transform: translateY(0px);
  }
}
.animation-zoom-out-hero {
  transform: scale(1.3);
  transition: transform 2.5s ease;
}

.execute-animation-zoom-out-hero {
  transform: scale(1);
}

.animation-zoom-out-hero-home {
  transform: scale(1.4);
  transition: transform 3s ease;
}

.execute-animation-zoom-out-hero-home {
  transform: scale(1);
}

.animation-zoom-out {
  transform: scale(1.15);
  transition: transform 0.5s ease;
}

.execute-animation-zoom-out {
  transform: scale(1);
}

.animation-zoom-out-with-opacity {
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.execute-animation-zoom-out-with-opacity {
  opacity: 1;
  transform: scale(1);
}

.animation-appear-from-below {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.execute-animation-appear-from-below {
  opacity: 1;
  transform: translateY(0px);
}

.animation-appear-opacity {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.execute-animation-appear-opacity {
  opacity: 1;
}

.animation-appear-opacity-05 {
  opacity: 0;
  transition: opacity 0.7s ease;
}

.execute-animation-appear-opacity-05 {
  opacity: 1;
}

.animation-appear-from-the-right {
  transform: translateX(80px);
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.execute-animation-appear-from-the-right {
  transform: translateX(0px);
  opacity: 1;
}

.animation-appear-from-the-left {
  transform: translateX(-80px);
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.execute-animation-appear-from-the-left {
  transform: translateX(0px);
  opacity: 1;
}

.animation-appear-opacity-slider {
  opacity: 0;
  transition: opacity 0.7s ease;
}
@media (max-width: 1024px) {
  .animation-appear-opacity-slider {
    opacity: 1;
    transition: unset;
  }
}

.execute-animation-appear-opacity-slider {
  opacity: 1;
}

.seal-levels {
  padding-top: 80px;
  padding-bottom: 80px;
}
.seal-levels > .content-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .seal-levels > .content-container {
    display: grid;
    grid-template-columns: 560px 1fr;
    gap: 60px;
  }
}
.seal-levels > .content-container > .sticky-container {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (width >= 1280px) {
  .seal-levels > .content-container > .sticky-container {
    max-width: 560px;
    height: 150%;
    position: relative;
  }
}
.seal-levels > .content-container > .sticky-container > .header-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (width >= 1280px) {
  .seal-levels > .content-container > .sticky-container > .header-container {
    position: sticky;
    top: 25vh;
  }
}
.seal-levels > .content-container > .sticky-container > .header-container > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.seal-levels > .content-container > .sticky-container > .header-container > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.seal-levels > .content-container > .level-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.seal-levels > .content-container > .level-list > .level-item {
  max-width: 450px;
}
.seal-levels > .content-container > .level-list > .level-item > .seal-level {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 20px;
  border-radius: 20px;
  background: var(--color-white, #FFF);
}
.seal-levels > .content-container > .level-list > .level-item > .seal-level > .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seal-levels > .content-container > .level-list > .level-item > .seal-level > .header-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary, "Montserrat");
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.seal-levels > .content-container > .level-list > .level-item > .seal-level > .text {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

.accordion-content {
  position: relative;
  padding: 200px 0px 100px 0px;
}
@media (max-width: 1024px) {
  .accordion-content {
    padding: 137px 0px 80px 0px;
  }
}
.accordion-content .container-width {
  position: relative;
  z-index: 1;
}
.accordion-content__content {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
@media (max-width: 1024px) {
  .accordion-content__content {
    gap: 80px;
  }
}
.accordion-content__box-head {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  max-width: 900px;
  width: 100%;
  margin: 0px auto;
}
.accordion-content__title {
  text-align: center;
  margin: -14px 0px;
}
@media (max-width: 1024px) {
  .accordion-content__title {
    text-align: left;
    margin: 0px;
  }
}
.accordion-content__text {
  text-align: center;
  margin: -7px 0px;
}
@media (max-width: 1024px) {
  .accordion-content__text {
    text-align: left;
    margin: 0px;
  }
}
.accordion-content__box-accordion {
  padding-left: 40px;
  max-width: 796px;
  width: 100%;
}
@media (max-width: 1024px) {
  .accordion-content__box-accordion {
    padding-left: 0px;
  }
}
.accordion-content__box-vector-left {
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  .accordion-content__box-vector-left {
    display: none;
  }
}
.accordion-content__box-vector-left__image {
  width: 140px;
  height: auto;
}
.accordion-content__box-image {
  position: absolute;
  top: 374px;
  right: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  .accordion-content__box-image {
    display: none;
  }
}
.accordion-content__box-image__image {
  width: 470px;
  height: auto;
}

.accordion--content__head {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding-top: 30px;
}
.accordion--content__head:first-child {
  padding-top: 0px;
}
.accordion--content__head svg path {
  transition: all 0.5s ease;
}
.accordion--content__head:hover .accordion--content__head__title {
  color: #010101;
}
.accordion--content__head:hover .accordion--content__head__box-icon {
  border: 2px solid #010101;
}
.accordion--content__head:hover .accordion--content__head__box-icon svg path {
  fill: #010101;
}
.accordion--content__head.ui-state-active .accordion--content__head__box-icon {
  border: 2px solid #010101;
}
.accordion--content__head.ui-state-active .accordion--content__head__box-icon .close {
  opacity: 1;
}
.accordion--content__head.ui-state-active .accordion--content__head__box-icon .open {
  opacity: 0;
}
.accordion--content__head.ui-state-active .accordion--content__head__title {
  color: #010101;
}
.accordion--content__head__box-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  position: relative;
  border-radius: 34px;
  border: 2px solid #010101;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 0.5s ease;
}
.accordion--content__head__box-icon .icon {
  flex-shrink: 0;
  position: absolute;
  width: 18px;
  height: 18px;
  transition: opacity 0.5s ease;
}
.accordion--content__head__box-icon .close {
  opacity: 0;
}
.accordion--content__head__box-icon .open {
  opacity: 1;
}
.accordion--content__head__title {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  transition: color 0.5s ease;
}
.accordion--content__body.ui-accordion-content-active .accordion--content__body__content {
  border: 2px solid #22DCE9;
}
.accordion--content__body__content {
  margin-top: 20px;
  display: flex;
  padding: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 56px;
  border-radius: 20px;
  border: 3px solid #22DCE9;
  background: transparent;
}
.accordion--content__body__content.background-white {
  background: var(--color-white, #FFF);
}
@media (max-width: 1024px) {
  .accordion--content__body__content {
    padding: 30px 20px;
    gap: 30px;
  }
}
.accordion--content__body__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.accordion--content__body__box-image {
  width: 100%;
  height: auto;
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .accordion--content__body__box-image {
    border-radius: 20px;
  }
}
.accordion--content__body__box-image__image {
  width: 100%;
  height: auto;
}

.error-404 {
  padding: 209px 0px 112px 0px;
}
@media (max-width: 1024px) {
  .error-404 {
    padding: 130px 0px 80px 0px;
  }
}
.error-404__content {
  padding: 0px 136px 0px 40px;
  display: grid;
  grid-template-columns: 53% calc(47% - 96px);
  align-items: center;
  gap: 96px;
}
@media (max-width: 1024px) {
  .error-404__content {
    grid-template-columns: 1fr;
    gap: 72px;
    padding: 0px;
    justify-items: center;
  }
}
.error-404__box-info {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1024px) {
  .error-404__box-info {
    order: 2;
    gap: 30px;
  }
}
.error-404__box-titles {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1024px) {
  .error-404__box-titles {
    gap: 40px;
  }
}
.error-404__box-btns {
  display: flex;
  flex-direction: row;
  gap: 18px;
  flex-wrap: wrap;
}
.error-404__box-image {
  width: 100%;
  height: auto;
  position: relative;
}
@media (max-width: 1024px) {
  .error-404__box-image {
    order: 1;
    max-width: 300px;
    margin-left: -50px;
  }
}
@media (max-width: 824px) {
  .error-404__box-image {
    max-width: 250px;
  }
}
@media (max-width: 624px) {
  .error-404__box-image {
    max-width: 225px;
  }
}
.error-404__box-image__image {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.error-404__box-image__vector {
  width: 79%;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  z-index: 0;
  top: -73px;
  right: -58px;
}

.ajax-tabs-resources {
  position: relative;
  padding: 200px 0px 110px 0px;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources {
    padding: 137px 0px 80px 0px;
  }
}
.ajax-tabs-resources__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 90px;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__content {
    gap: 80px;
  }
}
.ajax-tabs-resources__box-head {
  width: 100%;
}
.ajax-tabs-resources__box-head__content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  max-width: 900px;
  width: 100%;
  margin: 0px auto;
}
.ajax-tabs-resources__title {
  text-align: center;
  margin: -14px 0px;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__title {
    text-align: left;
    margin: 0px;
  }
}
.ajax-tabs-resources__text {
  text-align: center;
  margin: -7px 0px;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__text {
    text-align: left;
    margin: 0px;
  }
}
.ajax-tabs-resources__box-tabs {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-tabs {
    gap: 30px;
  }
}
.ajax-tabs-resources__box-tabs__box-head {
  width: 100%;
}
.ajax-tabs-resources__box-tabs__box-head__content {
  width: 100%;
  padding: 0px 27px;
  position: relative;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-tabs__box-head__content {
    width: unset;
    padding: 0px;
  }
}
.ajax-tabs-resources__box-tabs__box-head__box-aux {
  width: 100%;
  height: 60px;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-tabs__box-head__box-aux {
    display: none;
  }
}
.ajax-tabs-resources__box-tabs__box-head__box-absolute {
  position: absolute;
  width: 100%;
  height: 1500px;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-tabs__box-head__box-absolute {
    position: relative;
    height: auto;
    overflow-x: auto;
    /* Estilos para Chrome */
    /* Ancho y color del scrollbar */
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute::-webkit-scrollbar {
    display: none;
    width: 0px;
    background-color: transparent;
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute {
    /* Riel del scrollbar */
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute {
    /* Parte deslizable del scrollbar */
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
    cursor: pointer;
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute {
    /* Estilos para Firefox */
    /* Ancho y color del scrollbar */
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute::-moz-scrollbar {
    scrollbar-width: none;
    width: 0px;
    background-color: transparent;
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute {
    /* Riel del scrollbar */
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute::-moz-scrollbar-track {
    background-color: transparent;
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute {
    /* Parte deslizable del scrollbar */
  }
  .ajax-tabs-resources__box-tabs__box-head__box-absolute::-moz-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
    cursor: pointer;
  }
}
.ajax-tabs-resources__box-tabs__box-head .list-items {
  position: relative;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 60px;
  padding: 20px 10px;
  align-items: center;
  gap: 10px;
  border-radius: 250px;
  background: #DEDEE6;
  backdrop-filter: blur(5px);
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-tabs__box-head .list-items {
    position: relative;
    top: unset;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0px 20px;
  }
}
.ajax-tabs-resources__box-tabs__box-head .list-items .item .tab {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 61px;
  background: transparent;
  border: 2px solid var(--color-gray-3, #9898A0);
  color: var(--color-gray-3, #9898A0);
  text-align: center;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  transition: border 0.3s ease, color 0.3s ease;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-tabs__box-head .list-items .item .tab {
    white-space: nowrap;
  }
}
.ajax-tabs-resources__box-tabs__box-head .list-items .item .tab.active {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
@media (min-width: 1024px) {
  .ajax-tabs-resources__box-tabs__box-head .list-items .item .tab:hover {
    border: 2px solid var(--color-black, #010101);
    color: var(--color-black, #010101);
  }
}
.ajax-tabs-resources__box-tabs__box-body {
  position: relative;
  min-height: 400px;
}
.ajax-tabs-resources__box-tabs__box-body__content {
  display: flex;
  flex-direction: column;
}
.ajax-tabs-resources__box-tabs__box-body__box-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 1240px) {
  .ajax-tabs-resources__box-tabs__box-body__box-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 824px) {
  .ajax-tabs-resources__box-tabs__box-body__box-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 624px) {
  .ajax-tabs-resources__box-tabs__box-body__box-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.ajax-tabs-resources__box-vector-left {
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  .ajax-tabs-resources__box-vector-left {
    display: none;
  }
}
.ajax-tabs-resources__box-vector-left__image {
  width: 140px;
  height: auto;
}

.step-certification {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  background: var(--color-light, #F2F2FA);
}
.step-certification > .content-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: none;
}
@media screen and (width >= 1920px) {
  .step-certification > .content-container {
    max-width: 1550px;
  }
}
.step-certification > .content-container > .title {
  color: var(--color-black, #010101);
  text-align: center;
  font-family: var(--font-primary, "Montserrat");
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
.step-certification > .content-container > .title strong {
  color: var(--color-brand-blue, #1793FF);
  font-weight: 600;
}
@media screen and (width >= 1280px) {
  .step-certification > .content-container > .card-list .card-list-item {
    height: 550px;
  }
}
.step-certification > .content-container > .step-certification-slider-controls {
  position: relative;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-dots {
  position: absolute;
}
.step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
}
@media screen and (width >= 1280px) {
  .step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-arrows {
    justify-content: space-between;
    width: 30%;
  }
}
.step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-arrows > .slick-arrow {
  border: 1px solid var(--color-green, #22DCE9);
  background: var(--color-green, #22DCE9);
}
.step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-arrows > .slick-arrow .arrow {
  color: var(--color-black, #010101);
}
.step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-arrows > .slick-arrow:hover {
  border-color: var(--color-black, #010101);
  background: var(--color-black, #010101);
}
.step-certification > .content-container > .step-certification-slider-controls > .step-certification-slick-slider-arrows > .slick-arrow:hover .arrow {
  color: var(--color-white, #FFF);
}

.form--newsletter {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.form--newsletter__field {
  width: 100%;
}
.form--newsletter__field__item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form--newsletter__field__item__label {
  color: #010101;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: -3.5px 0px;
}
@media (max-width: 1024px) {
  .form--newsletter__field__item__label {
    margin: 0px;
  }
}
.form--newsletter__field__item__input-box {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.form--newsletter__field__item__input-box .input {
  max-width: 323px;
  width: 100%;
  background-color: #FFF;
}
.form--newsletter__field__item__error {
  position: absolute;
  bottom: -18px;
  display: block;
  color: #ff1400;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: -3.5px 0px;
}
@media (max-width: 1024px) {
  .form--newsletter__field__item__error {
    margin: 0px;
  }
}
.form--newsletter__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form--newsletter__btn .btn {
  outline: none;
  background: none;
  border: none;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.form--newsletter__btn .btn.disable {
  opacity: 0.5;
  pointer-events: none;
}
.form--newsletter__btn .btn .icon {
  width: 33px;
  height: 33px;
}
.form--newsletter__btn__loader {
  position: absolute;
  width: 20px;
  height: 20px;
}
.form--newsletter__recaptcha {
  display: none;
}
.form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form > .inputs-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form > .inputs-section > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.form > .inputs-section > .field-set {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (width >= 768px) {
  .form > .inputs-section > .field-set {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 20px;
  }
}
.form > .inputs-section > .field-set > .input-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (width >= 768px) {
  .form > .inputs-section > .field-set > .input-group {
    width: 46%;
  }
}
.form > .inputs-section > .field-set > .input-group > .label {
  color: var(--color-white, #FFF);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.form > .inputs-section > .field-set > .input-group > .input {
  border-radius: 150px;
  background: var(--color-light, #F2F2FA);
  height: 40px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border: 2px solid rgba(23, 255, 147, 0);
  outline: none;
  padding: 0 20px;
}
.form > .inputs-section > .field-set > .input-group > .input::-moz-placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .input::placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .input.-success {
  border: 2px solid var(--color-green, #22DCE9);
}
.form > .inputs-section > .field-set > .input-group > .input.-error {
  border: 2px solid var(--color-red, #FC4A48);
}
.form > .inputs-section > .field-set > .input-group > .input.-textarea {
  min-height: 65px;
  padding-top: 14px;
  resize: none;
}
.form > .inputs-section > .field-set > .input-group > .textarea {
  border-radius: 33px;
  background: var(--color-light, #F2F2FA);
  height: 65px;
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border: 2px solid rgba(23, 255, 147, 0);
  outline: none;
  padding: 14px 20px;
  resize: none;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .form > .inputs-section > .field-set > .input-group > .textarea {
    border-radius: 10px;
  }
}
.form > .inputs-section > .field-set > .input-group > .textarea::-moz-placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .textarea::placeholder {
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .textarea.-success {
  border: 2px solid var(--color-green, #22DCE9);
}
.form > .inputs-section > .field-set > .input-group > .textarea.-error {
  border: 2px solid var(--color-red, #FC4A48);
}
.form > .inputs-section > .field-set > .input-group > .v-select {
  width: 100%;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle {
  border: 2px solid rgba(23, 255, 147, 0);
  border-radius: 150px;
  border: 2px solid rgba(152, 152, 160, 0);
  background: var(--color-light, #F2F2FA);
  height: 40px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  gap: 4px;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options {
  padding: 0;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
  color: var(--color-black, #010101);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
@media screen and (width >= 1024px) {
  .form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
    font-size: 16px;
    font-weight: 400;
  }
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__selected-options .vs__search {
  margin: 0;
  color: var(--color-gray-3, #9898A0);
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-toggle .vs__actions {
  padding: 0;
  --vs-controls-color: none;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu {
  padding: 0;
  margin-top: 10px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: none;
  border-radius: 5px;
  background: #fff;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #000;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected {
  font-weight: 600;
}
.form > .inputs-section > .field-set > .input-group > .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--highlight {
  background-color: var(--accent-color, #22DCE9);
  color: #00121A;
}
.form > .inputs-section > .field-set > .input-group > .v-select.vs--open .vs__selected-options .vs__selected {
  position: relative;
}
.form > .inputs-section > .field-set > .input-group > .v-select.-success .vs__dropdown-toggle {
  border: 2px solid var(--color-green, #22DCE9);
}
.form > .inputs-section > .field-set > .input-group > .v-select.-error .vs__dropdown-toggle {
  border: 2px solid var(--color-red, #FC4A48);
}
.form > .inputs-section > .field-set > .input-group > .error {
  color: var(--color-red, #FC4A48);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.form > .inputs-section > .field-set > .input-group.-full-width {
  width: 100%;
}
.form .button {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -30px;
}

.form-section {
  padding-top: 93px;
  padding-bottom: 140px;
  background: var(--color-black, #010101);
}
@media screen and (width >= 1024px) {
  .form-section > .content-container {
    display: flex;
    justify-content: center;
  }
}
@media screen and (width >= 1280px) {
  .form-section > .content-container {
    justify-content: flex-start;
    position: relative;
  }
}
.form-section > .content-container > .form-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px 30px;
  border: 2px solid var(--border-color);
  border-radius: 20px;
  background: var(--color-black, #010101);
  max-width: 850px;
}
@media screen and (width >= 1280px) {
  .form-section > .content-container > .form-container {
    border-radius: 40px;
    padding: 60px;
    position: relative;
    z-index: 1;
  }
}
.form-section > .content-container > .form-container > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .form-section > .content-container > .form-container > .title {
    font-size: 40px;
  }
}
.form-section > .content-container > .form-container > .text {
  color: var(--color-white, #FFF);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.form-section > .content-container > .image {
  display: none;
}
@media screen and (width >= 1280px) {
  .form-section > .content-container > .image {
    display: block;
    position: absolute;
    top: -50px;
    right: -30px;
    width: 565px;
    height: 915px;
    -o-object-fit: cover;
       object-fit: cover;
    transform: rotate(-15deg);
  }
}
.form-section > .content-container > .image.-tilted-right {
  transform: rotate(15deg);
}
.form-section.-hide-padding-bottom {
  padding-bottom: 0;
}
.form-section.-extra-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (width >= 1024px) {
  .form-section.-extra-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.hero-media {
  position: relative;
}
.hero-media > .media-container {
  position: relative;
  padding-top: 120px;
}
@media screen and (width >= 1280px) {
  .hero-media > .media-container {
    padding-top: 0;
  }
}
.hero-media > .media-container > .main-media-picture {
  display: block;
  width: 100%;
  height: 100vh;
  max-height: 300px;
}
@media screen and (width >= 768px) {
  .hero-media > .media-container > .main-media-picture {
    max-height: 485px;
  }
}
@media screen and (width >= 1280px) {
  .hero-media > .media-container > .main-media-picture {
    max-height: 1080px;
  }
}
@media screen and (width >= 1280px) {
  .hero-media > .media-container > .main-media-picture.-hide {
    display: none;
  }
}
.hero-media > .media-container > .main-media-picture > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-media > .media-container > .main-media-video {
  display: none;
}
@media screen and (width >= 1280px) {
  .hero-media > .media-container > .main-media-video {
    display: block;
    width: 100%;
    height: 100vh;
    max-height: 1080px;
  }
}
.hero-media > .media-container > .main-media-video .plyr {
  width: 100%;
  height: 100vh;
  max-height: 1080px;
}
.hero-media > .media-container > .main-media-video .plyr .plyr__video-wrapper {
  background: transparent;
}
.hero-media > .media-container > .main-media-video .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-media > .media-container > .main-media-video .plyr .plyr__video-wrapper video source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-media > .fixed-bar {
  display: none;
}
@media screen and (width >= 1280px) {
  .hero-media > .fixed-bar {
    display: block;
    position: fixed;
    left: 30px;
    bottom: 20px;
    background: rgba(38, 38, 44, 0.8);
    backdrop-filter: blur(5px);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 250px;
    overflow: hidden;
    z-index: 2;
  }
}
.hero-media > .fixed-bar > .buttons-container {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.hero-media.-variant > .media-container {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (width >= 1280px) {
  .hero-media.-variant > .media-container {
    padding-top: 150px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
@media screen and (width >= 1440px) {
  .hero-media.-variant > .media-container {
    max-width: 1290px;
  }
}
.hero-media.-variant > .media-container > .main-media-picture {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 768px) {
  .hero-media.-variant > .media-container > .main-media-picture {
    max-height: 410px;
  }
}
.hero-media.-variant > .media-container > .main-media-video {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .hero-media.-variant > .media-container > .main-media-video {
    height: 410px;
    max-height: 410px;
    background: rgba(38, 38, 44, 0.8);
  }
}
@media screen and (width >= 1280px) {
  .hero-media.-variant > .media-container > .main-media-video .plyr {
    height: 410px;
    max-height: 410px;
    background: rgba(38, 38, 44, 0.8);
  }
  .hero-media.-variant > .media-container > .main-media-video .plyr .plyr__video-wrapper {
    background: transparent;
  }
  .hero-media.-variant > .media-container > .main-media-video .plyr .plyr__video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-media.-variant > .media-container > .main-media-video .plyr .plyr__video-wrapper video source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.hero-media.-variant > .fixed-bar {
  left: unset;
  right: 30px;
}

.fixed-buttons--for-clone {
  opacity: 0;
  pointer-events: none;
  display: none;
}

.fixed-buttons {
  display: none;
}
@media screen and (width >= 1280px) {
  .fixed-buttons {
    display: block;
    position: fixed;
    left: 30px;
    bottom: 20px;
    background: rgba(38, 38, 44, 0.8);
    backdrop-filter: blur(5px);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 250px;
    overflow: hidden;
    z-index: 11;
  }
}
.fixed-buttons > .buttons-container {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.fixed-buttons.-variant {
  left: unset;
  right: 30px;
}

.hero-media-timer {
  position: relative;
}
.hero-media-timer > .media-container {
  position: relative;
  padding-top: 0;
}
.hero-media-timer > .media-container > .main-media-picture {
  display: block;
  width: 100%;
  height: 100vh;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .media-container > .main-media-picture.-hide {
    display: none;
  }
}
.hero-media-timer > .media-container > .main-media-picture > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-media-timer > .media-container > .main-media-video {
  display: none;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .media-container > .main-media-video {
    display: block;
    width: 100%;
    height: 100vh;
    max-height: 1080px;
  }
}
.hero-media-timer > .media-container > .main-media-video .plyr {
  width: 100%;
  height: 100vh;
  max-height: 1080px;
}
.hero-media-timer > .media-container > .main-media-video .plyr .plyr__video-wrapper {
  background: transparent;
}
.hero-media-timer > .media-container > .main-media-video .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-media-timer > .media-container > .main-media-video .plyr .plyr__video-wrapper video source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-media-timer > .media-container > .overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0.3) 0%, rgba(1, 1, 1, 0.8) 50%, rgba(1, 1, 1, 0.5) 100%);
  pointer-events: none;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .media-container > .overlay {
    background: linear-gradient(180deg, rgba(1, 1, 1, 0.6) 0%, rgba(1, 1, 1, 0.55) 50%, rgba(1, 1, 1, 0.6) 100%);
  }
}
.hero-media-timer > .floating-box {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  margin-top: -60px;
  padding-bottom: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
  padding-bottom: 0;
  gap: 30px;
  max-width: 100%;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box {
    max-width: 900px;
  }
}
.hero-media-timer > .floating-box > .countdown {
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: 20px 30px;
  border-radius: 20px;
  background: rgba(1, 1, 1, 0.7);
  backdrop-filter: blur(5px);
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box > .countdown {
    gap: 40px;
    padding: 30px 50px;
    border-radius: 30px;
  }
}
.hero-media-timer > .floating-box > .countdown > .countdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 60px;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box > .countdown > .countdown-item {
    min-width: 100px;
    gap: 8px;
  }
}
.hero-media-timer > .floating-box > .countdown > .countdown-item > .value {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary, "Montserrat");
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box > .countdown > .countdown-item > .value {
    font-size: 72px;
  }
}
.hero-media-timer > .floating-box > .countdown > .countdown-item > .label {
  color: var(--color-gray-3, #9898A0);
  font-family: var(--font-primary, "Montserrat");
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box > .countdown > .countdown-item > .label {
    font-size: 14px;
  }
}
.hero-media-timer > .floating-box > .countdown > .divider {
  width: 1px;
  background: var(--color-red, #FC4A48);
}
.hero-media-timer > .floating-box > .title {
  color: var(--color-white, #FFF);
  font-family: var(--font-primary, "Montserrat");
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box > .title {
    font-size: 64px;
  }
}
.hero-media-timer > .floating-box > .description {
  max-width: 600px;
  color: var(--color-gray-3, #9898A0);
  font-family: var(--font-primary, "Montserrat");
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (width >= 1280px) {
  .hero-media-timer > .floating-box > .description {
    font-size: 20px;
  }
}
.hero-media-timer > .floating-box > .buttons-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.hero-media-timer.-variant > .media-container {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (width >= 1280px) {
  .hero-media-timer.-variant > .media-container {
    padding-top: 150px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
@media screen and (width >= 1440px) {
  .hero-media-timer.-variant > .media-container {
    max-width: 1290px;
  }
}
.hero-media-timer.-variant > .media-container > .main-media-picture {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 768px) {
  .hero-media-timer.-variant > .media-container > .main-media-picture {
    max-height: 410px;
  }
}
.hero-media-timer.-variant > .media-container > .main-media-video {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .hero-media-timer.-variant > .media-container > .main-media-video {
    height: 410px;
    max-height: 410px;
    background: rgba(38, 38, 44, 0.8);
  }
}
@media screen and (width >= 1280px) {
  .hero-media-timer.-variant > .media-container > .main-media-video .plyr {
    height: 410px;
    max-height: 410px;
    background: rgba(38, 38, 44, 0.8);
  }
  .hero-media-timer.-variant > .media-container > .main-media-video .plyr .plyr__video-wrapper {
    background: transparent;
  }
  .hero-media-timer.-variant > .media-container > .main-media-video .plyr .plyr__video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-media-timer.-variant > .media-container > .main-media-video .plyr .plyr__video-wrapper video source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.introductory-summary {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (width >= 1280px) {
  .introductory-summary {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
.introductory-summary > .content-container {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media screen and (width >= 768px) {
  .introductory-summary > .content-container {
    display: grid;
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (width >= 1280px) {
  .introductory-summary > .content-container {
    gap: 60px;
    grid-template-columns: 205px 1fr;
  }
}
.introductory-summary > .content-container > .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 20px;
  background: var(--color-white, #FFF);
  padding: 30px;
  border: 3px solid #DEDEE6;
}
@media screen and (width >= 1280px) {
  .introductory-summary > .content-container > .logo {
    width: 205px;
    height: 205px;
    border-radius: 25px;
    padding: 35px;
  }
}
.introductory-summary > .content-container > .logo > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.introductory-summary > .content-container > .text-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .introductory-summary > .content-container > .text-container {
    gap: 50px;
  }
}
.introductory-summary > .content-container > .text-container > .title {
  color: var(--color-black, #010101);
  font-family: var(--font-primary, "Montserrat");
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 0.9;
}
@media screen and (width >= 1280px) {
  .introductory-summary > .content-container > .text-container > .title {
    font-size: 64px;
  }
}
.introductory-summary > .content-container > .text-container > .text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (width >= 1280px) {
  .introductory-summary > .content-container > .text-container > .text {
    gap: 50px;
  }
}
.introductory-summary > .content-container > .text-container > .button-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  row-gap: 10px;
}
@media screen and (width >= 768px) {
  .introductory-summary > .content-container > .text-container > .button-container {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (width >= 1280px) {
  .introductory-summary.-variant {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media screen and (width >= 768px) {
  .introductory-summary.-variant > .content-container {
    display: grid;
    justify-items: stretch;
    grid-template-columns: 1fr 200px;
  }
}
@media screen and (width >= 1280px) {
  .introductory-summary.-variant > .content-container {
    grid-template-columns: 1fr 375px;
  }
}
@media screen and (width >= 768px) {
  .introductory-summary.-variant > .content-container > .logo {
    grid-column: 2/3;
  }
}
@media screen and (width >= 1280px) {
  .introductory-summary.-variant > .content-container > .logo {
    width: 375px;
    height: 375px;
    border-radius: 40px;
    padding: 65px;
  }
}
@media screen and (width >= 768px) {
  .introductory-summary.-variant > .content-container > .text-container {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media screen and (width >= 1280px) {
  .introductory-summary.-variant > .content-container > .text-container {
    max-width: 590px;
  }
}

.date-section {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 0;
  background: var(--background-color, var(--color-light, #F2F2FA));
}
@media screen and (width >= 1280px) {
  .date-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.date-section > .content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.date-section > .content-container > .date-container {
  display: flex;
  align-items: center;
}
.date-section > .content-container > .date-container > .year {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--year-color, var(--color-black, #010101));
  font-family: "Montserrat";
  font-size: 107px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  display: block;
  color: transparent;
}
@media screen and (width >= 1280px) {
  .date-section > .content-container > .date-container > .year {
    font-size: 182px;
  }
}
.date-section > .content-container > .date-container > .calendar-container {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid var(--button-hover-color, var(--color-green, #22DCE9));
  background: var(--color-black, #010101);
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .date-section > .content-container > .date-container > .calendar-container {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 10px;
  }
}
.date-section > .content-container > .date-container > .calendar-container > .month {
  color: var(--color-white, #FFF);
  text-align: center;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
}
@media screen and (width >= 1280px) {
  .date-section > .content-container > .date-container > .calendar-container > .month {
    padding: 10px 20px;
    font-size: 18px;
  }
}
.date-section > .content-container > .date-container > .calendar-container > .day {
  background: var(--color-white, #FFF);
  color: var(--Brand-010101-Black, #010101);
  text-align: center;
  font-family: var(--font-secondary, "Montserrat");
  font-size: 33px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 2.314px;
  padding: 7px 15px;
}
@media screen and (width >= 1280px) {
  .date-section > .content-container > .date-container > .calendar-container > .day {
    font-size: 56px;
    padding: 0px 25px;
  }
}
.date-section > .content-container > .address-button {
  align-items: center;
  height: auto;
  padding: 10px 20px;
  border-color: var(--button-color, var(--color-black, #010101));
  color: var(--button-color, var(--color-black, #010101));
}
.date-section > .content-container > .address-button:hover {
  border-color: var(--button-hover-color, var(--color-green, #22DCE9));
  color: var(--button-hover-color, var(--color-green, #22DCE9));
}
.date-section > .content-container > .address-button > .text > .address {
  display: flex;
  align-items: center;
  gap: 5px;
  font-style: normal;
}

.gallery-section {
  position: relative;
  z-index: 0;
  padding-top: 40px;
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .gallery-section {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.gallery-section > .content-container {
  position: relative;
}
@media screen and (width >= 1280px) {
  .gallery-section > .content-container {
    padding-left: 90px;
    padding-right: 90px;
  }
}
.gallery-section > .content-container > .gallery-slider .splide__track {
  z-index: 1;
}
.gallery-section > .content-container > .gallery-slider .splide__track .splide__list .splide__slide .picture-container {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .gallery-section > .content-container > .gallery-slider .splide__track .splide__list .splide__slide .picture-container {
    border-radius: 40px;
  }
}
.gallery-section > .content-container > .gallery-slider .splide__track .splide__list .splide__slide .picture-container .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-section > .content-container > .gallery-slider .splide__track .splide__list .splide__slide .video-container .plyr .plyr__video-wrapper {
  background: transparent;
}
.gallery-section > .content-container > .gallery-slider .splide__track .splide__list .splide__slide .video-container .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-section > .content-container > .gallery-slider .gallery-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (width >= 1280px) {
  .gallery-section > .content-container > .gallery-slider .gallery-slider-controls {
    margin-top: 40px;
  }
}
.gallery-section > .content-container > .gallery-slider .gallery-slider-controls > .splide__pagination {
  position: absolute;
}
@media screen and (width >= 1280px) {
  .gallery-section > .content-container > .gallery-slider .gallery-slider-controls > .splide__pagination {
    position: relative;
  }
}
.gallery-section > .content-container > .gallery-slider .gallery-slider-controls > .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .gallery-section > .content-container > .gallery-slider .gallery-slider-controls > .splide__arrows {
    position: absolute;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 190px);
  }
}

.search-result {
  padding: 110px 0px 100px 0px;
}
@media (max-width: 1024px) {
  .search-result {
    padding: 137px 0px 80px 0px;
  }
}
.search-result__box-content {
  width: 100%;
  position: relative;
  z-index: 1;
}
.search-result__content {
  max-width: 1150px;
  width: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  gap: 83px;
}
@media (max-width: 1024px) {
  .search-result__content {
    gap: 30px;
  }
}
.search-result__head {
  display: flex;
  width: 100%;
  padding: 60px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  border-radius: 40px;
  border: 3px solid var(--color-green, #22DCE9);
  background: var(--color-white, #FFF);
}
@media (max-width: 1024px) {
  .search-result__head {
    padding: 30px 20px;
    gap: 30px;
  }
}
.search-result__head__box-top {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.search-result__head__box-titles {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .search-result__head__box-titles {
    gap: 20px;
  }
}
.search-result__head__box-titles__title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: -9px 0px;
}
@media (max-width: 1024px) {
  .search-result__head__box-titles__title {
    margin: 0px;
  }
}
.search-result__head__box-titles__text-search {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -8px 0px;
}
@media (max-width: 1024px) {
  .search-result__head__box-titles__text-search {
    margin: 0px;
    font-size: 28px;
  }
}
.search-result__head__box-bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}
@media (max-width: 824px) {
  .search-result__head__box-bottom {
    flex-direction: column;
  }
}
.search-result__head__box-input-search {
  max-width: 442px;
  width: 100%;
}
@media (max-width: 824px) {
  .search-result__head__box-input-search {
    max-width: 100%;
  }
}
.search-result__head__box-recent-search {
  max-width: 442px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 824px) {
  .search-result__head__box-recent-search {
    max-width: 100%;
  }
}
.search-result__head__box-recent-search__title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: -3.5px 0px;
}
@media (max-width: 1024px) {
  .search-result__head__box-recent-search__title {
    margin: 0px;
  }
}
.search-result__head__box-recent-search__items .list-items {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}
.search-result__head__box-recent-search__items .list-items .link {
  cursor: pointer;
  display: flex;
  height: 40px;
  align-items: center;
  gap: 5px;
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  transition: color 0.5s ease;
}
.search-result__head__box-recent-search__items .list-items .link .icon path {
  fill: var(--color-black, #010101);
  transition: fill 0.5s ease;
}
@media (min-width: 1024px) {
  .search-result__head__box-recent-search__items .list-items .link:hover {
    color: var(--color-green, #22DCE9);
  }
  .search-result__head__box-recent-search__items .list-items .link:hover .icon path {
    fill: var(--color-green, #22DCE9);
  }
}
.search-result__body {
  position: relative;
}
.search-result__body__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 40px;
  -moz-column-gap: 31px;
       column-gap: 31px;
}
@media (max-width: 1024px) {
  .search-result__body__list {
    row-gap: 30px;
  }
}
@media (max-width: 624px) {
  .search-result__body__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.search-result__box-image {
  position: absolute;
  z-index: 0;
  right: 0px;
  top: 0px;
  width: 648px;
  height: 766px;
}
@media (max-width: 1024px) {
  .search-result__box-image {
    display: none;
  }
}
.search-result__box-image__image {
  width: 100%;
  height: 100%;
}

.crea-awards-about {
  position: relative;
  z-index: 0;
}
.crea-awards-about > .content-container {
  padding-top: 40px;
}
@media screen and (width >= 1280px) {
  .crea-awards-about > .content-container {
    padding-top: 50px;
  }
}
.crea-awards-about > .content-container > .about-card {
  border-radius: 20px;
  border: 3px solid var(--color-green, #22DCE9);
  overflow: hidden;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  background: var(--color-white, #FFF);
}
@media screen and (width >= 1280px) {
  .crea-awards-about > .content-container > .about-card {
    border-radius: 40px;
    padding: 60px;
  }
}
.crea-awards-about > .content-container > .about-card > .title {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-primary, "Montserrat");
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .crea-awards-about > .content-container > .about-card > .title {
    font-size: 40px;
  }
}
.crea-awards-about > .content-container > .about-card > .text {
  color: var(--color-gray-1, #26262C);
  font-family: var(--font-secondary, "Montserrat");
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.crea-awards-about > .content-container > .about-card > .text strong {
  font-weight: 700;
}
.crea-awards-about > .content-container > .about-card > .button {
  margin-top: 10px;
}

.sticky-bar {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  padding-bottom: 37.5px;
  overflow: scroll;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  transition: opacity 0.3s ease;
}
@media screen and (width >= 1280px) {
  .sticky-bar {
    overflow: visible;
  }
}
.sticky-bar > .nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 250px;
  background: rgba(222, 222, 230, 0.8);
  backdrop-filter: blur(5px);
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (width >= 1280px) {
  .sticky-bar > .nav-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
@media screen and (width >= 1440px) {
  .sticky-bar > .nav-container {
    max-width: 1290px;
  }
}
.sticky-bar > .nav-container > .nav-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sticky-bar > .nav-container > .nav-list > .nav-item {
  display: flex;
  align-items: center;
  height: 60px;
}
.sticky-bar > .nav-container > .nav-list > .nav-item > .link {
  color: var(--color-gray-3, #9898A0);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  border-radius: 61px;
  background: transparent;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-wrap: nowrap;
  border: 2px solid var(--color-gray-3, #9898A0);
  transition: color 0.3s ease, border 0.3s ease;
}
.sticky-bar > .nav-container > .nav-list > .nav-item > .link.-active {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.sticky-bar > .nav-container > .nav-list > .nav-item > .link:hover {
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.sticky-bar > .nav-container > .button {
  text-wrap: nowrap;
}
.sticky-bar.-opacity-0 {
  opacity: 0;
}
.sticky-bar.-fixed {
  position: fixed;
  top: 10px;
  padding-top: 10px;
}

.content-tabs {
  position: relative;
  z-index: 0;
  scroll-margin-top: 100px;
}
@media screen and (width >= 1280px) {
  .content-tabs {
    scroll-margin-top: 250px;
  }
}
.content-tabs > .content-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (width >= 1280px) {
  .content-tabs > .content-container {
    padding-top: 37.5px;
    padding-bottom: 37.5px;
  }
}
.content-tabs > .content-container > .title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .content-tabs > .content-container > .title {
    font-size: 40px;
    margin-bottom: 80px;
  }
}
.content-tabs > .content-container .tab-content-list > .tab-item {
  display: none;
  flex-direction: column;
  gap: 40px;
}
.content-tabs > .content-container .tab-content-list > .tab-item.-active {
  display: flex;
}
.content-tabs > .content-container .tab-content-list > .tab-item > .schedule-card {
  margin-top: 30px;
}
.content-tabs > .content-container .tab-content-list > .tab-item > .schedule-list {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-top: 20px;
}
@media screen and (width >= 1280px) {
  .content-tabs > .content-container .tab-content-list > .tab-item > .schedule-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    row-gap: 60px;
    padding-top: 60px;
  }
}
.content-tabs[data-mode=tabs] {
  display: none;
}
.content-tabs[data-mode=tabs].-active {
  display: block;
}
.content-tabs.-extra-padding-top > .content-container {
  padding-top: 80px;
}
@media screen and (width >= 1280px) {
  .content-tabs.-extra-padding-top > .content-container {
    padding-top: 90px;
  }
}

.tab-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .tab-container {
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    grid-template-columns: 355px 1fr;
    gap: 80px;
  }
}
.tab-container > .v-select {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (width >= 768px) {
  .tab-container > .v-select {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (width >= 1280px) {
  .tab-container > .v-select {
    display: none;
  }
}
.tab-container > .v-select .vs__dropdown-toggle {
  border-radius: 45px;
  border: 2px solid #FFF;
  background: #131313;
  height: 50px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  gap: 4px;
}
.tab-container > .v-select .vs__dropdown-toggle .vs__selected-options {
  padding: 0;
}
.tab-container > .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
  color: #FFF;
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
@media screen and (width >= 1024px) {
  .tab-container > .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
    font-size: 16px;
    font-weight: 400;
  }
}
.tab-container > .v-select .vs__dropdown-toggle .vs__selected-options .vs__search {
  display: none;
}
.tab-container > .v-select .vs__dropdown-toggle .vs__actions {
  padding: 0;
}
.tab-container > .v-select .vs__dropdown-menu {
  padding: 0;
  margin-top: 10px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: none;
  border-radius: 5px;
  background: #fff;
}
.tab-container > .v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #000;
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.tab-container > .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected {
  font-weight: 600;
}
.tab-container > .v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--highlight {
  background-color: var(--accent-color);
  color: #00121A;
}
.tab-container > .v-select.vs--open .vs__selected-options .vs__selected {
  position: relative;
}
.tab-container > .tab-list {
  display: none;
}
@media screen and (width >= 1280px) {
  .tab-container > .tab-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.tab-container > .tab-list > .tab-item > .link {
  color: #9898A0;
  text-align: center;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  border-radius: 60px;
  background: transparent;
  padding: 10px 20px;
  border: 2px solid #9898A0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: color 0.3s ease, border 0.3s ease;
}
.tab-container > .tab-list > .tab-item > .link.-active {
  border-radius: 60px;
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.tab-container > .tab-list > .tab-item > .link:hover {
  border-radius: 60px;
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}

.gallery-component {
  position: relative;
}
@media screen and (width >= 1280px) {
  .gallery-component {
    padding-left: 90px;
    padding-right: 90px;
  }
}
.gallery-component > .gallery-component-slider .splide__track {
  z-index: 1;
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide {
  position: relative;
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .picture-container {
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .picture-container {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .picture-container .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .video-container .video-component {
  border-radius: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1280px) {
  .gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .video-container .video-component {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .video-container .video-component .plyr .plyr__video-wrapper {
  background: transparent;
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .video-container .video-component .plyr .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .description {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding: 20px 30px;
  border-radius: 0px 0px 40px 40px;
  background: #010101;
}
@media screen and (width >= 1280px) {
  .gallery-component > .gallery-component-slider .splide__track .splide__list .splide__slide > .description {
    padding: 50px 30px;
  }
}
.gallery-component > .gallery-component-slider > .gallery-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (width >= 1280px) {
  .gallery-component > .gallery-component-slider > .gallery-slider-controls {
    margin-top: 40px;
  }
}
.gallery-component > .gallery-component-slider > .gallery-slider-controls > .splide__pagination {
  position: absolute;
}
@media screen and (width >= 1280px) {
  .gallery-component > .gallery-component-slider > .gallery-slider-controls > .splide__pagination {
    position: relative;
  }
}
.gallery-component > .gallery-component-slider > .gallery-slider-controls > .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .gallery-component > .gallery-component-slider > .gallery-slider-controls > .splide__arrows {
    position: absolute;
    top: 50%;
    z-index: 0;
    transform: translateY(-50%);
    width: calc(100% + 190px);
  }
}

.banner-image {
  position: relative;
  z-index: 0;
  padding-top: 37.5px;
  padding-bottom: 37.5px;
}
.banner-image > .picture-container {
  display: block;
  width: 100%;
  height: 67px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (width >= 1280px) {
  .banner-image > .picture-container {
    max-width: 1280px;
    height: 120px;
  }
}
@media screen and (width >= 1440px) {
  .banner-image > .picture-container {
    max-width: 1440px;
  }
}
.banner-image > .picture-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ajax-tabs-and-select {
  padding: 0px 0px 114px 0px;
}
@media (max-width: 1024px) {
  .ajax-tabs-and-select {
    padding: 80px 0px 80px 0px;
  }
}
.ajax-tabs-and-select__content {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 1024px) {
  .ajax-tabs-and-select__content {
    gap: 65px;
  }
}
.ajax-tabs-and-select__box-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 40px;
  padding: 0px 27px;
}
@media (max-width: 1024px) {
  .ajax-tabs-and-select__box-head {
    display: none;
  }
}
.ajax-tabs-and-select__box-head-mob {
  padding: 0px 20px;
  display: none;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .ajax-tabs-and-select__box-head-mob {
    display: flex;
  }
}
.ajax-tabs-and-select__box-head-mob .filters-button {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 50px;
  padding: 20px 15px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #131313;
  color: #FFF;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}
.ajax-tabs-and-select__box-tabs {
  max-width: 740px;
  width: 100%;
}
.ajax-tabs-and-select__box-tabs .list-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.ajax-tabs-and-select__box-tabs .list-items .tab {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 61px;
  background: transparent;
  border: 2px solid var(--color-gray-3, #9898A0);
  box-sizing: border-box;
  color: var(--color-gray-3, #9898A0);
  text-align: center;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  transition: border 0.3s ease, color 0.3s ease;
}
@media (max-width: 1024px) {
  .ajax-tabs-and-select__box-tabs .list-items .tab {
    white-space: nowrap;
  }
}
.ajax-tabs-and-select__box-tabs .list-items .tab.btn-plus {
  width: 36px;
  height: 36px;
  padding: 0px;
  align-items: center;
}
.ajax-tabs-and-select__box-tabs .list-items .tab.active {
  background: transparent;
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
@media (min-width: 1024px) {
  .ajax-tabs-and-select__box-tabs .list-items .tab:hover {
    background: transparent;
    border: 2px solid #FFF;
    color: #FFF;
  }
}
.ajax-tabs-and-select__box-filters {
  min-width: 350px;
  flex: 1;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 10px 10px 30px;
  align-items: center;
  border-radius: 180px;
  background: var(--color-white, #FFF);
}
.ajax-tabs-and-select__box-filters .sort-filter {
  justify-content: flex-start;
}
.ajax-tabs-and-select__box-filters .sort-filter .v-select {
  width: 100%;
}
.ajax-tabs-and-select__filtes {
  flex: 1 1 250px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
.ajax-tabs-and-select__filtes__item {
  width: 100%;
}
.ajax-tabs-and-select__filter-sort-by {
  flex: 1 1 250px;
}
.ajax-tabs-and-select__box-body {
  position: relative;
}
.ajax-tabs-and-select__box-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 1240px) {
  .ajax-tabs-and-select__box-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 824px) {
  .ajax-tabs-and-select__box-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 624px) {
  .ajax-tabs-and-select__box-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.ajax-tabs-and-select__box-items.agenda-card {
  -moz-column-gap: 0px;
       column-gap: 0px;
  row-gap: 85px;
}

.brands-section {
  position: relative;
  z-index: 11;
  background: #FFF;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (width >= 1280px) {
  .brands-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.brands-section--dark {
  background: #010101;
}
.brands-section > .content-container {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (width >= 1280px) {
  .brands-section > .content-container {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (width >= 1440px) {
  .brands-section > .content-container {
    max-width: 1440px;
  }
}
.brands-section > .content-container > .brands-slider.center .splide__list {
  justify-content: center;
}
@media (max-width: 768px) {
  .brands-section > .content-container > .brands-slider.center .splide__list {
    justify-content: unset;
  }
}
.brands-section > .content-container > .brands-slider > .title {
  color: #0C0D10;
  text-align: center;
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .brands-section > .content-container > .brands-slider > .title {
    margin-bottom: 50px;
    font-size: 40px;
  }
}
@media screen and (width >= 768px) {
  .brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide {
    border: 1px solid #EFEFEF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border 0.3s ease;
  }
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide:hover {
  border: 1px solid rgba(239, 239, 239, 0);
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .splide__slide--col {
  border: 1px solid #EFEFEF;
  height: -moz-fit-content;
  height: fit-content;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 80px;
  padding: 15px;
  position: relative;
}
@media screen and (width >= 1280px) {
  .brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container {
    width: 360px;
    height: 145px;
    padding: 20px;
  }
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container > .image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container > .corner-top-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-top: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container > .corner-top-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-top-right-radius: 50%;
  border-top: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container > .corner-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-bottom-left-radius: 50%;
  border-bottom: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container > .corner-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-bottom-right-radius: 50%;
  border-bottom: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container:hover > .image {
  filter: none;
}
.brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container:hover > .corner-top-left, .brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container:hover > .corner-top-right, .brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container:hover > .corner-bottom-left, .brands-section > .content-container > .brands-slider > .splide__track > .splide__list > .splide__slide .picture-container:hover > .corner-bottom-right {
  opacity: 1;
}
.brands-section > .content-container > .brands-slider > .brands-slider-controls {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.brands-section > .content-container > .brands-slider > .brands-slider-controls > .splide__pagination {
  position: absolute;
  background: #9898A0;
}
.brands-section > .content-container > .brands-slider > .brands-slider-controls > .splide__pagination > li > button {
  background: #9898A0;
}
.brands-section > .content-container > .brands-slider > .brands-slider-controls > .splide__pagination > li > button.is-active {
  background: #22DCE9;
}
.brands-section > .content-container > .brands-slider > .brands-slider-controls > .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .brands-section > .content-container > .brands-slider > .brands-slider-controls > .splide__arrows {
    justify-content: space-around;
  }
}

.brands-section-dark {
  padding: 80px 0;
}
.brands-section-dark__title {
  color: #FFF;
  text-align: center;
  font-family: "Montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
  padding: 0 20px;
}
@media screen and (width >= 1280px) {
  .brands-section-dark__title {
    margin-bottom: 50px;
    font-size: 64px;
  }
}
.brands-section-dark__marquee {
  width: 100%;
  overflow: hidden;
  margin-bottom: -30px;
}
.brands-section-dark__marquee .splide__slide {
  margin: -40px 0;
}
.brands-section-dark__marquee__text {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 140px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.brands-section-dark__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (width >= 1280px) {
  .brands-section-dark__grid {
    padding: 0;
  }
}
.brands-section-dark__grid__item {
  border: 1px solid #0C0D10;
  background-color: #000;
  width: 50%;
  height: 144px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  position: relative;
}
@media screen and (width >= 1280px) {
  .brands-section-dark__grid__item {
    width: 25%;
  }
}
.brands-section-dark__grid__item > .image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%) brightness(2);
  transition: filter 0.3s ease;
}
.brands-section-dark__grid__item > .corner-top-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-top: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section-dark__grid__item > .corner-top-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-top-right-radius: 50%;
  border-top: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section-dark__grid__item > .corner-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-bottom-left-radius: 50%;
  border-bottom: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section-dark__grid__item > .corner-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-bottom-right-radius: 50%;
  border-bottom: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.brands-section-dark__grid__item.active > .image {
  filter: none;
}
.brands-section-dark__grid__item.active > .corner-top-left, .brands-section-dark__grid__item.active > .corner-top-right, .brands-section-dark__grid__item.active > .corner-bottom-left, .brands-section-dark__grid__item.active > .corner-bottom-right {
  opacity: 1;
}
@media (min-width: 1024px) {
  .brands-section-dark__grid__item:hover > .image {
    filter: none;
  }
  .brands-section-dark__grid__item:hover > .corner-top-left, .brands-section-dark__grid__item:hover > .corner-top-right, .brands-section-dark__grid__item:hover > .corner-bottom-left, .brands-section-dark__grid__item:hover > .corner-bottom-right {
    opacity: 1;
  }
}

.faq-section {
  position: relative;
  z-index: 11;
  padding: 80px 0;
  background: var(--color-light, #F2F2FA);
}
@media screen and (min-width: 1280px) {
  .faq-section {
    padding: 65px 0;
  }
}
@media screen and (width >= 1280px) {
  .faq-section > .container {
    display: grid;
    grid-template-columns: 800px 1fr;
    gap: 60px;
  }
}
.faq-section > .container > .faq-content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.faq-section > .container > .faq-content > .header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.faq-section > .container > .faq-content > .header > .title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (min-width: 1280px) {
  .faq-section > .container > .faq-content > .header > .title {
    font-size: 40px;
  }
}
.faq-section > .container > .faq-content > .header > .title strong {
  color: #1793FF;
  font-weight: 600;
}
.faq-section > .container > .faq-content > .header > .text {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.faq-section > .container > .faq-content > .faq-accordion {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1280px) {
  .faq-section > .container > .faq-content > .faq-accordion {
    max-width: 800px;
  }
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container {
  background: transparent;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button {
  padding: 0;
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 35px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.3s ease;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button::after {
  display: none;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid var(--color-black, #010101);
  transition: border 0.3s ease;
  width: 35px;
  height: 35px;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button .icon-container .close {
  display: block;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button .icon-container .open {
  display: none;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button[aria-expanded=true] .icon-container {
  border: 2px solid var(--color-black, #010101);
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button[aria-expanded=true] .icon-container .close {
  display: none;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .header-container > .header-button[aria-expanded=true] .icon-container .open {
  display: block;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel {
  border-radius: 20px;
  border: 3px solid #22DCE9;
  background: var(--color-light, #F2F2FA);
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel > .answer {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel > .answer a {
  text-decoration: underline;
  color: #22DCE9;
  margin: 0;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel > .answer strong {
  font-weight: 700;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel > .answer ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  list-style-type: disc;
  padding-left: 20px;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel > .answer ul ::marker {
  color: #22DCE9;
}
@media screen and (min-width: 1280px) {
  .faq-section > .container > .faq-content > .faq-accordion > .accordion-item > .accordion-panel > .answer {
    padding: 30px;
  }
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item.is-active > .header-container > .header-button {
  color: var(--color-black, #010101);
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item.is-active > .accordion-panel {
  margin-bottom: 20px;
}
.faq-section > .container > .faq-content > .faq-accordion > .accordion-item:last-child {
  margin-bottom: -20px;
}
.faq-section > .container > .faq-content > .button {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1280px) {
  .faq-section > .container > .faq-content > .button {
    margin-left: 0;
  }
}
.faq-section > .container .image-box {
  display: none;
}
@media screen and (min-width: 1280px) {
  .faq-section > .container .image-box {
    display: block;
    position: relative;
    max-height: 600px;
    right: -120px;
  }
}
.faq-section > .container .image-box .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}
.faq-section > .container .image-box .triangle-star {
  position: absolute;
  top: 120px;
  right: 60px;
  z-index: 1;
  transform: rotate(45deg);
}
.faq-section > .container .image-box .triangle-star > svg > path {
  fill: #0C0D10;
}
.faq-section.-extra-padding-top {
  padding-top: 80px;
}
@media screen and (width >= 1280px) {
  .faq-section.-extra-padding-top {
    padding-top: 100px;
  }
}
.faq-section.-extra-padding-bottom {
  padding-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .faq-section.-extra-padding-bottom {
    padding-bottom: 100px;
  }
}

.participation-card-slider {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 11;
  background: #0C0D10;
}
@media screen and (width >= 1280px) {
  .participation-card-slider {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.participation-card-slider > .content-container > .title {
  color: #FFF;
  text-align: center;
  font-family: "Montserrat";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .participation-card-slider > .content-container > .title {
    font-size: 40px;
    margin-bottom: 70px;
  }
}
.participation-card-slider > .content-container > .participation-slider.is-marquee > .splide__track > .splide__list > .splide__slide {
  width: 380px;
  flex-shrink: 0;
}
@media screen and (width < 624px) {
  .participation-card-slider > .content-container > .participation-slider.is-marquee > .splide__track > .splide__list > .splide__slide {
    width: 300px;
  }
}
.participation-card-slider > .content-container > .participation-slider > .participation-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (width >= 1280px) {
  .participation-card-slider > .content-container > .participation-slider > .participation-slider-controls {
    margin-top: 40px;
  }
}
@media screen and (width >= 1280px) and (width >= 1280px) {
  .participation-card-slider > .content-container > .participation-slider > .participation-slider-controls {
    width: calc(var(--splide-pagination-width) + 200px);
    margin-left: auto;
    margin-right: auto;
  }
}
.participation-card-slider > .content-container > .participation-slider > .participation-slider-controls > .splide__pagination {
  position: absolute;
}
.participation-card-slider > .content-container > .participation-slider > .participation-slider-controls > .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.content-tabs-ajax-select {
  position: relative;
  z-index: 0;
  scroll-margin-top: 100px;
  padding-top: 37.5px;
  padding-bottom: 37.5px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select {
    scroll-margin-top: 250px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.content-tabs-ajax-select > .content-container > .texts-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .texts-container {
    margin-bottom: 80px;
  }
}
.content-tabs-ajax-select > .content-container > .texts-container > .title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .texts-container > .title {
    font-size: 40px;
  }
}
.content-tabs-ajax-select > .content-container > .texts-container > .text {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .texts-container > .text {
    font-size: 20px;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select {
  position: relative;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select {
    display: grid;
    grid-template-columns: 265px 1fr;
    grid-template-rows: 60px 1fr;
    gap: 30px;
    min-height: 710px;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-container-mobile {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 40px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-container-mobile {
    display: none;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-container-mobile > .filters-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 20px;
  background: #131313;
  width: 100%;
  height: 50px;
  color: var(--color-white, #FFF);
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-select-desktop {
  display: none;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-select-desktop {
    display: block;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-select-desktop > .select-filters {
  background: transparent;
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-bar-desktop {
  display: none;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-bar-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border-radius: 180px;
    background: #FFF;
    padding-left: 30px;
    padding-right: 10px;
  }
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-bar-desktop > .search-filter {
    padding: 0;
  }
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-bar-desktop > .search-filter > .search-input {
    width: 345px;
    overflow: hidden;
  }
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .filters-bar-desktop > .search-filter > .v-select {
    width: 175px;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container {
  position: relative;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container {
    grid-column: 2/3;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container > .card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container > .card-list > .list-item {
  max-width: 325px;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container > .card-list > .list-item {
    max-width: calc(33.3333333333% - 20px);
  }
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container > .card-list.-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container > .card-list.-two-columns > .list-item {
    max-width: 100%;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .list-container > .loader-container {
  position: relative;
  min-height: 150px;
  z-index: 5;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .pagination {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 30px;
  }
}
.content-tabs-ajax-select > .content-container > .v-ajax-select > .pagination > .loader-container {
  position: relative;
  min-height: 150px;
  z-index: 5;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select > .content-container > .v-ajax-select > .pagination {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 30px;
  }
}
.content-tabs-ajax-select[data-mode=tabs] {
  display: none;
}
.content-tabs-ajax-select[data-mode=tabs].-active {
  display: block;
}
.content-tabs-ajax-select.-extra-padding-top {
  padding-top: 60px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select.-extra-padding-top {
    padding-top: 100px;
  }
}
.content-tabs-ajax-select.-extra-padding-bottom {
  padding-bottom: 60px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-select.-extra-padding-bottom {
    padding-bottom: 100px;
  }
}

.hero-media-inner {
  padding: 150px 0px 56px 0px;
  z-index: 20;
}
@media (max-width: 1024px) {
  .hero-media-inner {
    padding: 137px 0px 60px 0px;
  }
}
.hero-media-inner--news .hero-media-inner__box-info {
  padding-top: 0px;
}
.hero-media-inner--news .hero-media-inner__box-content__content {
  gap: 40px;
  padding-bottom: 48px;
}
.hero-media-inner--news ~ .text-inner {
  padding-bottom: 56px;
}
@media (max-width: 1024px) {
  .hero-media-inner--news ~ .text-inner {
    padding-bottom: 60px;
  }
}
.hero-media-inner--news ~ .testimonie {
  margin-top: 27px;
  margin-bottom: 87px;
}
@media (max-width: 1024px) {
  .hero-media-inner--news ~ .testimonie {
    margin-top: 0px;
    margin-bottom: 60px;
  }
}
.hero-media-inner--news ~ .gallery-section {
  padding: 0px;
}
.hero-media-inner__box-content .container-width {
  position: relative;
}
.hero-media-inner__box-content__content {
  position: relative;
  z-index: 1;
  max-width: 920px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 56px;
  border-bottom: 1px solid #DEDEE6;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-content__content {
    padding-bottom: 80px;
  }
}
.hero-media-inner__box-content__vector-right {
  position: absolute;
  z-index: 0;
  right: -172px;
  top: -130px;
}
.hero-media-inner__box-content__vector-right path {
  fill: #FDC546;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-content__vector-right {
    display: none;
  }
}
.hero-media-inner__box-content__vector-left {
  position: absolute;
  top: 102px;
  left: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-content__vector-left {
    display: none;
  }
}
.hero-media-inner__box-content__vector-left path {
  fill: #B343BA;
}
.hero-media-inner__box-content__vector-left__image {
  width: 172px;
  height: auto;
}
.hero-media-inner__box-media {
  width: 100%;
  height: 410px;
  position: relative;
  z-index: 0;
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-media {
    height: 400px;
  }
}
@media (max-width: 824px) {
  .hero-media-inner__box-media {
    height: 350px;
  }
}
@media (max-width: 624px) {
  .hero-media-inner__box-media {
    height: 300px;
  }
}
.hero-media-inner__box-video {
  width: 100%;
  height: 100%;
}
.hero-media-inner__box-video__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-video {
    display: none;
  }
}
.hero-media-inner__box-image {
  width: 100%;
  height: 100%;
}
.hero-media-inner__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-image {
    display: none;
  }
}
.hero-media-inner__box-image-mob {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-image-mob {
    display: block;
  }
}
.hero-media-inner__box-image-mob__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 0;
}
.hero-media-inner__box-image-mob__box-btn-play {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-media-inner__box-info {
  padding-top: 18px;
  display: flex;
  flex-direction: row;
  gap: 30px;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-info {
    padding-top: 0px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero-media-inner__box-date {
  width: 105px;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 4px 4px 5.8px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
.hero-media-inner__box-date__month {
  width: 100%;
  height: 35px;
  border-radius: 6px 6px 0px 0px;
  border-top: 1px solid #22DCE9;
  border-right: 1px solid #22DCE9;
  border-left: 1px solid #22DCE9;
  background: #010101;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: "Montserrat";
  font-size: 14.5px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.hero-media-inner__box-date__day {
  width: 100%;
  height: 49px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #010101;
  text-align: center;
  font-family: "Montserrat";
  font-size: 43.7px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 3px;
}
.hero-media-inner__box-left {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
@media screen and (width >= 1280px) {
  .hero-media-inner__box-left {
    align-items: flex-start;
  }
}
.hero-media-inner__tags-mob {
  display: none;
}
@media (max-width: 1024px) {
  .hero-media-inner__tags-mob {
    display: flex;
  }
}
.hero-media-inner__tags {
  display: flex;
}
@media (max-width: 1024px) {
  .hero-media-inner__tags {
    display: none;
  }
}
.hero-media-inner__box-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 46px;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-body {
    gap: 30px;
  }
}
.hero-media-inner__box-body__box-top {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.hero-media-inner__box-body__box-bottom {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-body__box-bottom {
    flex-direction: column;
  }
}
.hero-media-inner__box-titles-news {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.hero-media-inner__date {
  color: var(--color-gray-2, #4E4E54);
  text-align: center;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.hero-media-inner__author {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.hero-media-inner__author-image {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #22DCE9;
  box-sizing: border-box;
  overflow: hidden;
}
.hero-media-inner__author-image image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-media-inner__author-name {
  color: var(--color-gray-1, #26262C);
  text-align: center;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.hero-media-inner__title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -5px 0px;
}
@media (max-width: 1024px) {
  .hero-media-inner__title {
    margin: 0px;
    font-size: 32px;
    line-height: 1.1;
  }
}
.hero-media-inner__hour {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.hero-media-inner__box-ctas {
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 80px;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-ctas {
    display: none;
  }
}
.hero-media-inner__box-ctas.mob {
  display: none;
  position: relative;
  left: unset;
  bottom: unset;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-ctas.mob {
    display: flex;
  }
}
.hero-media-inner__box-ctas .container-width {
  display: flex;
  height: 0px;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-ctas .container-width {
    height: -moz-fit-content;
    height: fit-content;
    justify-content: flex-start;
  }
}
.hero-media-inner__box-ctas__content {
  margin-right: 27px;
  padding: 10px;
  width: -moz-fit-content;
  width: fit-content;
  height: 60px;
  background: #0C0D10;
  background: rgba(38, 38, 44, 0.8);
  border-radius: 250px;
  backdrop-filter: blur(5px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1024px) {
  .hero-media-inner__box-ctas__content {
    margin-right: 0px;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.hero-media-inner__box-content__content {
  z-index: 0;
}

.hero-media-inner__box-content__vector-right {
  z-index: -1;
}

.hero-media-inner__box-ctas {
  z-index: 1;
}

.hero-media-inner__box-ctas__content__button-calendar span:first-child {
  width: 85px;
}
@media screen and (width >= 1280px) {
  .hero-media-inner__box-ctas__content__button-calendar span:first-child {
    width: auto;
  }
}

.content-inner__content {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .content-inner__content {
    gap: 50px;
    margin: 0px 20px;
    padding-bottom: 60px;
    border-bottom: 1px solid #4E4E54;
  }
}
.content-inner__text {
  max-width: 914px;
  width: 100%;
  margin: 0px auto;
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
@media (max-width: 1024px) {
  .content-inner__text {
    gap: 30px;
  }
}
.content-inner__text strong {
  font-weight: 700;
}
.content-inner__text h2, .content-inner__text h3, .content-inner__text h4, .content-inner__text h5 {
  font-family: "Montserrat";
}
.content-inner__text h2 {
  font-family: "Montserrat";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .content-inner__text h2 {
    font-size: 28px;
  }
}
.content-inner__text a {
  color: #22DCE9;
  text-decoration-line: underline;
}
.content-inner__text a:hover {
  color: #22DCE9;
  text-decoration-line: underline;
}
.content-inner__text ul {
  list-style: disc;
  list-style-color: #22DCE9;
  display: flex;
  flex-direction: column;
  gap: 45px;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .content-inner__text ul {
    gap: 30px;
  }
}
.content-inner__text ul li::marker {
  color: #22DCE9;
}
.content-inner__box-image {
  max-width: 914px;
  width: 100%;
  margin: 0px auto;
}
.content-inner__box-image__image {
  border-radius: 40px;
  width: 100%;
  height: auto;
}
.content-inner__text-small {
  max-width: 914px;
  width: 100%;
  margin: 0px auto;
  color: #F2F2FA;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .content-inner__text-small {
    gap: 30px;
  }
}
.content-inner__text-small strong {
  font-weight: 700;
}
.content-inner__text-small h2, .content-inner__text-small h3, .content-inner__text-small h4, .content-inner__text-small h5 {
  color: #FFF;
  font-family: "Montserrat";
}
.content-inner__text-small h2 {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .content-inner__text-small h2 {
    font-size: 28px;
  }
}
.content-inner__text-small a {
  color: #22DCE9;
  text-decoration-line: underline;
}
.content-inner__text-small a:hover {
  color: #22DCE9;
  text-decoration-line: underline;
}
.content-inner__text-small ul {
  list-style: disc;
  list-style-color: #22DCE9;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .content-inner__text-small ul {
    gap: 30px;
  }
}
.content-inner__text-small ul li::marker {
  color: #22DCE9;
}
.content-inner__charge {
  max-width: 914px;
  width: 100%;
  margin: 0px auto;
}
.content-inner__charge__box-card {
  border-radius: 30px;
  background: #26262C;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .content-inner__charge__box-card {
    align-items: center;
    padding: 30px 20px;
    flex-direction: column;
    gap: 30px;
  }
}
.content-inner__charge__box-image {
  width: 204px;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .content-inner__charge__box-image {
    width: 200px;
    height: 225px;
  }
}
.content-inner__charge__box-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.content-inner__charge__box-info {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .content-inner__charge__box-info {
    padding: 0px;
  }
}
.content-inner__charge__title {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -4px 0px;
}
@media (max-width: 1024px) {
  .content-inner__charge__title {
    margin: 0px;
  }
}
.content-inner__charge__text {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: -4px 0px;
}
@media (max-width: 1024px) {
  .content-inner__charge__text {
    margin: 0px;
  }
}
.content-inner__gallery .gallery-section {
  padding: 0px !important;
}
.content-inner__gallery .container {
  padding: 0px !important;
}
.content-inner__share {
  max-width: 914px;
  width: 100%;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  padding-bottom: 48px;
  border-bottom: 1px solid #4E4E54;
}
@media (max-width: 1024px) {
  .content-inner__share .common--share {
    max-width: 350px;
    width: 100%;
    margin: 0px auto;
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  .content-inner__share {
    padding-bottom: 0px;
    border-bottom: unset;
  }
}

.tab-section {
  position: relative;
  padding: 200px 0px 100px 0px;
}
@media (max-width: 1024px) {
  .tab-section {
    padding: 137px 0px 80px 0px;
  }
}
.tab-section .container-width {
  position: relative;
  z-index: 1;
}
.tab-section__content {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 1024px) {
  .tab-section__content {
    gap: 80px;
    padding: 0px 20px;
  }
}
.tab-section__btn-back {
  display: none;
}
@media (max-width: 1024px) {
  .tab-section__btn-back {
    display: flex;
  }
}
.tab-section__box-header {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  max-width: 750px;
  width: 100%;
  margin: 0px auto;
}
.tab-section__box-title-and-cta {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tab-section__title {
  text-align: center;
  margin: -14px 0px;
}
@media (max-width: 1024px) {
  .tab-section__title {
    text-align: left;
    margin: 0px;
  }
}
.tab-section__text {
  text-align: center;
  margin: -7px 0px;
}
@media (max-width: 1024px) {
  .tab-section__text {
    text-align: left;
    margin: 0px;
  }
}
.tab-section__box-tabs {
  display: flex;
  flex-direction: column;
  gap: 82px;
  padding: 0px 27px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .tab-section__box-tabs {
    padding: 0px;
    gap: 30px;
  }
}
@media (max-width: 1024px) {
  .tab-section__box-tabs__head {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.tab-section__box-tabs__tabs {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
@media (max-width: 1024px) {
  .tab-section__box-tabs__tabs {
    gap: 80px;
  }
}
.tab-section__tabs-list {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
}
@media (max-width: 1024px) {
  .tab-section__tabs-list {
    overflow-x: auto;
    justify-content: flex-start;
    /* Estilos para Chrome */
    /* Ancho y color del scrollbar */
  }
  .tab-section__tabs-list::-webkit-scrollbar {
    display: none;
    width: 0px;
    background-color: transparent;
  }
  .tab-section__tabs-list {
    /* Riel del scrollbar */
  }
  .tab-section__tabs-list::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .tab-section__tabs-list {
    /* Parte deslizable del scrollbar */
  }
  .tab-section__tabs-list::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
    cursor: pointer;
  }
  .tab-section__tabs-list {
    /* Estilos para Firefox */
    /* Ancho y color del scrollbar */
  }
  .tab-section__tabs-list::-moz-scrollbar {
    scrollbar-width: none;
    width: 0px;
    background-color: transparent;
  }
  .tab-section__tabs-list {
    /* Riel del scrollbar */
  }
  .tab-section__tabs-list::-moz-scrollbar-track {
    background-color: transparent;
  }
  .tab-section__tabs-list {
    /* Parte deslizable del scrollbar */
  }
  .tab-section__tabs-list::-moz-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
    cursor: pointer;
  }
  .tab-section__tabs-list {
    padding: 0px 20px;
  }
}
.tab-section__tab-link {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 61px;
  background: transparent;
  border: 2px solid var(--color-gray-3, #9898A0);
  box-sizing: border-box;
  color: var(--color-gray-3, #9898A0);
  text-align: center;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  transition: border 0.3s ease, color 0.3s ease;
}
@media (max-width: 1024px) {
  .tab-section__tab-link {
    white-space: nowrap;
  }
}
.tab-section__tab-link.active {
  background: transparent;
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
@media (min-width: 1024px) {
  .tab-section__tab-link:hover {
    background: transparent;
    border: 2px solid var(--color-black, #010101);
    color: var(--color-black, #010101);
  }
}
.tab-section__tab-content--contact {
  display: grid;
  grid-template-columns: 61.5% calc(38.5% - 92px);
  gap: 92px;
}
@media (max-width: 1240px) {
  .tab-section__tab-content--contact {
    grid-template-columns: 55% calc(45% - 50px);
    gap: 50px;
  }
}
@media (max-width: 1024px) {
  .tab-section__tab-content--contact {
    grid-template-columns: 1fr;
    gap: 80px;
  }
}
.tab-section__tab-content--contact .form-section {
  padding: 0px;
  background: transparent !important;
}
@media (max-width: 1024px) {
  .tab-section__tab-content--contact .form-section .container {
    padding: 0px !important;
  }
}
.tab-section__tab-content--faq {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 1024px) {
  .tab-section__tab-content--faq {
    gap: 30px;
  }
}
.tab-section__contact-data {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #010101;
}
@media (max-width: 1024px) {
  .tab-section__contact-data {
    padding: 30px 20px;
  }
}
.tab-section__contact-data__header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tab-section__contact-data__header .title {
  color: #B6A3FD;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: -5px 0px;
}
@media (max-width: 1024px) {
  .tab-section__contact-data__header .title {
    margin: 0px;
    font-size: 20px;
  }
}
.tab-section__contact-data__header .text {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: -9px 0px;
}
@media (max-width: 1024px) {
  .tab-section__contact-data__header .text {
    margin: 0px;
  }
}
.tab-section__contact-data__items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tab-section__contact-data__items__item {
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
@media (max-width: 1024px) {
  .tab-section__contact-data__items__item {
    gap: 10px;
  }
}
@media (max-width: 1024px) {
  .tab-section__contact-data__items__item:nth-child(2) .link {
    font-size: 15px;
  }
}
.tab-section__contact-data__items__item:nth-child(2n) {
  border-radius: 10px;
  background: #0C0D10;
}
.tab-section__contact-data__items__item__links {
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
}
.tab-section__contact-data__items__item__links .link {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: -6px 0px;
}
@media (max-width: 1024px) {
  .tab-section__contact-data__items__item__links .link {
    margin: 0px;
  }
}
.tab-section__contact-data__items__item__links .link:hover {
  color: #FFF;
  text-decoration: none;
}
.tab-section__faq-head {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 730px;
  margin: 0px auto;
}
@media (max-width: 1024px) {
  .tab-section__faq-head {
    max-width: 100%;
  }
}
.tab-section__faq-head .title {
  text-align: center;
}
@media (max-width: 1024px) {
  .tab-section__faq-head .title {
    text-align: left;
  }
}
.tab-section__faq-head .text {
  text-align: center;
  margin: -8px 0px;
}
@media (max-width: 1024px) {
  .tab-section__faq-head .text {
    margin: 0px;
    text-align: left;
  }
}
.tab-section__faq-body-desktop {
  display: block;
}
@media (max-width: 1024px) {
  .tab-section__faq-body-desktop {
    display: none;
  }
}
.tab-section__faq-body-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .tab-section__faq-body-mobile {
    display: block;
  }
}
.tab-section__faq-body-mobile .sort-filter .vs__dropdown-toggle {
  height: 50px;
  border: 2px solid #FFF;
}
.tab-section__faq-body-mobile .sort-filter .vs__selected {
  color: #FFF !important;
}
.tab-section__faq-body-mobile .faq-mobile-select {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tab-section__faq-body-mobile .accordion--content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tab-section__box-vector-left {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  .tab-section__box-vector-left {
    display: none;
  }
}
.tab-section__box-vector-left__image {
  width: 140px;
  height: auto;
}

.tab--side-tab {
  display: grid;
  grid-template-columns: 25.5% calc(74.5% - 117px);
  gap: 117px;
}
.tab--side-tab__tabs-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tab--side-tab__tabs-list li.ui-state-active .link {
  background: transparent;
  border: 2px solid var(--color-black, #010101);
  color: var(--color-black, #010101);
}
.tab--side-tab__tabs-list li .link {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 61px;
  background: transparent;
  border: 2px solid var(--color-gray-3, #9898A0);
  box-sizing: border-box;
  color: var(--color-gray-3, #9898A0);
  text-align: center;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  transition: border 0.3s ease, color 0.3s ease;
}
@media (max-width: 1024px) {
  .tab--side-tab__tabs-list li .link {
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .tab--side-tab__tabs-list li .link:hover {
    background: transparent;
    border: 2px solid var(--color-black, #010101);
    color: var(--color-black, #010101);
  }
}
.tab--side-tab__tabs-body {
  max-width: 796px;
}

.content-tabs-ajax-gallery {
  position: relative;
  z-index: 0;
  scroll-margin-top: 100px;
  padding-top: 37.5px;
  padding-bottom: 37.5px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery {
    scroll-margin-top: 250px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.content-tabs-ajax-gallery > .content-container > .texts-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .texts-container {
    margin-bottom: 80px;
  }
}
.content-tabs-ajax-gallery > .content-container > .texts-container > .title {
  color: #010101;
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .texts-container > .title {
    font-size: 40px;
  }
}
.content-tabs-ajax-gallery > .content-container > .texts-container > .text {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .texts-container > .text {
    font-size: 20px;
  }
}
.content-tabs-ajax-gallery > .content-container > .v-ajax-gallery {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .v-ajax-gallery {
    margin-bottom: 75px;
  }
}
.content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .list-container {
  position: relative;
}
.content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .list-container > .card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (width >= 768px) {
  .content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .list-container > .card-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (width >= 1024px) {
  .content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .list-container > .card-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .list-container > .card-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .list-container > .loader-container {
  position: relative;
  min-height: 150px;
  z-index: 5;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .pagination {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 30px;
  }
}
.content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .pagination > .loader-container {
  position: relative;
  min-height: 150px;
  z-index: 5;
}
@media screen and (width >= 1280px) {
  .content-tabs-ajax-gallery > .content-container > .v-ajax-gallery > .pagination {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 30px;
  }
}
.content-tabs-ajax-gallery > .content-container > .simple-card {
  max-width: 900px;
  margin: 0 auto;
}
.content-tabs-ajax-gallery[data-mode=tabs] {
  display: none;
}
.content-tabs-ajax-gallery[data-mode=tabs].-active {
  display: block;
}

.doubts-2 {
  position: relative;
  z-index: 2;
  padding: 80px 0;
  background: var(--color-white, #FFF);
}
@media screen and (min-width: 1280px) {
  .doubts-2 {
    padding: 110px 0;
  }
}
@media screen and (width >= 1280px) {
  .doubts-2 > .container {
    display: grid;
    grid-template-columns: 800px 1fr;
    gap: 60px;
  }
}
.doubts-2 > .container > .content-doubts-2 {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (width >= 1280px) {
  .doubts-2 > .container > .content-doubts-2 {
    justify-content: center;
  }
}
.doubts-2 > .container > .content-doubts-2 > .header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.doubts-2 > .container > .content-doubts-2 > .header > .title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (min-width: 1280px) {
  .doubts-2 > .container > .content-doubts-2 > .header > .title {
    font-size: 40px;
  }
}
.doubts-2 > .container > .content-doubts-2 > .header > .title strong {
  color: var(--color-brand-blue, #1793FF);
  font-weight: 600;
}
.doubts-2 > .container > .content-doubts-2 > .header > .text {
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.doubts-2 > .container > .content-doubts-2 > .card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 800px;
  border-radius: 20px;
  background: var(--color-light, #F2F2FA);
  padding: 30px 20px;
}
@media screen and (min-width: 1280px) {
  .doubts-2 > .container > .content-doubts-2 > .card-content {
    padding: 40px 30px;
  }
}
.doubts-2 > .container > .content-doubts-2 > .card-content > .info-container {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 20px;
}
.doubts-2 > .container > .content-doubts-2 > .card-content > .info-container > .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.doubts-2 > .container > .content-doubts-2 > .card-content > .info-container > .list-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.doubts-2 > .container > .content-doubts-2 > .card-content > .info-container > .list-container > .list-item > .item {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.doubts-2 > .container .image-box {
  display: none;
}
@media screen and (min-width: 1280px) {
  .doubts-2 > .container .image-box {
    display: block;
    position: relative;
    max-height: 600px;
    min-height: 385px;
  }
}
.doubts-2 > .container .image-box .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}
.doubts-2 > .container .image-box .triangle-star {
  position: absolute;
  top: 0px;
  z-index: 1;
  transform: rotate(45deg);
}
.doubts-2 > .container .image-box .triangle-star > svg > path {
  fill: #0C0D10;
}

.historial-card-slider {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 11;
}
@media screen and (width >= 1280px) {
  .historial-card-slider {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.historial-card-slider > .content-container > .title {
  color: #010101;
  text-align: center;
  font-family: "Montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media screen and (width >= 1280px) {
  .historial-card-slider > .content-container > .title {
    font-size: 40px;
    margin-bottom: 70px;
  }
}
.historial-card-slider > .content-container > .historial-slider.is-marquee > .splide__track > .splide__list > .splide__slide {
  width: 320px;
  flex-shrink: 0;
}
@media screen and (width < 624px) {
  .historial-card-slider > .content-container > .historial-slider.is-marquee > .splide__track > .splide__list > .splide__slide {
    width: 260px;
  }
}
.historial-card-slider > .content-container > .historial-slider > .historial-card-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (width >= 1280px) {
  .historial-card-slider > .content-container > .historial-slider > .historial-card-slider-controls {
    margin-top: 40px;
    width: calc(var(--splide-pagination-width) + 200px);
    margin-left: auto;
    margin-right: auto;
  }
}
.historial-card-slider > .content-container > .historial-slider > .historial-card-slider-controls > .splide__pagination {
  position: absolute;
}
.historial-card-slider > .content-container > .historial-slider > .historial-card-slider-controls > .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.content-jury {
  position: relative;
  z-index: 0;
  scroll-margin-top: 100px;
  background-color: transparent;
}
.content-jury + .content-tabs {
  z-index: 11 !important;
  background: #f2f2fa !important;
}
@media screen and (width >= 1280px) {
  .content-jury {
    scroll-margin-top: 250px;
  }
}
.content-jury > .content-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (width >= 1280px) {
  .content-jury > .content-container {
    padding-top: 37.5px;
    padding-bottom: 37.5px;
  }
}
.content-jury > .content-container > .text-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}
.content-jury > .content-container > .text-container > .title {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .content-jury > .content-container > .text-container > .title {
    font-size: 40px;
  }
}
.content-jury > .content-container > .text-container > .text {
  color: var(--color-black, #010101);
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.content-jury > .content-container > .body-container {
  display: flex;
  flex-direction: column;
  gap: 75px;
}
.content-jury > .content-container > .body-container > .jury-table-container {
  overflow: scroll;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (width >= 1280px) {
  .content-jury > .content-container > .body-container > .jury-table-container {
    padding: 0;
    overflow: visible;
  }
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table {
  width: 100%;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-header > .header-row {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height: 41px;
  background: #DEDEE6;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-header > .header-row > .header-cell {
  color: #010101;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-wrap: nowrap;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-header > .header-row > .header-cell.-name {
  padding-left: 24px;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-header > .header-row > .header-cell.-company {
  padding-right: 24px;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-body > .table-row {
  height: 41px;
  border-bottom: 1px solid #484850;
  transition: background-color 0.3s ease;
  background: #FFF;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-body > .table-row:nth-child(even) {
  background-color: #DEDEE6;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-body > .table-row > .table-cell {
  color: #4E4E54;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-wrap: nowrap;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-body > .table-row > .table-cell.-name {
  padding-left: 24px;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-body > .table-row > .table-cell.-company {
  padding-right: 24px;
}
.content-jury > .content-container > .body-container > .jury-table-container > .jury-table > .table-body > .table-row:last-child {
  border-bottom: 1px solid #fff;
}
.content-jury > .content-container > .body-container > .ajax-table {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
.content-jury > .content-container > .body-container > .v-ajax-jury > .list-container > .card-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 1280px) {
  .content-jury > .content-container > .body-container > .v-ajax-jury > .list-container > .card-list {
    flex-direction: row;
  }
}
.content-jury > .content-container > .body-container > .v-ajax-jury > .list-container > .loader-container {
  position: relative;
}
.content-jury[data-mode=tabs] {
  display: none;
}
.content-jury[data-mode=tabs].-active {
  display: block;
}

.ajax-table > .content-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ajax-table > .content-container > .text-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ajax-table > .content-container > .text-container > .title {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width >= 1280px) {
  .ajax-table > .content-container > .text-container > .title {
    font-size: 32px;
  }
}
.ajax-table > .content-container > .text-container > .text {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.ajax-table > .content-container > .v-ajax-table {
  overflow: scroll;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (width >= 1280px) {
  .ajax-table > .content-container > .v-ajax-table {
    padding: 0;
    overflow: visible;
  }
}
.ajax-table > .content-container > .v-ajax-table .list-container {
  width: 100%;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component {
  width: 100%;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-header > .header-row {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height: 41px;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-header > .header-row > .header-cell {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-wrap: nowrap;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-header > .header-row > .header-cell.-name {
  padding-left: 24px;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-header > .header-row > .header-cell.-company {
  padding-right: 24px;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row {
  height: 41px;
  border-bottom: 1px solid #484850;
  transition: background-color 0.3s ease;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row:nth-child(even) {
  background-color: #121218;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row > .table-cell {
  color: #9898A0;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-wrap: nowrap;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row > .table-cell.-name {
  padding-left: 24px;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row > .table-cell.-company {
  padding-right: 24px;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .table-component > .table-body > .table-row:last-child {
  border-bottom: 1px solid #fff;
}
.ajax-table > .content-container > .v-ajax-table .list-container > .loader-container {
  position: relative;
}

.text-inner {
  margin-bottom: 80px;
}
@media screen and (width >= 1280px) {
  .text-inner {
    margin-bottom: 120px;
  }
}
.text-inner__content {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: var(--color-gray-1, #26262C);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.text-inner__content.color-grey {
  color: var(--color-gray-1, #26262C);
}
@media (max-width: 1024px) {
  .text-inner__content {
    gap: 30px;
  }
}
.text-inner__content strong {
  font-weight: 700;
}
.text-inner__content strong a {
  color: #22DCE9 !important;
  text-decoration-line: underline;
}
.text-inner__content strong a:hover {
  color: #22DCE9 !important;
  text-decoration-line: underline;
}
.text-inner__content h2,
.text-inner__content h3,
.text-inner__content h4,
.text-inner__content h5 {
  font-family: "Montserrat";
}
.text-inner__content h2 {
  font-family: "Montserrat";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .text-inner__content h2 {
    font-size: 28px;
  }
}
.text-inner__content a {
  color: #22DCE9;
  text-decoration-line: underline;
}
.text-inner__content a:hover {
  color: #22DCE9;
  text-decoration-line: underline;
}
.text-inner__content ul {
  list-style: disc;
  list-style-color: #22DCE9;
  display: flex;
  flex-direction: column;
  gap: 45px;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .text-inner__content ul {
    gap: 30px;
  }
}
.text-inner__content ul li::marker {
  color: #22DCE9;
}
.text-inner:has(~ .gallery-section) {
  margin-bottom: 0;
}
@media screen and (width >= 1280px) {
  .text-inner:has(~ .gallery-section) {
    margin-bottom: 0;
  }
}
.text-inner:has(~ .news-card-list) {
  margin-bottom: 0;
}
@media screen and (width >= 1280px) {
  .text-inner:has(~ .news-card-list) {
    margin-bottom: 0;
  }
}

.share-inner-fixed {
  width: 100%;
  position: fixed;
  z-index: 20;
  left: 0px;
  bottom: 90px;
}
@media (max-width: 1024px) {
  .share-inner-fixed {
    padding-top: 60px;
    position: relative;
    left: unset;
    bottom: unset;
  }
}
.share-inner-fixed .container-width {
  display: flex;
  height: 0px;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .share-inner-fixed .container-width {
    height: -moz-fit-content;
    height: fit-content;
    justify-content: unset;
  }
}
@media (max-width: 1024px) {
  .share-inner-fixed .subcontainer {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .share-inner-fixed__content {
    max-width: 914px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .share-inner-fixed__share {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  .share-inner-fixed__share .common--share {
    max-width: 400px;
    width: 100%;
    justify-content: center;
  }
}

.line-end-inner-page__line {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 48px;
  border-bottom: 1px solid #DEDEE6;
}

.animated-seal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 185px;
  height: 185px;
  position: relative;
  overflow: hidden;
}
@media screen and (width >= 1024px) {
  .animated-seal {
    width: 276px;
    height: 276px;
  }
}
.animated-seal__outside {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  animation: animate-seal 10s linear infinite;
}
.animated-seal__inside {
  position: absolute;
  width: 71.808px;
  height: 55.851px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
@media screen and (width >= 1024px) {
  .animated-seal__inside {
    width: 106.112px;
    height: 82.531px;
  }
}

@keyframes animate-seal {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
.iframe-form {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (width >= 1280px) {
  .iframe-form {
    padding-top: 130px;
    padding-bottom: 170px;
  }
}
.iframe-form > .container iframe {
  border-radius: 16px;
  min-height: 2500px;
  resize: both;
}
@media screen and (width >= 1280px) {
  .iframe-form > .container iframe {
    min-height: 2300px;
  }
}

.banner-company-principles {
  padding: 136px 0px;
}
.banner-company-principles + .slider-banner-info-side-with-image {
  padding-top: 0px;
}
.banner-company-principles__box-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1024px) {
  .banner-company-principles__box-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.common-grid-lines {
  position: fixed;
  left: 0;
  top: 0;
  display: grid;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.common-grid-lines__line {
  height: 262px;
  border: 0.2px solid rgba(222, 222, 230, 0.2784313725);
}

html {
  background-color: #111111;
}

.landing-ec {
  max-width: 100%;
  margin: 0 auto;
  background-color: #FFF;
  font-family: "Sofia Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  box-shadow: 0 0 1vw 0 rgba(100, 100, 100, 0.2);
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.landing-ec .container {
  width: 100%;
}
.landing-ec .hero-player {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.landing-ec .hero-player video {
  width: 100%;
  height: auto;
}
.landing-ec .hero-player_actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: black;
  color: white;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
}
.landing-ec .hero-player_actions .btn {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 20px;
  border: 2px solid white;
  border-radius: 150px;
  color: white;
  font-family: "Sofia Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transition: all 0.3s ease;
}
.landing-ec .hero-player_actions .btn svg {
  stroke: white;
}
.landing-ec .hero-player_actions .btn:hover {
  background-color: white;
  color: black;
  border-color: black;
}
.landing-ec .hero-player_actions .btn:hover svg {
  fill: white;
  stroke: black;
}
.landing-ec .hero-player_actions .btn.btn-primary {
  background-color: white;
  color: black;
}
.landing-ec .hero-player_actions .btn.btn-primary svg {
  stroke: black;
  fill: white;
}
.landing-ec .hero-player_actions .btn.btn-primary:hover {
  background-color: black;
  color: white;
  border-color: white;
}
.landing-ec .hero-player_actions .btn.btn-primary:hover svg {
  fill: black;
  stroke: white;
}
.landing-ec .hero-player .video-mute {
  position: absolute;
  overflow: hidden;
  bottom: 50px;
  right: 30px;
  z-index: 9;
  background-color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.landing-ec .hero-player .video-mute img {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: auto;
}
.landing-ec .hero-player .video-mute.is-active img {
  animation: scrollLeft 0.5s linear infinite;
}
.landing-ec .hero-player .video-responsive {
  display: none;
}
.landing-ec .hero-player .inline-video-play {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
  background-color: #22DCE9;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 600px) {
  .landing-ec .hero-player .video-desktop {
    display: none;
  }
  .landing-ec .hero-player .video-responsive {
    display: block;
  }
  .landing-ec .hero-player .video-mute {
    display: none;
  }
  .landing-ec .hero-player .inline-video-play {
    display: flex;
  }
  .landing-ec .hero-player .hero-player_actions {
    position: static;
    flex-direction: column;
    padding: 30px;
    gap: 20px;
  }
  .landing-ec .hero-player .hero-player_actions .btn {
    min-width: 100%;
    justify-content: center;
    padding: 5px 20px;
  }
}
@keyframes scrollLeft {
  from {
    transform: translate(0, -50%);
  }
  to {
    transform: translate(-50%, -50%);
  }
}
.landing-ec .site-intro {
  background-color: #E0E0E0;
  padding: 140px 75px;
}
.landing-ec .site-intro .container {
  display: flex;
  gap: 85px;
}
.landing-ec .site-intro .container > div {
  flex: 1;
}
.landing-ec .site-intro_welcome .intro-title {
  color: #010101;
  font-family: "Funnel Display";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 40px 0;
}
.landing-ec .site-intro_welcome .intro-text {
  color: #26262C;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0 0 30px 0;
  text-align: justify;
  text-justify: inter-word;
}
.landing-ec .site-intro_welcome .btn {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 15px 20px;
  border: 2px solid #010101;
  border-radius: 150px;
  color: #010101;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transition: all 0.3s ease;
}
.landing-ec .site-intro_welcome .btn:hover {
  background-color: black;
  color: white;
}
.landing-ec .site-intro_welcome .btn:hover svg {
  stroke: white;
}
.landing-ec .site-intro_welcome .intro-bottom-logo img {
  margin-top: 30px;
  width: 100%;
  height: auto;
}
@media all and (max-width: 600px) {
  .landing-ec .site-intro_welcome .intro-bottom-logo img {
    margin: 30px 0;
  }
}
.landing-ec .site-intro_items .items-vertical-slider {
  position: relative;
}
.landing-ec .site-intro_items .items-vertical-slider .vertical-item {
  color: #010101;
  font-style: normal;
  background-color: white;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 40px;
}
.landing-ec .site-intro_items .items-vertical-slider .vertical-item .vertical-item {
  padding-bottom: 40px;
}
.landing-ec .site-intro_items .items-vertical-slider .vertical-item .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 110%;
  margin: 0 0 30px 0;
}
.landing-ec .site-intro_items .items-vertical-slider .vertical-item .text {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.landing-ec .site-intro_items .items-vertical-slider:after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 250px;
  background: linear-gradient(180deg, rgba(224, 224, 224, 0) 0%, rgb(224, 224, 224) 50%);
  content: "";
  z-index: 9;
  pointer-events: none;
  opacity: 1;
}
.landing-ec .site-intro_ribbon {
  max-height: 95px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: black;
  padding: 24px 0;
  z-index: 99;
  overflow: hidden;
}
.landing-ec .site-intro_ribbon .slick-slide {
  margin: 0 20px;
}
.landing-ec .site-intro_ribbon .slick-list {
  margin: 0 -20px;
}
@media all and (max-width: 600px) {
  .landing-ec .site-intro {
    padding: 0;
    padding-top: 65px;
  }
  .landing-ec .site-intro .container {
    display: block;
  }
  .landing-ec .site-intro .site-intro_welcome .intro-title {
    font-size: 38px;
  }
  .landing-ec .site-intro .site-intro_welcome .intro-text {
    font-size: 16px;
    text-align: unset;
  }
  .landing-ec .site-intro .site-intro_welcome .btn {
    display: flex;
    justify-content: center;
    padding: 10px 20px;
  }
  .landing-ec .site-intro .site-intro_items {
    padding-bottom: 65px;
  }
  .landing-ec .site-intro .site-intro_items .items-vertical-slider .vertical-item {
    margin-bottom: 20px;
  }
  .landing-ec .site-intro .site-intro_items .items-vertical-slider:after {
    display: none;
  }
  .landing-ec .site-intro .site-intro_ribbon {
    position: static;
  }
}
.landing-ec .capsulas {
  padding: 120px 0;
}
.landing-ec .capsulas .container {
  display: flex;
  gap: 32px;
}
.landing-ec .capsulas .container > div {
  flex: 1;
}
.landing-ec .capsulas .container .capsulas-ui {
  color: black;
  min-width: 50%;
}
.landing-ec .capsulas .container .capsulas-ui .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  font-family: "Funnel Display";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px 0;
}
.landing-ec .capsulas .container .capsulas-ui .title > span {
  display: block;
  background-color: black;
  color: white;
  padding: 1px 10px;
}
.landing-ec .capsulas .container .capsulas-ui .text {
  color: #26262C;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0 0 90px 0;
}
.landing-ec .capsulas .container .capsulas-ui .capsulas-ui-list .list-item {
  color: #6C6C72;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0 0 20px 0;
}
.landing-ec .capsulas .container .capsulas-ui .capsulas-ui-list .list-item .list-item_title {
  color: black;
  font-weight: 700;
  line-height: 120%;
  font-size: 30px;
}
.landing-ec .capsulas .container .capsulas-ui .capsulas-ui-list .slick-slide {
  opacity: 0.3;
}
.landing-ec .capsulas .container .capsulas-ui .capsulas-ui-list .slick-slide.slick-current.slick-active {
  opacity: 1;
}
.landing-ec .capsulas .container .capsulas-slider {
  max-width: 50%;
}
.landing-ec .capsulas .container .capsulas-slider .slick-slide {
  margin: 0 30px;
}
.landing-ec .capsulas .container .capsulas-slider .slick-list {
  margin: 0 -30px;
}
.landing-ec .capsulas .container .capsulas-slider .slick-track {
  left: -29%;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module {
  width: calc(100% + 10px);
  position: relative;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module:after {
  position: absolute;
  right: -30px;
  top: 0;
  height: 100%;
  width: 65px;
  z-index: 9;
  display: block;
  content: "";
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide {
  position: relative;
  padding-bottom: 100px;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .content-wrapper {
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  transform: translateY(100px);
  transition: transform 0.3s ease;
  min-height: 35vw;
  overflow: hidden;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .content-wrapper img {
  width: 100%;
  height: auto;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .content-wrapper > video {
  min-width: 100.5%;
  height: auto;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .slide-content-mobile {
  display: none;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .slide-content-mobile .list-item {
  margin: 0;
  margin-top: 30px;
  color: #6C6C72;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .slide-content-mobile .list-item .list-item_title {
  color: black;
  font-weight: 700;
  line-height: 120%;
  font-size: 20px;
  margin: 0 0 10px 0;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .inline-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #22DCE9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .inline-video-play:hover {
  cursor: pointer;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide.slick-active.slick-current .content-wrapper {
  transform: none;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide.slick-active.slick-current .content-wrapper .inline-video-play {
  opacity: 1;
  pointer-events: unset;
  transition-delay: 0.5s;
  pointer-events: unset;
  z-index: 99;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .content-wrapper.video-is-playing .inline-video-play {
  display: none;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow {
  position: absolute;
  bottom: 25px;
  width: 60px;
  height: 60px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 9;
  background-image: url("/content/themes/meat-theme/dist/images/vector/large-capsules-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.65;
  transition: all 0.3s ease;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow.slick-prev {
  left: 90px;
  transform: rotate(-180deg);
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow.slick-next {
  left: 180px;
}
.landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow:hover {
  opacity: 1;
}
@media all and (max-width: 600px) {
  .landing-ec .capsulas {
    padding: 30px 0 60px;
  }
  .landing-ec .capsulas .container {
    flex-direction: column;
  }
  .landing-ec .capsulas .container .capsulas-ui .capsulas-ui-list {
    display: none;
  }
  .landing-ec .capsulas .container .capsulas-ui .text {
    font-size: 16px;
    margin: 0;
  }
  .landing-ec .capsulas .container .capsulas-slider {
    width: 100%;
    max-width: 100%;
  }
  .landing-ec .capsulas .container .capsulas-slider .slick-track {
    left: 0;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module {
    width: 100% !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module:after {
    display: none !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide {
    padding-bottom: 0 !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .content-wrapper {
    transform: none !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide .slide-content-mobile {
    display: block !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .capsulas-slider_slide.slick-active.slick-current .slide-content-mobile .list-item {
    opacity: 1;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-list {
    margin: 0 -10px !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-list .slick-slide {
    margin: 0 10px !important;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow {
    width: 40px;
    height: 40px;
    background-size: cover;
    left: unset;
    right: unset;
    bottom: -45px;
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow.slick-prev {
    left: 50%;
    transform: translateX(-100%) rotate(-180deg);
  }
  .landing-ec .capsulas .container .capsulas-slider .capsulas-slider_module .slick-arrow.slick-next {
    left: 50%;
    transform: translateX(50%);
  }
}
.landing-ec .pregunta-del-mes {
  background-color: black;
  color: white;
  padding: 120px 0;
}
.landing-ec .pregunta-del-mes .title {
  text-align: center;
  color: #FFF;
  font-family: "Funnel Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 140px 0;
}
.landing-ec .pregunta-del-mes .title img {
  display: block;
  margin: 0 auto 20px;
}
.landing-ec .pregunta-del-mes .questions-slider {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 60px;
}
.landing-ec .pregunta-del-mes .questions-slider .slick-slide {
  margin: 0 30px;
}
.landing-ec .pregunta-del-mes .questions-slider .slick-list {
  margin: 0 -30px;
}
.landing-ec .pregunta-del-mes .questions-slider_question .author {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.landing-ec .pregunta-del-mes .questions-slider_question .author img {
  border-radius: 50%;
}
.landing-ec .pregunta-del-mes .questions-slider_question .author .author-meta .name {
  color: #FFF;
  font-family: "Funnel Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.landing-ec .pregunta-del-mes .questions-slider_question .author .author-meta .position {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.landing-ec .pregunta-del-mes .questions-slider_question .question-body {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFF;
  font-family: "Funnel Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.landing-ec .pregunta-del-mes .questions-slider .slick-arrow {
  position: absolute;
  top: 50%;
  text-indent: -9999em;
  overflow: hidden;
  border: none;
  width: 65px;
  height: 65px;
  background-color: white;
  border-radius: 50%;
  background-image: url("/content/themes/meat-theme/dist/images/icons/questions-slick-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.landing-ec .pregunta-del-mes .questions-slider .slick-arrow.slick-prev {
  left: 0;
  transform: translateX(-100%) translateY(-50%);
}
.landing-ec .pregunta-del-mes .questions-slider .slick-arrow.slick-next {
  right: 0;
  transform: translateX(100%) translateY(-50%) rotate(180deg);
}
@media all and (max-width: 600px) {
  .landing-ec .pregunta-del-mes {
    padding: 80px 0 140px 0;
  }
  .landing-ec .pregunta-del-mes .title {
    margin: 0 0 50px 0;
  }
  .landing-ec .pregunta-del-mes .questions-slider {
    padding: 0;
  }
  .landing-ec .pregunta-del-mes .questions-slider .slick-arrow {
    top: unset;
    bottom: -80px;
  }
  .landing-ec .pregunta-del-mes .questions-slider .slick-arrow.slick-prev {
    left: 50%;
    transform: translateX(-100%);
    margin-left: -10px;
  }
  .landing-ec .pregunta-del-mes .questions-slider .slick-arrow.slick-next {
    right: 50%;
    transform: translateX(100%) rotate(-180deg);
    margin-right: -10px;
  }
}
.landing-ec .sumate-banner {
  background-color: black;
  position: relative;
}
.landing-ec .sumate-banner > img {
  opacity: 0.42;
  width: 100%;
  height: auto;
}
.landing-ec .sumate-banner > img.banner-mobile {
  display: none;
}
@media all and (max-width: 600px) {
  .landing-ec .sumate-banner > img.banner-desktop {
    display: none;
  }
  .landing-ec .sumate-banner > img.banner-mobile {
    display: block;
  }
}
.landing-ec .sumate-banner .banner-contents {
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  max-width: 740px;
}
.landing-ec .sumate-banner .banner-contents .banner-title {
  font-family: "Funnel Display";
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.landing-ec .sumate-banner .banner-contents .banner-text {
  font-family: "Sofia Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 100;
  line-height: 160%;
  margin: 40px 0;
}
.landing-ec .sumate-banner .banner-contents .buttons {
  display: flex;
  gap: 30px;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 20px;
  border: 2px solid white;
  border-radius: 150px;
  color: white;
  font-family: "Sofia Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transition: all 0.3s ease;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn svg {
  stroke: white;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn.btn-primary {
  background-color: white;
  color: black;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn.btn-primary svg {
  stroke: black;
  fill: white;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn.btn-primary:hover {
  background-color: black;
  color: white;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn.btn-primary:hover svg {
  stroke: white;
  fill: black;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn:hover {
  background-color: white;
  color: black;
}
.landing-ec .sumate-banner .banner-contents .buttons .btn:hover svg {
  stroke: black;
}
@media all and (max-width: 600px) {
  .landing-ec .sumate-banner .banner-contents {
    max-width: calc(100% - 30px);
    left: 15px;
  }
  .landing-ec .sumate-banner .banner-contents .banner-title {
    font-size: 38px;
  }
  .landing-ec .sumate-banner .banner-contents .banner-text {
    font-size: 16px;
  }
  .landing-ec .sumate-banner .banner-contents .buttons {
    flex-direction: column;
    gap: 10px;
  }
  .landing-ec .sumate-banner .banner-contents .buttons .btn {
    justify-content: center;
  }
}
.landing-ec .news-section {
  padding: 100px 0;
}
.landing-ec .news-section > .container {
  width: 1440px;
  max-width: 100%;
}
.landing-ec .news-section .section-title {
  color: #000;
  font-family: "Funnel Display";
  font-size: 74px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  text-align: center;
  margin: 0 0 80px 0;
}
@media all and (max-width: 600px) {
  .landing-ec .news-section .section-title {
    font-size: 38px;
    margin: 0 0 40px 0;
  }
}
.landing-ec .news-section .news-section_items {
  display: flex;
  gap: 30px;
}
@media all and (max-width: 600px) {
  .landing-ec .news-section .news-section_items {
    display: block;
  }
}
.landing-ec .news-section .news-section_items .news-item {
  border-radius: 40px;
  overflow: hidden;
  border: 3px solid #F2F2FA;
  height: 100%;
  top: 30px;
  position: sticky;
  flex: 1;
}
.landing-ec .news-section .news-section_items .news-item img {
  width: 100%;
  height: auto;
}
.landing-ec .news-section .news-section_items .news-item .news-meta {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.landing-ec .news-section .news-section_items .news-item .news-meta_date {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.4px */
}
.landing-ec .news-section .news-section_items .news-item .news-meta_title {
  color: #26262C;
  font-family: "Funnel Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.landing-ec .news-section .news-section_items .news-item .news-meta_tags {
  color: #26262C;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.28px;
  display: flex;
  gap: 10px;
}
.landing-ec .news-section .news-section_items .news-item .news-meta_tags span {
  background-color: #DBDBDB;
  display: block;
  padding: 4px 10px;
}
.landing-ec .news-section .news-section_items .news-item .news-meta .btn.btn-default {
  border: 1px solid black;
  gap: 10px;
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: inline-flex;
  padding: 14px 20px;
  align-items: center;
  border-radius: 30px;
  transition: all 0.3s ease;
}
.landing-ec .news-section .news-section_items .news-item .news-meta .btn.btn-default:hover {
  background-color: black;
  color: white;
}
.landing-ec .news-section .news-section_items .news-item .news-meta .btn.btn-default:hover svg {
  stroke: white;
}
.landing-ec .news-section .news-section_items .news-item:nth-child(2) {
  margin-top: 45%;
}
.landing-ec .news-section .news-section_items .news-item:nth-child(3) {
  margin-top: 90%;
}
.landing-ec .news-section .news-section_items .news-item:nth-child(4) {
  margin-top: 125%;
}
.landing-ec .news-section .slick-arrow {
  position: absolute;
  bottom: -80px;
  text-indent: -9999em;
  overflow: hidden;
  border: none;
  width: 65px;
  height: 65px;
  background-color: black;
  border-radius: 50%;
  background-image: url("/content/themes/meat-theme/dist/images/icons/questions-slick-arrow-white.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.landing-ec .news-section .slick-arrow.slick-prev {
  left: 50%;
  transform: translateX(-100%);
  margin-left: -10px;
}
.landing-ec .news-section .slick-arrow.slick-next {
  right: 50%;
  transform: translateX(100%) rotate(-180deg);
  margin-right: -10px;
}
.landing-ec .ec-footer {
  background-color: black;
  color: white;
  padding: 140px 0 60px;
  font-family: "Funnel Display";
}
.landing-ec .ec-footer_phrase {
  text-align: center;
  color: #FFF;
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  padding: 15px 0 90px;
}
.landing-ec .ec-footer img {
  margin: 0 auto;
}
.landing-ec .ec-footer .copyrights {
  text-overflow: ellipsis;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 0 75px;
  margin-top: 140px;
}
@media all and (max-width: 600px) {
  .landing-ec .ec-footer {
    padding: 80px 0;
  }
  .landing-ec .ec-footer .ec-footer_phrase {
    font-size: 38px;
    padding: 15px 0 40px;
  }
  .landing-ec .ec-footer .copyrights {
    margin-top: 80px;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
  }
}