@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@400;800&display=swap");
.strong {
  color: #898584;
}

.stronger {
  color: #443D3C;
}

.danger {
  color: #ED1515;
}

.succes {
  color: #1F9A50;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video,
input,
textarea,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Catamaran", sans-serif;
  line-height: 150%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

footer,
header,
nav,
section,
main {
  display: block;
}

body {
  color: #443d3c;
  overflow-x: hidden;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

input {
  border-radius: 0;
  margin: 0;
}
input:hover {
  border: none;
}
input:focus {
  outline: none;
  outline-width: 0;
}

button {
  text-align: left;
}

.title-xxl {
  margin: 0;
  font-weight: 800;
  font-size: 2rem;
}
@media all and (min-width: 768px) {
  .title-xxl {
    font-size: 3rem;
  }
}
@media all and (min-width: 1280px) {
  .title-xxl {
    font-size: 4rem;
  }
}
.title-lg {
  margin: 0;
  font-weight: 400;
  font-size: 1.5rem;
}
@media all and (min-width: 768px) {
  .title-lg {
    font-size: 2.5rem;
  }
}
.title-md {
  margin: 0;
  font-weight: 800;
  font-size: 1.5rem;
}
@media all and (min-width: 768px) {
  .title-md {
    font-size: 2rem;
  }
}
.title-sm {
  margin: 0;
  font-weight: 700;
  font-size: 1.125rem;
}
.title-xs {
  margin: 0;
  font-weight: 700;
  font-size: 1rem;
}

.text-xxxl {
  font-weight: 800;
  font-size: 4rem;
}
.text-xxl {
  font-weight: 400;
  font-size: 2rem;
}
.text-xl {
  font-weight: 400;
  font-size: 1.75rem;
}
.text-lg {
  font-weight: 400;
  font-size: 1.125rem;
}
.text-md {
  font-weight: 400;
  font-size: 1rem;
}
.text-sm {
  font-weight: 900;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.24em;
}

@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?6cklg3");
  src: url("../../fonts/icomoon.eot?6cklg3#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?6cklg3") format("truetype"), url("../../fonts/icomoon.woff?6cklg3") format("woff"), url("../../fonts/icomoon.svg?6cklg3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-goweb:before {
  content: "\e900";
}

.icon-arrow_left:before {
  content: "\e906";
}

.icon-arrow_right:before {
  content: "\e907";
}

.icon-chevron_left:before {
  content: "\e908";
}

.icon-chevron_right:before {
  content: "\e909";
}

.icon-chevron_up:before {
  content: "\e904";
}

.icon-chevron_down:before {
  content: "\e905";
}

.icon-cycle:before {
  content: "\e90a";
}

.icon-facebook:before {
  content: "\e90b";
}

.icon-instagram:before {
  content: "\e90c";
}

.icon-linkedin:before {
  content: "\e90d";
}

.icon-location:before {
  content: "\e90e";
}

.icon-metro:before {
  content: "\e90f";
}

.icon-phone:before {
  content: "\e910";
}

.icon-train:before {
  content: "\e911";
}

.icon-tram:before {
  content: "\e912";
}

.icon-trottinette:before {
  content: "\e902";
}

.icon-close:before {
  content: "\e903";
}

.icon-tchat:before {
  content: "\e913";
}

.icon-w:before {
  content: "\e914";
}

.icon-motif_w:before {
  content: "\e901";
}

.w-mark.w-mark-heading {
  position: relative;
  color: #ff445f;
}
.w-mark.w-mark-heading:before {
  transform: translate(0, 0);
  top: -10px;
  left: 0;
  font-size: 20px;
}
@media all and (min-width: 1280px) {
  .w-mark.w-mark-heading:before {
    top: -40px;
  }
}

.primary-link {
  display: flex;
  align-items: end;
  font-weight: 800;
  font-size: 1rem;
  text-align: right;
  text-decoration: underline;
  color: #443d3c;
}
.primary-link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill='%23443D3C' d='m13.206 8.706.71-.706-.707-.706-4.5-4.5L8 2.084 6.588 3.5l.706.706L10.088 7H0v2h10.084l-2.793 2.794-.704.706L8 13.916l.706-.707 4.5-4.5v-.003Z'/%3E%3C/svg%3E");
  margin-left: 0.625rem;
  height: 1rem;
}

/* a11y-2026 */
.skip-link {
  position: absolute;
  top: -48px;
  left: 0;
  padding: 12px 16px;
  background: #fff;
  color: #000;
  z-index: 1000;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.skip-link:focus {
  top: 0;
}

/* Décalage pour ne pas masquer la cible derrière le header fixe */
#main-content,
#site-menu,
#site-footer {
  scroll-margin-top: 6rem;
}
@media all and (min-width: 768px) {
  #main-content,
  #site-menu,
  #site-footer {
    scroll-margin-top: 7rem;
  }
}

.header__menu-icon {
  appearance: none;
  -webkit-appearance: none;
}

.contact-form__consent a,
.error-banner__text--subtitle a,
.success-banner__link--home,
.success-banner__link--talks {
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
}

.header__menu-link,
.header__contact-btn,
.footer__contact-btn,
.footer__link__talks,
.btn,
.contact-form__submit {
  text-decoration: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role=button]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

#main-content:focus,
#site-menu:focus,
#site-footer:focus {
  outline: 3px solid currentColor;
  outline-offset: -3px;
}

.header__menu-link:focus-visible,
.header__contact-btn:hover,
.header__contact-btn:focus-visible,
.footer__contact-btn:hover,
.footer__contact-btn:focus-visible,
.footer__link:focus-visible,
.footer__link__talks:hover,
.footer__link__talks:focus-visible,
.success-banner__link--home:hover,
.success-banner__link--home:focus-visible,
.success-banner__link--talks:hover,
.success-banner__link--talks:focus-visible {
  font-weight: 700;
}

/* a11y-skip-banner-2026 */
.skip-links {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background: #443D3C;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.skip-links:focus-within {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.skip-links__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.skip-links__item {
  flex: 1 1 220px;
}

.skip-links__link {
  display: block;
  padding: 12px 16px;
  color: #FFF;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.skip-links__item:last-child .skip-links__link {
  border-right: 0;
}

.skip-links__link:hover,
.skip-links__link:focus-visible {
  background: #302B2B;
  outline: 3px solid currentColor;
  outline-offset: -3px;
}

@media all and (max-width: 767px) {
  .skip-links__item {
    flex-basis: 100%;
  }
  .skip-links__link {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
  .skip-links__item:last-child .skip-links__link {
    border-bottom: 0;
  }
}
.btn {
  display: block;
  width: fit-content;
  font-weight: bold;
  padding: 0.75rem 1.25rem;
  line-height: 1.5rem;
  background-color: #443d3c;
  color: white;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out;
}
.btn--important {
  background-color: #ff445f;
}
.btn__arrow {
  display: inline-block;
  content: "";
  width: 0;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M19.184 12.812 20 12l-.812-.812-5.174-5.174-.816-.816-1.624 1.628.812.812L15.6 10.85H4v2.3h11.595l-3.212 3.212-.809.812 1.624 1.628.812-.812 5.174-5.174v-.004Z'/%3E%3C/svg%3E");
  vertical-align: top;
  transition: width 0.3s ease-in-out;
}
.btn:hover {
  background-color: #ff445f;
}
.btn:hover .btn__arrow {
  width: 1.5rem;
}

.square {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #443d3c;
}

.cross {
  align-items: center;
  justify-items: center;
  display: none;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: ". top ." "left center right" ". bottom .";
  width: 1.5rem;
  height: 1.5rem;
}
@media all and (min-width: 768px) {
  .cross {
    display: grid;
    transition: all 0.3s ease;
  }
}
.cross:hover {
  width: 3.125rem;
  height: 3.125rem;
}
.cross__square--top {
  grid-area: top;
  margin-bottom: auto;
}
.cross__square--right {
  grid-area: right;
  margin-left: auto;
}
.cross__square--bottom {
  grid-area: bottom;
  margin-top: auto;
}
.cross__square--left {
  grid-area: left;
  margin-right: auto;
}
.cross__square--center {
  grid-area: center;
}

@media all and (min-width: 1920px) {
  body {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }
}

main {
  padding-top: 4.5rem;
}
main section:not(:first-child) {
  margin-top: 2.5rem;
}
@media all and (min-width: 768px) {
  main section:not(:first-child) {
    margin-top: 5rem;
  }
}

.container {
  margin: 0 1.5rem;
}
@media all and (min-width: 1920px) {
  .container {
    margin: 0;
  }
}

.header {
  position: fixed;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  padding: 1.5rem 1rem 0rem 1rem;
  height: 5.5rem;
}
.header::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 0px;
  background: #ffffff;
  height: 4.5rem;
  width: 100%;
  z-index: -1;
}
@media all and (min-width: 768px) {
  .header {
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem 2.5rem 0rem 2.5rem;
    height: 6.5rem;
  }
}
@media all and (min-width: 1280px) {
  .header {
    display: flex;
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
@media all and (min-width: 1920px) {
  .header {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }
}
.header--open {
  height: 100vh;
  flex-direction: column;
}
.header--open .header--left {
  height: unset;
}
.header--open .header--right-container {
  position: absolute;
  right: 1.5rem;
  z-index: 11;
  background-color: #ffffff;
  height: 56px;
}
@media all and (min-width: 768px) {
  .header--open {
    height: unset;
  }
}
.header--left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media all and (min-width: 768px) {
  .header--left {
    width: 100%;
    max-width: 240px;
  }
}
@media all and (min-width: 1280px) {
  .header--left {
    grid-column: 1/2;
  }
}
.header--center {
  display: none;
}
@media all and (min-width: 768px) {
  .header--center {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media all and (min-width: 1280px) {
  .header--center {
    grid-column: 5/12;
  }
}
.header--center-open {
  display: block;
  flex: 1;
}
.header--right-container {
  display: flex;
}
@media all and (min-width: 768px) {
  .header--right-container {
    width: 100%;
    max-width: 200px;
    justify-content: end;
    flex-direction: row-reverse;
  }
}
@media all and (min-width: 768px) {
  .header--right {
    display: flex;
    width: 100%;
    max-width: 200px;
    justify-content: end;
  }
}
@media all and (min-width: 1280px) {
  .header--right {
    grid-column: 12/13;
    align-items: center;
    justify-content: center;
  }
}
.header__logo {
  height: 100%;
  display: flex;
  background-color: #443d3c;
  padding: 8px 16px;
}
@media all and (min-width: 768px) {
  .header__logo {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
  }
}
@media all and (min-width: 1280px) {
  .header__logo {
    width: 100%;
    padding: 8px 56px;
  }
}
.header__logo-link {
  height: 100%;
  display: flex;
  align-items: center;
}
@media all and (min-width: 768px) {
  .header__logo-link {
    height: unset;
  }
}
.header__logo--img {
  padding: 0.75rem 1rem;
}
@media all and (min-width: 768px) {
  .header__logo--img {
    padding: 0rem 0.5rem;
  }
}
@media all and (min-width: 1280px) {
  .header__logo--img {
    padding: 0;
  }
}
@media all and (min-width: 768px) {
  .header__menu {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    padding: 0px 20px 0px 20px;
  }
}
.header__menu-icon {
  padding: 0.75rem 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #AFACAB;
  background: #fff;
  user-select: none;
}
@media all and (min-width: 768px) {
  .header__menu-icon {
    margin-right: 0.75rem;
    position: relative;
  }
}
.header__menu-icon-line {
  display: block;
  position: relative;
  width: 1.5rem;
  height: 3px;
  background-color: #443d3c;
  transition: transform 0.2s;
}
.header__menu-icon-line:not(:last-child) {
  margin-bottom: 4px;
}
.header__menu-icon--open-line:first-child {
  transform: translateY(0.5rem) rotate(45deg);
}
.header__menu-icon--open-line:nth-child(2) {
  opacity: 0;
}
.header__menu-icon--open-line:nth-child(3) {
  transform: translateY(-0.38rem) rotate(-45deg);
}
.header__menu-item, .header__menu-item--active {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  list-style: none;
  cursor: pointer;
}
@media all and (min-width: 768px) {
  .header__menu-item, .header__menu-item--active {
    padding: 0;
  }
}
.header__menu-item--active > a .header__menu-highlight, .header__menu-item:hover > a .header__menu-highlight {
  transition: 0.4s ease;
  width: 100%;
  background-color: #ff445f;
}
@media all and (min-width: 768px) {
  .header__menu-item--secondary {
    display: none;
  }
}
.header__menu-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 11;
  list-style: none;
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  background-color: #ffffff;
  border: 1px solid #AFACAB;
  min-width: 200px;
  margin-top: 0;
  padding: 1rem 0 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.header__menu-dropdown .header__menu-highlight {
  bottom: -0.5rem;
}
@media all and (min-width: 768px) {
  .header__menu-dropdown--open {
    display: flex;
  }
}
.header__menu-dropdown .header__menu-item,
.header__menu-dropdown .header__menu-item--active {
  text-align: left;
  padding: 0;
  width: 100%;
}
@media all and (min-width: 768px) {
  .header__menu-dropdown .header__menu-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    margin: 0 1rem;
    width: fit-content;
  }
}
.header__menu-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #443d3c;
  text-decoration: none;
}
.header__menu-link--strong {
  font-weight: 700;
}
@media all and (min-width: 768px) {
  .header__menu-link {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 100%;
  }
}
.header__menu-link-text {
  padding: 1rem 0;
  grid-area: 1/1/3/2;
}
@media all and (min-width: 768px) {
  .header__menu-link-text {
    padding: 0;
  }
}
.header__menu-highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 5px;
  width: 10%;
}
.header__contact {
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 240px;
  bottom: 0;
  padding: 16px 24px;
  background-color: #ff445f;
}
@media all and (min-width: 768px) {
  .header__contact {
    width: 100%;
  }
}
@media all and (min-width: 1280px) {
  .header__contact {
    padding: 16px 56px;
  }
}
.header__contact-open {
  display: flex;
  width: 100%;
  max-width: unset;
}
.header__contact-btn {
  background: none;
  color: #ffffff;
  border: none;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
  line-height: 30px;
  padding: 0 1rem;
  font-weight: 800;
}
@media all and (min-width: 768px) {
  .header__contact-btn {
    padding: unset;
  }
}
@media all and (min-width: 1280px) {
  .header__contact-btn {
    padding: 0 1rem;
  }
}

@font-face {
  font-family: "Aller";
  src: url("../fonts/Aller_Rg.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
.footer {
  background-color: #302B2B;
  color: #ffffff;
  margin-top: 2.5rem;
  padding: 2rem 1.5rem;
  line-height: 1.5rem;
  font-size: 1rem;
}
@media all and (min-width: 768px) {
  .footer {
    margin-top: 5rem;
    padding: 48px var(--space-main-margin, 40px);
  }
}
@media all and (min-width: 1280px) {
  .footer {
    padding: 48px var(--space-main-margin, 80px);
  }
}
.footer__title {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
}
@media all and (min-width: 768px) {
  .footer__title {
    font-size: 24px;
  }
}
@media all and (min-width: 768px) {
  .footer__content {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
  }
}
.footer__contact-container {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .footer__contact-container {
    min-width: 270px;
    max-width: 280px;
  }
}
.footer__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  margin-top: 0.5rem;
}
@media all and (min-width: 1280px) {
  .footer__list {
    gap: 0;
  }
}
.footer__link {
  color: #ffffff;
  text-decoration: none;
  margin-right: 1rem;
}
.footer__link-dot {
  display: flex;
  align-items: center;
}
.footer__link-dot::after {
  content: "";
  background-color: #ff445f;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-left: 1.25rem;
}
.footer__link-dot--last::after {
  display: none;
}
.footer__link__talks {
  color: var(--Rose-600, var(--Colors-Rose-600, #FF445F));
  font-family: "Aller", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
.footer__link__talks__goweb {
  color: var(--White, var(--White, #FFF));
  text-align: right;
  font-family: "Aller", sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
.footer__link__talks__goweb::after {
  content: ".";
  color: var(--Rose-600, var(--Colors-Rose-600, #FF445F));
  font-family: "Aller", sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
.footer__contact {
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .footer__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
  }
}
@media all and (min-width: 1280px) {
  .footer__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
    width: 100%;
  }
}
.footer__contact-coordinates {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 56px 0;
}
@media all and (min-width: 768px) {
  .footer__contact-coordinates {
    flex-direction: row;
    gap: 0;
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
    row-gap: 1rem;
  }
}
@media all and (min-width: 1280px) {
  .footer__contact-coordinates {
    justify-content: center;
  }
}
.footer__contact-btn {
  display: flex;
  height: 72px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #FF445F;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  font-weight: 800;
  margin: 16px 0;
  width: 80%;
  max-width: 250px;
}
.footer__contact-web {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
@media all and (min-width: 768px) {
  .footer__contact-web {
    margin-top: 0;
  }
}
.footer__copyright {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 12px;
  gap: 4px;
}
@media all and (min-width: 768px) {
  .footer__copyright {
    font-size: 18px;
  }
}
.footer__copyright__goweb {
  color: var(--White, var(--White, #FFF));
  font-family: "Aller", sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
.footer__copyright__goweb::after {
  content: ".";
  color: var(--Rose-600, var(--Colors-Rose-600, #FF445F));
  font-family: "Aller", sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
@media all and (min-width: 768px) {
  .footer__copyright {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
}
.footer__logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
@media all and (min-width: 768px) {
  .footer__logo {
    align-items: flex-end;
    gap: 1rem;
  }
}
@media all and (min-width: 1280px) {
  .footer__logo {
    flex-direction: column-reverse;
    gap: 1.5rem;
    width: 280px;
  }
}
.footer__logo--container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media all and (min-width: 768px) {
  .footer__logo--container {
    display: block;
  }
}
@media all and (min-width: 1280px) {
  .footer__logo--container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
.footer__logo--ecovadis {
  height: 40px;
  width: 56px;
  padding-right: 1rem;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .footer__logo--ecovadis {
    position: relative;
    vertical-align: middle;
    border-right: 1px solid var(--Color-border-strong, #898584);
  }
}
.footer__logo--goldsupplier {
  width: 166.59px;
  height: 52px;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .footer__logo--goldsupplier {
    vertical-align: middle;
    width: 182.59px;
    padding-left: 16px;
  }
}
.footer__logo--littlebigconnection {
  width: 118.3px;
  height: 28px;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .footer__logo--littlebigconnection {
    width: 134.3px;
    height: auto;
    padding: 8px 16px;
    border-right: 1px solid var(--Color-border-strong, #898584);
    position: relative;
    vertical-align: middle;
  }
}
.footer__links__top {
  display: contents;
}
@media (min-width: 1280) and (max-width: 1420px) {
  .footer__links__top {
    display: flex;
    margin-bottom: 1rem;
  }
}
.footer__links__bottom {
  display: contents;
}
@media all and (min-width: 1280px) {
  .footer__links__bottom {
    display: flex;
  }
}
@media all and (min-width: 768px) {
  .footer__link__logo {
    margin-top: 0.5rem;
    display: flex;
    align-items: end;
    flex-direction: column;
    font-size: 16px;
    width: 100%;
    gap: 1.5rem;
  }
}
@media all and (min-width: 1280px) {
  .footer__link__logo {
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 16px;
    width: 100%;
    gap: 1.5rem;
    justify-content: space-between;
  }
}

@media all and (min-width: 1280px) {
  .page {
    max-width: 80vw;
    margin: 0 auto;
  }
}
.page__title {
  text-align: center;
  font-size: 2rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.page__title-icon {
  width: 5rem;
}

.page-blog {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .page-blog {
    max-width: 60vw;
    margin: 0 auto;
  }
}
.page-blog__figure {
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  height: 12rem;
  z-index: 0;
}
@media all and (min-width: 768px) {
  .page-blog__figure {
    height: 30rem;
    order: 0;
    margin-left: -10vw;
    margin-right: -10vw;
  }
}
.page-blog__figure-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-blog__details, .page-blog__content {
  padding: 2.5rem 2.5rem 0;
}
.page-blog__details {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
@media all and (min-width: 768px) {
  .page-blog__details {
    order: 1;
    margin-top: -15rem;
    background-color: white;
  }
}
.page-blog__details-tags {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}
.page-blog__details-tags-item {
  padding: 0.5rem;
  background-color: #D0CFCE;
  color: #2B2726;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.page-blog__details-title {
  align-items: flex-start;
  text-align: left;
}
.page-blog__content {
  margin-top: 2rem;
}
@media all and (min-width: 768px) {
  .page-blog__content {
    order: 2;
    margin-top: 0;
    background-color: white;
    z-index: 2;
  }
}
.page-blog__content h2 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem;
}
.page-blog__content .table-responsive {
  overflow-x: auto;
  display: block;
  max-width: 100%;
  margin-top: 0.5rem;
}
@media (min-width: 1020px) {
  .page-blog__content .table-responsive {
    overflow-x: initial;
  }
}
.page-blog__content table {
  width: 100%;
}
.page-blog__content table td {
  border-left: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  font-size: 1rem;
  background-color: #F9F9F9;
  padding: 0.625rem;
  min-width: 200px;
}
.page-blog__content table td:last-child {
  border-right: 1px #ececec solid;
}
@media (min-width: 1020px) {
  .page-blog__content table td {
    min-width: auto;
  }
}
.page-blog__content table th {
  border-left: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  font-size: 1rem;
  background-color: #F9F9F9;
  padding: 0.625rem;
}
.page-blog__content table th:last-child {
  border-right: 1px #ececec solid;
}
.page-blog__content table tr:first-child td {
  border-top: 1px #ececec solid;
}
.page-blog__content table tr:nth-child(even) td {
  background-color: white;
}

@media all and (min-width: 1280px) {
  .page {
    max-width: 80vw;
    margin: 0 auto;
  }
}
.page__title {
  text-align: center;
  font-size: 2rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.page__title-icon {
  width: 5rem;
}

.page-blog {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .page-blog {
    max-width: 60vw;
    margin: 0 auto;
  }
}
.page-blog__figure {
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  height: 12rem;
  z-index: 0;
}
@media all and (min-width: 768px) {
  .page-blog__figure {
    height: 30rem;
    order: 0;
    margin-left: -10vw;
    margin-right: -10vw;
  }
}
.page-blog__figure-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-blog__details, .page-blog__content {
  padding: 2.5rem 2.5rem 0;
}
.page-blog__details {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
@media all and (min-width: 768px) {
  .page-blog__details {
    order: 1;
    margin-top: -15rem;
    background-color: white;
  }
}
.page-blog__details-tags {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}
.page-blog__details-tags-item {
  padding: 0.5rem;
  background-color: #D0CFCE;
  color: #2B2726;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.page-blog__details-title {
  align-items: flex-start;
  text-align: left;
}
.page-blog__content {
  margin-top: 2rem;
}
@media all and (min-width: 768px) {
  .page-blog__content {
    order: 2;
    margin-top: 0;
    background-color: white;
    z-index: 2;
  }
}
.page-blog__content h2 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem;
}
.page-blog__content .table-responsive {
  overflow-x: auto;
  display: block;
  max-width: 100%;
  margin-top: 0.5rem;
}
@media (min-width: 1020px) {
  .page-blog__content .table-responsive {
    overflow-x: initial;
  }
}
.page-blog__content table {
  width: 100%;
}
.page-blog__content table td {
  border-left: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  font-size: 1rem;
  background-color: #F9F9F9;
  padding: 0.625rem;
  min-width: 200px;
}
.page-blog__content table td:last-child {
  border-right: 1px #ececec solid;
}
@media (min-width: 1020px) {
  .page-blog__content table td {
    min-width: auto;
  }
}
.page-blog__content table th {
  border-left: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  font-size: 1rem;
  background-color: #F9F9F9;
  padding: 0.625rem;
}
.page-blog__content table th:last-child {
  border-right: 1px #ececec solid;
}
.page-blog__content table tr:first-child td {
  border-top: 1px #ececec solid;
}
.page-blog__content table tr:nth-child(even) td {
  background-color: white;
}

.card-swiper {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: auto;
  scrollbar-color: #ff445f transparent;
  padding-bottom: 1rem;
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .card-swiper {
    justify-content: flex-start;
  }
}
.card-swiper::-webkit-scrollbar {
  height: 0.75rem;
}
.card-swiper::-webkit-scrollbar-track {
  background: #ffffff;
}
.card-swiper::-webkit-scrollbar-thumb {
  background-color: #ff445f;
  border-radius: 0.625rem;
  border: 3px solid #ffffff;
}
.card-swiper__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.25fr 1fr 1fr;
  width: 20rem;
  min-width: 20rem;
  border: solid 1px rgba(68, 61, 60, 0.5);
}
.card-swiper__card-header {
  position: relative;
  grid-area: 2/1/3/2;
  align-self: self-end;
}
.card-swiper__card-header::before {
  position: absolute;
  content: "";
  background-image: linear-gradient(0deg, rgba(68, 61, 60, 0.6) 25%, rgba(68, 61, 60, 0) 100%, rgba(68, 61, 60, 0) 100%);
  height: 100%;
  width: 100%;
}
.card-swiper__card-header-img-wrapper {
  grid-area: 1/1/3/2;
  height: 300px;
}
.card-swiper__card-header-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-swiper__card-header-text-wrapper {
  position: relative;
  padding: 1.5rem;
}
.card-swiper__card-header-text {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
}
@media all and (min-width: 1280px) {
  .card-swiper__card-header-text {
    font-size: 2rem;
  }
}
.card-swiper__card-header-subtext {
  color: #ffffff;
}
@media all and (min-width: 1280px) {
  .card-swiper__card-header-subtext {
    font-size: 1.75rem;
  }
}
.card-swiper__card-content {
  grid-area: 3/1/4/2;
  height: 240px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: auto;
  scrollbar-color: #ff445f transparent;
  padding: 1.5rem;
}
.card-swiper__card-content::-webkit-scrollbar {
  height: 0.75rem;
}
.card-swiper__card-content::-webkit-scrollbar-track {
  background: #ffffff;
}
.card-swiper__card-content::-webkit-scrollbar-thumb {
  background-color: rgba(68, 61, 60, 0.5);
  border-radius: 0.625rem;
  border: 6px solid #ffffff;
}
.card-swiper__card-content:before {
  content: "";
  width: calc(100% - 3rem);
  height: 50px;
  position: absolute;
  left: 1.5rem;
  bottom: 0;
  background: linear-gradient(transparent, white);
}

.article-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media all and (min-width: 768px) {
  .article-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (min-width: 1280px) {
  .article-list {
    margin-top: 3rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
@media all and (min-width: 1920px) {
  .article-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.article {
  background-color: black;
  color: white;
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 144px;
}
@media all and (min-width: 1280px) {
  .article {
    min-height: 15rem;
  }
}
.article__image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
}
.article__content {
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media all and (min-width: 1280px) {
  .article__content {
    height: 100%;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(0deg, rgba(68, 61, 60, 0.6), rgba(68, 61, 60, 0));
    z-index: 1;
  }
}
.article__content-date {
  z-index: 1;
  cursor: pointer;
}
.article__content-title {
  z-index: 1;
  font-size: 1.25rem;
  cursor: pointer;
}
@media all and (min-width: 1280px) {
  .article__content-title {
    height: 4rem;
  }
}
.article__content-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.article__content-btn {
  position: absolute;
  color: white;
  font-weight: 700;
  text-decoration: none;
  right: 15px;
  bottom: 5px;
  cursor: pointer;
}

.paging {
  display: flex;
  margin-top: 2rem;
}
@media all and (min-width: 1280px) {
  .paging {
    align-items: center;
    gap: 1rem;
    justify-content: center;
  }
}
.paging__block {
  gap: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}
@media all and (min-width: 1280px) {
  .paging__block {
    flex: inherit;
  }
}
@media all and (min-width: 1280px) {
  .paging__block-btn-right {
    display: flex;
    width: 3rem;
    padding: 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #F4F3F3;
  }
}
@media all and (min-width: 1280px) {
  .paging__block-btn-left {
    display: flex;
    width: 3rem;
    padding: 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #F4F3F3;
  }
}
@media all and (min-width: 1280px) {
  .paging__block > span {
    display: flex;
    min-width: 2.5rem;
    min-height: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    background: #F4F3F3;
  }
}
.paging span {
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  color: black;
}
.paging a > span {
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  color: #A29E9E;
}
.paging a {
  text-decoration: none;
}

.icon-chevron_right {
  color: #443d3c;
  font-size: 1rem;
  font-weight: 800;
}

.icon-chevron_left {
  color: #443d3c;
  font-size: 1rem;
  font-weight: 800;
}

.custom-select {
  position: absolute;
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  border: 1px solid #2B2726;
  cursor: pointer;
  margin: 1rem;
  width: 100%;
  right: 0;
}
@media all and (min-width: 768px) {
  .custom-select {
    margin: unset;
    width: unset;
  }
}
.custom-select__selected {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  color: #2B2726;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}
.custom-select__selected-arrow {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.custom-select__selected-icon {
  height: 12px;
  width: 12px;
  transition: transform 0.5s ease;
}
.custom-select__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  display: none;
  z-index: 999;
}
.custom-select__list-item {
  list-style: none;
  padding: 10px;
  cursor: pointer;
}
.custom-select__list-item-a {
  text-decoration: none;
  color: #333;
  display: block;
}
.custom-select__list-item:hover {
  background: #f0f0f0;
}

.filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
}
@media all and (min-width: 768px) {
  .filter {
    align-items: center;
    flex-direction: row;
    gap: 1rem;
    margin: 1rem 0 2rem 0 !important;
  }
}
@media all and (min-width: 1280px) {
  .filter {
    flex-direction: row;
  }
}
.filter__form {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  margin: 1rem;
}
@media all and (min-width: 768px) {
  .filter__form {
    flex-direction: row;
  }
}
.filter__form-input {
  width: 100%;
  height: 2.625rem;
  padding: 0.5rem;
  align-items: flex-start;
  gap: 0.5rem;
  border: 1px solid #D0CFCE;
}
@media all and (min-width: 768px) {
  .filter__form-input {
    width: 15rem;
  }
}
@media all and (min-width: 1280px) {
  .filter__form-input {
    width: 25rem;
  }
}
.filter__form-input:hover {
  border: 1px solid #66605F;
}
.filter__form--button {
  display: flex;
  height: 3rem;
  padding: 1rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: #FF445F;
  color: #ffffff;
  font-weight: 800;
}
@media all and (min-width: 768px) {
  .filter__form--button {
    width: unset;
  }
}

.custom-select.open .custom-select__list {
  display: block;
}

.custom-select.open .custom-select__selected-icon {
  transform: rotate(180deg);
}

.card-text {
  padding: 1.5rem;
}
@media all and (min-width: 768px) {
  .card-text {
    display: grid;
    column-gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 6rem;
  }
}
.card-text__list {
  margin-top: 1rem;
  padding: 0;
  list-style-type: none;
}
@media all and (min-width: 768px) {
  .card-text__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.card-text__list-title {
  flex: 1;
}
.card-text__list-link {
  align-self: flex-end;
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .card-text__list-wrapper {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 12;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.card-text__link-wrapper {
  margin-top: 2rem;
}
@media all and (min-width: 768px) {
  .card-text__link-wrapper {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 12;
    margin-top: 3.5rem;
  }
}
@media all and (min-width: 768px) {
  .card-text__link-title {
    text-align: center;
  }
}
.card-text__link-btn {
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .card-text__link-btn {
    margin: 1rem auto;
  }
}
.card-text__item {
  display: grid;
  grid-gap: 0.25rem;
  grid-template-columns: 1fr auto;
  padding: 1rem;
  border: 1px solid rgba(68, 61, 60, 0.5);
}
@media all and (min-width: 768px) {
  .card-text__item {
    box-sizing: border-box;
    width: calc(50% - 0.5rem);
  }
}
@media all and (min-width: 1280px) {
  .card-text__item {
    width: calc(25% - 0.75rem);
  }
}
.card-text__item:not(:nth-of-type(1)) {
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .card-text__item:not(:nth-of-type(1)) {
    margin-top: unset;
  }
}
.card-text__tag {
  height: fit-content;
  padding: 0.25rem 0.5rem;
  background-color: rgba(68, 61, 60, 0.1);
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-end: -1;
}
.card-text__summary {
  display: flex;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
  text-overflow: ellipsis;
}
.card-text__summary::before {
  display: block;
  content: "";
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  background-color: #443d3c;
  transition: all 0.3s ease;
}
.card-text__item:hover .card-text__summary::before {
  width: 2rem;
  min-width: 2rem;
  background-color: #ff445f;
}
.card-text__details {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: 2;
  grid-row-end: 3;
}
.card-text__link {
  justify-content: end;
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: 3;
  grid-row-end: 4;
  width: fit-content;
  margin-top: 0.75rem;
  margin-left: auto;
}

.carousel {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1.5rem;
  margin-top: 5rem !important;
  margin-bottom: 5rem;
  padding: 0 1.5rem;
}
@media all and (min-width: 768px) {
  .carousel {
    align-items: center;
  }
}
.carousel__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.carousel__slides {
  grid-area: 1/1/2/13;
}
@media all and (min-width: 768px) {
  .carousel__slides {
    grid-area: 1/7/2/13;
  }
}
.carousel__intro {
  grid-area: 2/1/3/13;
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .carousel__intro {
    grid-area: 1/2/2/6;
    text-align: right;
    margin-top: 0;
  }
}
@media all and (min-width: 1280px) {
  .carousel__intro {
    grid-area: 1/3/2/6;
  }
}
@media all and (min-width: 1920px) {
  .carousel__intro {
    grid-area: 1/4/2/6;
  }
}
.carousel__intro-title {
  font-weight: 800;
  font-size: 1.5rem;
  margin: 0;
}
.carousel__intro-text {
  margin: 1rem 0 0 0;
}
.carousel__intro-link {
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .carousel__intro-link {
    margin-left: auto;
  }
}
.carousel__slide {
  display: none;
  height: 400px;
  color: #ffffff;
}
.carousel__dot {
  cursor: pointer;
  height: 0.5rem;
  width: 0.5rem;
  margin-left: 2px;
  background-color: #c7c5c5;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.carousel__dot--active {
  width: 3.5rem;
  background-color: #443d3c;
}
.carousel__dot--play, .carousel__dot--pause {
  display: block;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
}
.carousel__dot--play {
  content: url("~/../../../images/2023/icons/play-solid.svg");
}
.carousel__dot--pause {
  content: url("~/../../../images/2023/icons/pause-solid.svg");
}

.justify-content-center {
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.5rem;
}
@media all and (min-width: 768px) {
  .justify-content-center {
    display: grid;
  }
}

.contact {
  align-items: center;
}
@media all and (min-width: 768px) {
  .contact {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media all and (min-width: 1280px) {
  .contact {
    grid-template-columns: repeat(6, 1fr);
  }
}
.contact textarea.form-control {
  min-height: 100px;
}
.contact .modal-title {
  background: none;
  color: white;
  color: #443d3c;
  font-size: 50px;
}
@media all and (min-width: 768px) {
  .contact .modal-block-left {
    grid-area: 1/2/2/12;
  }
}
@media all and (min-width: 1280px) {
  .contact .modal-block-left {
    grid-area: 1/2/2/6;
  }
}
.contact .modal-block-left .row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  padding: 1.5rem 0 0;
}
.contact .modal-block-left .row .primary-link {
  justify-content: center;
}
.contact .modal-block-left form {
  display: none;
}
@media all and (min-width: 768px) {
  .contact .modal-block-right {
    grid-area: 2/2/3/12;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
  }
}
@media all and (min-width: 1280px) {
  .contact .modal-block-right {
    grid-area: 2/2/2/6;
  }
}
.contact .modal-block-right-top {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.5rem;
  padding: 1.5rem;
  position: relative;
  z-index: 2;
  background: #443d3c url(../../img/bg_footer.svg) no-repeat center center;
  color: white;
}
.contact .modal-block-right-top .icon-w-mark {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  height: 2rem;
  font-size: 2rem;
  color: #FF445F;
}
.contact .modal-block-right-top .h4 {
  font-size: 1.8rem;
}
.contact .modal-block-right-top .dd-goweb {
  font-size: 1rem;
  margin-top: 0.75rem;
  margin-left: 0;
  position: relative;
  padding-left: 35px;
}
.contact .modal-block-right-top .dd-goweb:not(:last-child) {
  margin-bottom: 0.75rem;
}
.contact .modal-block-right-top .dd-goweb i {
  position: absolute;
  left: 0;
  color: #FF445F;
}
.contact .modal-block-right-top .dd-goweb .text-white {
  color: white;
}
.contact .modal-block-right-bottom {
  position: relative;
  z-index: 1;
  padding-top: 100%;
}
.contact .modal-block-right-bottom .gmap-goweb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.contact .modal-block-right-bottom .gmap-goweb-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 8px solid white;
  box-sizing: content-box;
  border-radius: 100% 100% 0 100%;
  background: #ff445f;
  transform: translate(-50%, -100%) rotate(45deg);
  box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.3);
  transition: transform 0.25s, box-shadow 0.25s;
  z-index: 1;
}
.contact .modal-block-right-bottom .gmap-goweb-pin:hover {
  transform: translate(-50%, -100%) rotate(45deg) scale(1.1, 1.1);
  box-shadow: 5px 5px 28px rgba(0, 0, 0, 0.3);
}
.contact .modal-block-right-bottom .gmap-goweb-pin img {
  width: 25px;
  height: auto;
  transform: rotate(-45deg);
}
.contact .btn-goweb {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.contact .btn-goweb .icon-arrow_right {
  display: none;
}
.contact .btn-goweb:hover .icon-arrow_right {
  display: block;
}

.dual-text {
  padding: 1.5rem;
  margin-top: unset !important;
}
@media all and (min-width: 768px) {
  .dual-text {
    display: flex;
    justify-content: center;
    gap: 3.5rem;
  }
}
@media all and (min-width: 1920px) {
  .dual-text {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media all and (min-width: 768px) {
  .dual-text__block {
    flex: 0 1 24rem;
    display: flex;
    flex-direction: column;
  }
}
.dual-text__block.dual-text__block--2, .dual-text__block.dual-text__block--3 {
  margin-top: 2.5rem;
}
@media all and (min-width: 768px) {
  .dual-text__block.dual-text__block--2, .dual-text__block.dual-text__block--3 {
    margin-top: 0;
  }
}
@media all and (min-width: 768px) {
  .dual-text__block .btn {
    margin-top: auto;
  }
}
.dual-text__details {
  margin: 0.5rem 0;
}
@media all and (min-width: 768px) {
  .dual-text__details {
    margin: 1rem 0;
  }
}
.dual-text__cross {
  flex-shrink: 0;
}
@media all and (min-width: 768px) {
  .dual-text__cross {
    align-self: center;
  }
}
@media all and (min-width: 768px) {
  .dual-text--triple .dual-text__block {
    flex: 1 1 0;
  }
}

.folder {
  display: flex;
  flex-wrap: wrap;
  color: #443d3c;
  padding: 1.5rem;
  /*    @include media-breakpoint-up(xl) {
      max-width: map-get($breakpoints, xl);
      margin-right: auto;
      margin-left: auto;
  }*/
}
@media all and (min-width: 1280px) {
  .folder {
    padding: 5rem;
  }
}
.folder__header {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem 2rem;
  width: 100%;
  border: 1px solid #443d3c;
  text-align: center;
  font-weight: 800;
  transition: background ease 0.2s;
}
@media all and (min-width: 768px) {
  .folder__header {
    order: 1;
    width: unset;
    margin-bottom: 0;
    margin-right: 1rem;
    padding: 0.5rem 1.5rem;
  }
}
@media all and (min-width: 1280px) {
  .folder__header {
    padding: 0.5rem 2rem;
  }
}
.folder__header:hover {
  color: #ff445f;
  border-color: #ff445f;
}
.folder__header::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath fill='%23443D3C' d='M10 1 5 6 0 1V0h10v1Z'/%3E%3C/svg%3E");
  width: 0.625rem;
}
@media all and (min-width: 768px) {
  .folder__header::after {
    display: none;
  }
}
.folder__content {
  width: 100%;
  display: none;
}
@media all and (min-width: 768px) {
  .folder__content {
    margin-top: 1rem;
    order: 99;
  }
}
.folder__content-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 16rem;
  padding: 1.25rem 1.5rem;
}
@media all and (min-width: 768px) {
  .folder__content-header {
    min-height: 23.25rem;
  }
}
.folder__content-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.folder__content-header-title {
  padding: 0.25rem 0;
  line-height: 2.5;
  font-size: 1.125rem;
  font-weight: 700;
  background-color: #ffffff;
}
@media all and (min-width: 768px) {
  .folder__content-header-title {
    font-size: 2rem;
    line-height: 2.125;
  }
}
.folder__content-header-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 5rem;
  height: 5rem;
  margin-bottom: 0.25rem;
  padding: 0.75rem;
  background-color: #ffffff;
}
.folder__content-header-logo-img {
  width: auto;
  height: 100%;
}
.folder__content-main {
  padding: 1.5rem 0;
}
@media all and (min-width: 768px) {
  .folder__content-main {
    padding: 0 1.5rem;
  }
}
.folder__content-main-list {
  margin-top: 1rem;
}
@media all and (min-width: 1280px) {
  .folder__content-main-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1rem;
    column-gap: 1.5rem;
    margin-top: 2rem;
  }
}
.folder__content-main-item {
  list-style-type: none;
}
.folder__content-main-item:not(:first-of-type) {
  margin-top: 1rem;
}
@media all and (min-width: 1280px) {
  .folder__content-main-item:not(:first-of-type) {
    margin-top: unset;
  }
}
.folder__content-main-heading {
  display: flex;
  font-weight: 700;
}
.folder__content-main-heading::before {
  place-self: center;
  display: block;
  content: "";
  width: 2rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  background-color: #ff445f;
  transition: all 0.3s ease;
}
.folder__input {
  display: none;
}
.folder__input:checked + .folder__header {
  color: #ff445f;
  border-color: #ff445f;
}
.folder__input:checked + .folder__header::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath fill='%23FF445F' d='M10 1 5 6 0 1V0h10v1Z'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
@media all and (min-width: 768px) {
  .folder__input:checked + .folder__header::after {
    display: none;
  }
}
.folder__input:checked + .folder__header + .folder__content {
  display: block;
}
@media all and (min-width: 768px) {
  .folder__input:checked + .folder__header + .folder__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.expertise__banner {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1.5rem;
}
@media all and (min-width: 768px) {
  .expertise__banner {
    padding: 7.5rem;
  }
}
@media all and (min-width: 1280px) {
  .expertise__banner {
    flex-direction: row;
  }
}
.expertise__banner-ctn {
  display: flex;
  flex-direction: column;
}
.expertise__banner-ctn--inner {
  background-color: green;
}
.expertise__banner-wrap {
  justify-content: center;
}
@media all and (min-width: 768px) {
  .expertise__banner-wrap {
    display: flex;
  }
}
.expertise__banner-wrap:nth-of-type(odd) {
  background-color: #F4F3F3;
}
@media all and (min-width: 1280px) {
  .expertise__banner--reverse {
    flex-direction: row-reverse;
  }
}
.expertise__banner--reverse .expertise__img__ctn {
  padding-right: 0;
}
@media all and (min-width: 1280px) {
  .expertise__banner--reverse .expertise__img__ctn {
    padding-left: 5rem;
    justify-content: start;
  }
}
@media all and (min-width: 1280px) {
  .expertise__banner--reverse .expertise__content {
    align-items: self-end;
    text-align: end;
  }
}
.expertise__banner--reverse .expertise__tag-wrap {
  display: flex;
}
@media all and (min-width: 1280px) {
  .expertise__banner--reverse .expertise__tag-wrap {
    justify-content: flex-end;
  }
}
.expertise__banner--reverse .expertise__description {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1280px) {
  .expertise__banner--reverse .expertise__description-title {
    justify-content: flex-end;
  }
}
.expertise__img {
  height: 12.9rem;
}
@media all and (min-width: 768px) {
  .expertise__img {
    height: 20rem;
    width: auto;
    max-width: 40rem;
  }
}
.expertise__img__ctn {
  display: flex;
  height: 320px;
  max-width: 640px;
  max-height: 426.667px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  aspect-ratio: 3/2;
}
@media all and (min-width: 1280px) {
  .expertise__img__ctn {
    justify-content: end;
    padding-right: 80px;
  }
}
.expertise__tag {
  font-family: Catamaran;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  background-color: #D2D0D0;
  padding: 0.25rem 0.8rem;
}
.expertise__tag-wrap {
  display: flex;
  gap: 0.5rem;
}
.expertise__title {
  margin-block: 0.5rem;
  color: var(--Color-text-strong, #272322);
  font-size: 1.5rem;
  line-height: 150%;
  font-weight: 800;
}
@media all and (min-width: 768px) {
  .expertise__title {
    font-size: 2rem;
  }
}
.expertise__subtitle {
  line-height: 150%;
  font-size: 1.25rem;
}
.expertise__content {
  display: flex;
  max-width: 720px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
@media all and (min-width: 768px) {
  .expertise__content {
    min-width: 520px;
  }
}
.expertise__logo {
  margin-bottom: 1.25rem;
  height: 3.75rem;
  width: auto;
}
@media (max-width: 1279px) {
  .expertise__logo {
    margin-top: 1rem;
  }
}
.expertise__description-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media all and (min-width: 768px) {
  .expertise__description-wrap {
    flex-direction: row;
  }
}
.expertise__description-wrap {
  margin-top: 1.5rem;
}
.expertise__description-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.expertise__description-title::before {
  content: "";
  display: block;
  height: 0.375rem;
  width: 2rem;
  background-color: #FF445F;
}

.hero {
  display: grid;
  overflow: hidden;
  min-height: 13rem;
}
@media all and (min-width: 768px) {
  .hero {
    min-height: 20rem;
  }
}
@media all and (min-width: 1280px) {
  .hero {
    min-height: 26rem;
  }
}
@media all and (min-width: 768px) {
  .hero * {
    transition: all 0.6s ease-in-out;
  }
}
.hero__frame {
  grid-row-start: 1;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  position: relative;
  z-index: -1;
}
.hero__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (min-width: 768px) {
  .hero:hover .hero__img {
    transform: scale(125%);
  }
}
.hero::after {
  content: "";
  grid-row-start: 1;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(68, 61, 60, 0.75), rgba(68, 61, 60, 0.75));
}
@media all and (min-width: 768px) {
  .hero::after {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
  }
}
@media all and (min-width: 768px) {
  .hero:hover::after {
    opacity: 1;
  }
}
.hero:hover * {
  transform: unset;
}
.hero__text {
  position: relative;
  z-index: 1;
  grid-row-start: 1;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-top: auto;
  padding: 1.5rem 0;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
@media all and (min-width: 768px) {
  .hero__text {
    padding: 4rem 0;
  }
}
.hero__text::before {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(68, 61, 60, 0.6) 25%, rgba(68, 61, 60, 0) 100%, rgba(68, 61, 60, 0) 100%);
  background-size: 100%;
  background-position: center;
  content: "";
  transition: background-size 0.3s ease-in-out;
}
.hero__title {
  display: block;
  grid-column-start: 2;
  grid-column-end: -1;
}
@media all and (min-width: 768px) {
  .hero__title {
    transform: translateY(1rem);
  }
}
.hero__subtitle {
  display: block;
  grid-column-start: 2;
  grid-column-end: -1;
  font-weight: inherit;
}
@media all and (min-width: 768px) {
  .hero__subtitle {
    transform: translateY(10rem);
  }
}

.hero-frame {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
  margin: 1.5rem 1.5rem 2.5rem;
}
@media all and (min-width: 768px) {
  .hero-frame {
    grid-template-columns: repeat(12, 1fr);
    margin: 0rem 1.5rem 2.5rem;
  }
}
.hero-frame__frame {
  grid-row-start: 1;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  width: 100%;
  height: 100%;
  min-height: 14rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hero-frame__frame::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #FFF;
  opacity: 0.5;
  z-index: 2;
}
@media all and (min-width: 768px) {
  .hero-frame__frame {
    min-height: 30rem;
  }
}
@media all and (min-width: 1280px) {
  .hero-frame__frame {
    margin-right: 6.6%;
  }
}
.hero-frame__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.hero-frame__title {
  z-index: 1;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: -1;
  grid-column-end: -1;
  padding: 1.25rem 2rem;
  height: fit-content;
  overflow: visible;
  text-align: right;
  direction: rtl;
}
@media all and (min-width: 768px) {
  .hero-frame__title {
    grid-column-end: 9;
    max-width: unset;
    padding: 2.5rem 3rem;
    margin: auto 0;
  }
}
@media all and (min-width: 1280px) {
  .hero-frame__title {
    grid-column-end: 8;
    padding: 5rem 7.75rem;
  }
}
.hero-frame__mustache {
  display: block;
  margin-top: 1rem;
  margin-left: auto;
}
.hero-frame strong {
  font-weight: inherit;
  color: #ff445f;
}

.hero-img {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  .hero-img {
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    align-items: center;
  }
}
@media all and (min-width: 1280px) {
  .hero-img {
    padding: 0 5rem;
  }
}
.hero-img__img {
  grid-row-start: 2;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  max-width: 100%;
  height: 20rem;
  width: 100%;
  object-fit: cover;
  object-position: right;
}
@media all and (min-width: 768px) {
  .hero-img__img {
    grid-row-start: 1;
    grid-column-start: 7;
    height: 30rem;
  }
}
@media all and (min-width: 1280px) {
  .hero-img__img {
    grid-column-start: 5;
  }
}
.hero-img__container {
  position: relative;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  padding: 1.5rem;
}
@media all and (min-width: 768px) {
  .hero-img__container {
    grid-row-end: -1;
    grid-column-end: 7;
    margin: auto 0;
    padding: 0;
    padding-left: 1.5rem;
  }
}
@media all and (min-width: 1280px) {
  .hero-img__container {
    grid-column-end: 5;
  }
}
.hero-img__mustache {
  position: absolute;
  bottom: -0.5rem;
}
@media all and (min-width: 768px) {
  .hero-img__mustache {
    position: relative;
    margin-top: 1.5rem;
    bottom: unset;
    left: unset;
  }
}
.hero-img__header {
  display: block;
  color: rgba(68, 61, 60, 0.5);
}
.hero-img__main {
  margin-top: 1rem;
}

.hero-img-vertical {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  margin-top: 1.5rem;
}
@media all and (min-width: 768px) {
  .hero-img-vertical {
    grid-template-columns: repeat(12, 1fr);
    margin-top: unset;
  }
}
.hero-img-vertical__frame {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  position: relative;
  z-index: -1;
  overflow: hidden;
  min-height: 12rem;
}
@media all and (min-width: 768px) {
  .hero-img-vertical__frame {
    min-height: 16rem;
  }
}
@media all and (min-width: 1280px) {
  .hero-img-vertical__frame {
    min-height: 22rem;
  }
}
.hero-img-vertical__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-img-vertical__header {
  position: relative;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  margin: auto 0 0;
  padding: 1.5rem 1rem 0.625rem 1rem;
  background-image: linear-gradient(0deg, rgba(68, 61, 60, 0.6) 25%, rgba(68, 61, 60, 0) 100%, rgba(68, 61, 60, 0) 100%);
  color: white;
}
@media all and (min-width: 768px) {
  .hero-img-vertical__header {
    padding-bottom: 2rem;
    padding-left: 8.5%;
  }
}
@media all and (min-width: 1280px) {
  .hero-img-vertical__header {
    padding-bottom: 4rem;
  }
}
.hero-img-vertical__mustache {
  position: absolute;
  display: block;
  bottom: -0.5rem;
}
.hero-img-vertical__main {
  grid-row-start: 2;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  padding: 5rem 1.5rem 0;
  font-size: 1.25rem;
}
@media all and (min-width: 768px) {
  .hero-img-vertical__main {
    grid-column-start: 2;
    grid-column-end: 10;
    padding: 5rem 0 0;
  }
}

.hero-static {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(12, 1fr);
  background-color: #302B2B;
  color: #ffffff;
  padding: 11.25rem 0;
}
@media all and (min-width: 768px) {
  .hero-static {
    min-height: 20rem;
  }
}
@media all and (min-width: 1280px) {
  .hero-static {
    min-height: 30rem;
  }
}
.hero-static__text {
  grid-row-start: 1;
  grid-row-end: -1;
  grid-column-start: 1;
  grid-column-end: -1;
  margin: auto;
  padding: 2.5rem 2rem;
}
@media all and (min-width: 768px) {
  .hero-static__text {
    grid-column-start: 2;
    grid-column-end: 12;
    padding: 0;
  }
}
@media all and (min-width: 1280px) {
  .hero-static__text {
    grid-column-end: 8;
  }
}
.hero-static__subtitle {
  margin-top: 0.625rem;
}

.highlight-block {
  color: #443d3c;
  padding: 24px;
}
@media all and (min-width: 768px) {
  .highlight-block {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    grid-gap: 2.5rem;
    padding: 5rem 0;
  }
}
@media all and (min-width: 768px) {
  .highlight-block--large {
    padding: 4rem 1.5rem;
  }
}
@media all and (min-width: 768px) {
  .highlight-block__intro {
    grid-column: 1/2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    padding: 5rem 0 5rem 5rem;
  }
}
.highlight-block__title {
  font-size: 28px;
}
@media all and (min-width: 768px) {
  .highlight-block__title {
    text-align: right;
    font-size: 2rem;
    font-weight: 800;
  }
}
.highlight-block__subtitle {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}
@media all and (min-width: 768px) {
  .highlight-block__subtitle {
    text-align: right;
  }
}
.highlight-block__subtitle-container {
  color: #443d3c;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
}
.highlight-block__subtitle-box {
  height: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  overflow: hidden;
  margin-top: 0.5rem;
}
.highlight-block__subtitle-list {
  margin: 0;
  padding: 0;
  animation: scrollUp 16s infinite;
}
.highlight-block__subtitle-list-item {
  display: flex;
  align-items: center;
  height: 2rem;
  list-style: none;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
  .highlight-block__subtitle-list-item {
    justify-content: flex-end;
  }
}
.highlight-block__content {
  border-left: 8px #ff445f solid;
  padding-left: 2rem;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  gap: 1.5rem;
  padding-right: 5rem;
}
@media all and (min-width: 768px) {
  .highlight-block__content {
    grid-column: 2/4;
    margin: 0;
    padding: 5rem 5rem 5rem 2.5rem;
    font-size: 1.5rem;
  }
}
@media all and (min-width: 1280px) {
  .highlight-block__content {
    flex-direction: row;
    align-items: center;
  }
}
.highlight-block__content strong {
  font-weight: 700;
}
.highlight-block--dark {
  color: #ffffff;
  background-color: #302B2B;
}

@keyframes scrollUp {
  2.5%, 12.5% {
    transform: translateY(-11.1111111111%);
  }
  15%, 25% {
    transform: translateY(-22.2222222222%);
  }
  27.5%, 37.5% {
    transform: translateY(-33.3333333333%);
  }
  40%, 50% {
    transform: translateY(-44.4444444444%);
  }
  52.5%, 62.5% {
    transform: translateY(-55.5555555556%);
  }
  65%, 75% {
    transform: translateY(-66.6666666667%);
  }
  77.5%, 87.5% {
    transform: translateY(-77.7777777778%);
  }
  90%, 100% {
    transform: translateY(-88.8888888889%);
  }
}
.info-block {
  padding: 1.5rem;
}
@media all and (min-width: 1280px) {
  .info-block {
    padding: 5rem;
  }
}
@media all and (min-width: 1280px) {
  .info-block--number {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    align-items: center;
  }
}
.info-block__header-title {
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
  color: #443d3c;
}
.info-block__header-text {
  color: #443d3c;
  line-height: 1.625rem;
  margin-top: 2rem;
}
.info-block__text-item {
  margin-top: 1.5rem;
  min-width: 15%;
}
@media all and (min-width: 768px) {
  .info-block__text-item {
    margin-top: 0;
  }
}
.info-block__text-item--title {
  color: #443d3c;
  font-size: 1.25rem;
}
.info-block__text-item--text {
  margin-top: 0.5rem;
  color: #443d3c;
  font-size: 1.25rem;
}
.info-block__text-item--flex {
  flex: 1;
  margin-top: 1rem;
}
.info-block__number-item {
  display: flex;
  align-items: center;
}
.info-block__number-item:not(:first-child) {
  margin-top: 1.5rem;
}
@media all and (min-width: 1280px) {
  .info-block__number-item {
    flex: 1;
  }
  .info-block__number-item:not(:first-child) {
    margin-top: 0;
  }
  .info-block__number-item {
    flex-direction: column;
  }
}
.info-block__number-item--title {
  color: #ff445f;
  font-size: 3.5rem;
  font-weight: 800;
  margin-right: 2rem;
}
@media all and (min-width: 1280px) {
  .info-block__number-item--title {
    margin-right: 0;
  }
}
.info-block__number-item--text {
  margin: 0;
  font-size: 1.125rem;
  color: #443d3c;
  line-height: 1.75rem;
}
@media all and (min-width: 1280px) {
  .info-block__number-item--text {
    margin-top: 1.5rem;
    text-align: center;
  }
}
.info-block__number-item--text strong {
  font-weight: 700;
}
.info-block__wrapper--text-flex {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .info-block__wrapper--text-flex {
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between;
  }
}
.info-block__wrapper--text {
  margin-top: 1.5rem;
}
@media all and (min-width: 768px) {
  .info-block__wrapper--text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }
}
@media all and (min-width: 1280px) {
  .info-block__wrapper--text {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
  }
}
.info-block__wrapper--number {
  margin-top: 3rem;
}
@media all and (min-width: 1280px) {
  .info-block__wrapper--number {
    margin-top: 0;
    grid-column: 7/12;
    display: flex;
    gap: 1.5rem;
  }
}
@media all and (min-width: 1280px) {
  .info-block__wrapper--number-header {
    grid-column: 2/6;
  }
}
.info-block__wrapper--number-header > *:not(:first-child) {
  margin-top: 1.5rem;
}

@media all and (min-width: 1280px) {
  .image-full {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0px;
  }
}
.image-full__img {
  height: auto;
  width: 100%;
}
@media all and (min-width: 1280px) {
  .image-full__img {
    grid-area: 1/3/2/11;
  }
}

.slider {
  position: relative;
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.5rem;
  margin-top: unset !important;
}
@media all and (min-width: 1920px) {
  .slider {
    max-width: 1920px;
    margin: 0 auto;
  }
}
.slider__title {
  font-size: 1.5rem;
  grid-area: 1/1/2/11;
  padding: 1.5rem;
}
@media all and (min-width: 768px) {
  .slider__title {
    grid-area: 1/2/2/12;
  }
}
.slider__inner {
  overflow: hidden;
  grid-area: 2/1/3/13;
}
@media all and (min-width: 768px) {
  .slider__inner {
    grid-area: 2/2/2/12;
  }
}
.slider__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  transition: right 0.5s;
}
.slider__item {
  flex-basis: 100%;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  color: #443d3c;
}
@media all and (min-width: 768px) {
  .slider__item {
    grid-template-columns: repeat(6, 1fr);
    padding: 1rem 0;
  }
}
.slider__logo {
  height: 6.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 2rem;
}
.slider__logo:nth-child(1):before, .slider__logo:nth-child(2):before, .slider__logo:nth-child(4):before, .slider__logo:nth-child(5):before {
  content: "";
  position: absolute;
  background-color: rgba(68, 61, 60, 0.1);
  top: 12.5%;
  right: 0;
  width: 1px;
  height: 75%;
}
@media all and (min-width: 768px) {
  .slider__logo:nth-child(1):before, .slider__logo:nth-child(2):before, .slider__logo:nth-child(4):before, .slider__logo:nth-child(5):before {
    content: none;
  }
}
.slider__logo:nth-child(1):after, .slider__logo:nth-child(2):after, .slider__logo:nth-child(3):after {
  content: "";
  position: absolute;
  background-color: rgba(68, 61, 60, 0.1);
  bottom: 0;
  width: 75%;
  height: 1px;
}
@media all and (min-width: 768px) {
  .slider__logo:nth-child(1):after, .slider__logo:nth-child(2):after, .slider__logo:nth-child(3):after {
    content: none;
  }
}
@media all and (min-width: 768px) {
  .slider__logo:not(:last-child):before {
    content: "";
    position: absolute;
    background-color: rgba(68, 61, 60, 0.1);
    top: 12.5%;
    right: 0;
    width: 1px;
    height: 75%;
  }
}
.slider__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.slider__control {
  cursor: pointer;
  color: #443d3c;
}
@media all and (min-width: 768px) {
  .slider__control--prev, .slider__control--next {
    width: 100%;
  }
}
.slider__control--prev rect, .slider__control--next rect {
  fill: #ffffff;
}
.slider__control--prev path, .slider__control--next path {
  fill: #443d3c;
}
.slider__control--prev:hover rect, .slider__control--next:hover rect {
  fill: #443d3c;
}
.slider__control--prev:hover path, .slider__control--next:hover path {
  fill: #ffffff;
}
.slider__control--prev {
  grid-area: 1/11/2/12;
}
@media all and (min-width: 768px) {
  .slider__control--prev {
    grid-area: 2/1/2/2;
  }
}
.slider__control--next {
  grid-area: 1/12/2/13;
}
@media all and (min-width: 768px) {
  .slider__control--next {
    grid-area: 2/12/2/13;
  }
}

.tilesImg {
  display: grid;
  grid-gap: 1.5rem;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(1, 1fr);
  padding: 1.5rem;
}
@media all and (min-width: 768px) {
  .tilesImg {
    grid-template-columns: repeat(4, 1fr);
    padding: 2rem;
  }
}
@media all and (min-width: 1280px) {
  .tilesImg {
    padding: 5rem;
  }
}
.tilesImg__tile {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 17.5rem;
  width: 100%;
  height: auto;
}
.tilesImg__tile-last {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tilesImg__tile-last p {
  font-size: 2rem;
  margin-left: 2.5rem;
  padding-right: 2.5rem;
}
@media all and (min-width: 768px) {
  .tilesImg__tile:hover .tilesImg__tile-bgimg--grey::after {
    background-position: 0 100%;
  }
  .tilesImg__tile:hover .tilesImg__tile-text {
    animation: fadeInUp 0.5s ease-in-out;
  }
  .tilesImg__tile:hover .tilesImg__tile-text--link {
    animation: fadeIn 1s forwards;
    display: flex;
  }
  .tilesImg__tile:hover .tilesImg__tile-text--title-lg {
    animation: fadeInUpLg alternate 0.5s ease-in-out;
    padding-right: 0;
    position: relative;
    top: -2.5rem;
  }
  .tilesImg__tile:hover .tilesImg__title-arrow {
    display: flex;
  }
}
.tilesImg__tile:last-child {
  background-color: #ff445f;
}
.tilesImg__tile--carousel {
  background-color: transparent;
  margin-top: 0;
}
@media all and (min-width: 1280px) {
  .tilesImg__tile--carousel {
    grid-column-start: 1;
  }
}
.tilesImg__tile-text {
  color: #ffffff;
}
.tilesImg__tile-text-container {
  z-index: 1;
  grid-area: 2/1/3/2;
  align-self: end;
  padding: 1.5rem;
}
.tilesImg__tile-text--title-lg {
  font-size: 1.5rem;
  font-weight: bold;
}
.tilesImg__tile-text--title {
  font-size: 1.125rem;
  font-weight: 800;
  font-size: 20px;
  line-height: 150%;
}
.tilesImg__tile-text--arrow {
  width: 1.125rem;
  padding-left: 0.5rem;
}
.tilesImg__tile-text--link {
  font-size: 1.125rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-self: flex-end;
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .tilesImg__tile-text--link {
    display: none;
    opacity: 0;
    margin-top: 0;
  }
}
.tilesImg__tile-bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tilesImg__tile-bgimg--grey {
  max-height: 25rem;
  position: relative;
  grid-area: 1/1/3/2;
}
.tilesImg__tile-bgimg--grey::after {
  transition: background-position 0.4s ease-in-out;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(51, 46, 45, 0.94) 37.38%, rgba(66, 60, 59, 0.09) 111.01%, rgba(68, 61, 60, 0) 122.5%);
  background-size: auto 200%;
  background-position: 0 0;
}
.tilesImg__title-arrow {
  height: 5rem;
  grid-area: 2/1/3/2;
  align-self: end;
  justify-self: end;
  padding: 1rem;
}
@media all and (min-width: 768px) {
  .tilesImg__title-arrow {
    display: none;
  }
}

@keyframes fadeInUp {
  from {
    transform: translateY(1.25rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fadeInUpLg {
  from {
    transform: translateY(2.5rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.text-content {
  justify-content: center;
  display: flex;
  margin: unset !important;
  padding: 1.5rem 1.5rem;
}
@media all and (min-width: 1280px) {
  .text-content {
    padding: unset;
  }
}
.text-content-container {
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
.text-content h1 {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 800;
}
@media all and (min-width: 768px) {
  .text-content h1 {
    font-size: 4rem;
    line-height: 6rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.text-content h1:after {
  content: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none"%3E%3Cpath fill="%23FF445F" d="M76.832 0h.07a.71.71 0 0 1 .215.372c.457 1.126.922 2.249 1.382 3.373l1.387 3.396c.041.088.074.18.096.276.04.196.023.23-.163.309-.453.194-.906.383-1.359.574l-4.408 1.862-3.265 1.38-4.422 1.866-3.043 1.284c-1.47.621-2.947 1.24-4.409 1.872a1.11 1.11 0 0 1-.91.01L51.99 14.03l-3.989-1.684c-1.633-.687-3.26-1.375-4.88-2.062-.98-.417-1.96-.83-2.94-1.248a.446.446 0 0 0-.381 0l-4.164 1.757-2.91 1.231-4.18 1.772-3.294 1.392c-1.079.455-2.158.906-3.234 1.371a1.096 1.096 0 0 1-.91.015l-5.494-2.325c-1.83-.775-3.667-1.55-5.51-2.325-1.59-.664-3.18-1.336-4.77-2.016A3197.59 3197.59 0 0 0 .34 7.805C.217 7.752.071 7.722 0 7.583v-.034c.088-.528.343-.996.539-1.484.354-.885.721-1.767 1.086-2.657.44-1.072.878-2.145 1.314-3.22A.33.33 0 0 1 3.102 0h.031c.532.095 1.003.357 1.494.563 1.98.83 3.958 1.672 5.937 2.506l3.592 1.516c1.84.775 3.68 1.555 5.521 2.338.56.238 1.124.472 1.684.711a.428.428 0 0 0 .366 0l3.322-1.405c1.512-.644 3.034-1.278 4.536-1.911 1.088-.462 2.177-.922 3.265-1.38l4.05-1.72L39.55.094c.124-.053.263-.044.387-.095h.095c.532.095 1.004.357 1.494.563 1.98.83 3.957 1.672 5.936 2.506l3.987 1.686a2774.453 2774.453 0 0 1 6.807 2.88.428.428 0 0 0 .366 0l3.322-1.406c1.511-.64 3.022-1.278 4.533-1.911l3.293-1.392 4.002-1.694C74.653.854 75.533.48 76.41.11c.14-.057.286-.062.421-.11Z"%3E%3C/path%3E%3C/svg%3E');
  height: 1rem;
  width: 3rem;
}
.text-content h2 {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 800;
}
.text-content h3 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 800;
}
@media all and (min-width: 768px) {
  .text-content h3 {
    font-size: 1.5rem;
  }
}
.text-content strong {
  font-weight: inherit;
  color: #ff445f;
}

.container {
  margin: unset;
}

.contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 56px 24px;
  background: #F4F3F3;
  margin-bottom: 160px;
}
@media all and (min-width: 768px) {
  .contact-form {
    padding: 56px 80px;
  }
}
.contact-form__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
}
.contact-form__title {
  text-align: center;
  color: #272322;
  font-size: 20px;
}
@media all and (min-width: 768px) {
  .contact-form__title {
    font-size: 28px;
  }
}
.contact-form__description {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 16px;
  color: #2B2726;
}
@media all and (min-width: 768px) {
  .contact-form__description {
    font-size: 20px;
  }
}
.contact-form__description--note {
  font-size: 14px;
  color: #443D3C;
}
.contact-form__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.contact-form__label-group {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}
.contact-form__error-text {
  margin-top: 0.5rem;
  font-size: 12px;
  color: #ED1515;
  display: flex;
  align-items: center;
  gap: 8px;
}
.contact-form__group {
  display: flex;
  min-width: 240px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
  position: relative;
  width: 100%;
}
.contact-form__group--error {
  position: relative;
}
.contact-form__label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.contact-form__label::after {
  content: "*";
  color: #ED1515;
}
.contact-form__label--optional-text {
  font-size: 12px;
  color: #66605F;
}
.contact-form__input {
  height: 48px;
  padding: 14px;
  border: 1px solid #D2D0D0;
  background-color: #FFF;
  width: 100%;
}
.contact-form__input--error {
  border: 2px solid #ED1515;
}
.contact-form__input--error:hover {
  border-color: #FF4D4D !important;
}
.contact-form__input--error-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.contact-form__input:hover {
  border: 1px solid #AFACAB;
}
.contact-form__input--subject {
  font-size: 16px;
  color: #66605F;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  padding: 10px;
  border: 1px solid #ccc;
  padding-right: 30px;
  background-color: #FFF;
}
.contact-form__input--message {
  height: 120px;
  resize: none;
  font-size: 16px;
  color: #66605F;
}
.contact-form__subject {
  position: relative;
  display: inline-block;
  width: 100%;
}
.contact-form__subject--option:hover {
  background-color: blue;
  color: white;
}
.contact-form__subject::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("/assets/img/chevron-down.svg");
  background-size: contain;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
}
.contact-form__subject.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.contact-form__subject.close::after {
  transform: translateY(-50%) rotate(0deg);
}
.contact-form__file-list {
  display: grid;
  gap: 8px;
  align-content: flex-start;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
.contact-form__file-limit-message {
  display: none;
  color: #C64808;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
.contact-form__file-note {
  font-size: 14px;
  color: #66605F;
}
.contact-form__file-dropzone {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 48px;
  padding: 24px;
  width: 100%;
  border: 1px dashed #D2D0D0;
  cursor: pointer;
  margin-bottom: 1rem;
}
.contact-form__file-dropzone-note {
  font-size: 14px;
  color: #66605F;
}
.contact-form__file-item {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 4px;
  background: #ECECEC;
}
.contact-form__file-item:nth-child(odd):nth-last-child(1) {
  grid-column: span 2;
}
.contact-form__file-name {
  font-size: 16px;
}
.contact-form__file-remove {
  display: flex;
  width: 48px;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.contact-form__file-remove svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #000000;
  transition: stroke 0.3s;
}
.contact-form__consent {
  color: #443D3C;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.contact-form__consent-error {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.contact-form__consent-error input[type=checkbox] {
  width: 44px;
  height: 20px;
  accent-color: #443D3C;
}
.contact-form__consent input {
  margin-top: 2px;
}
.contact-form__submit {
  display: flex;
  height: 72px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: #FF445F;
  font-size: 20px;
  color: #FFF;
  font-weight: 800;
  cursor: pointer;
}
.contact-form__submit:hover .contact-form__submit--text {
  transform: translateX(-5px);
}
.contact-form__submit:hover .contact-form__submit--arrow {
  opacity: 1;
  transform: translateX(0);
}
.contact-form__submit--text {
  transition: transform 0.3s ease;
}
.contact-form__submit--arrow {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M19.184 12.812 20 12l-.812-.812-5.174-5.174-.816-.816-1.624 1.628.812.812L15.6 10.85H4v2.3h11.595l-3.212 3.212-.809.812 1.624 1.628.812-.812 5.174-5.174v-.004Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transform: translateX(-20px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.contact-form__submit--arrow:hover {
  opacity: 1;
  transform: translateX(0);
}
.contact-form__submit--disabled {
  background: #ECECEC;
  color: #AFACAB;
}

.success-banner {
  display: none;
  padding: 56px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background-color: #F4F3F3;
  margin-bottom: 160px;
}
.success-banner__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.success-banner__text {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.success-banner__text--title {
  color: #272322;
  font-size: 40px;
  font-weight: 800;
}
.success-banner__text--subtitle {
  color: #2B2726;
  font-size: 20px;
}
.success-banner__link {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.success-banner__link--talks {
  display: flex;
  height: 72px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #443D3C;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 800;
  text-decoration: none;
}
.success-banner__link--home {
  display: flex;
  height: 72px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #443D3C;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
}

.error-banner {
  display: none;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-left: 4px solid #EB1515;
  background-color: #FFDFDF;
}
.error-banner__text--title {
  display: flex;
  gap: 8px;
  font-size: 16px;
  font-weight: 800;
  color: #272322;
}
.error-banner__text--subtitle {
  font-size: 16px;
  color: #272322;
}
.error-banner__text--subtitle a {
  color: #272322;
}
.error-banner__text--subtitle a:hover {
  color: #2CBAFF;
}

.toast {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s, bottom 0.5s;
}

.toast.show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.hidden {
  display: none;
}

.visible {
  display: flex;
}

.disable {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

@media all and (min-width: 1280px) {
  .modal-block {
    padding: 0 20rem;
  }
}
@media all and (min-width: 768px) {
  .modal-block {
    padding: 0 15rem;
  }
}

.cookieBanner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #302B2B;
  color: #FFF;
  padding: 1.25rem;
  text-align: start;
  z-index: 1000;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  box-shadow: 0px 0px 12px 0px #333333;
  font-size: 1rem;
}
@media all and (min-width: 1280px) {
  .cookieBanner {
    font-size: 1.25rem;
    padding: 1.25rem 5rem;
  }
}
.cookieBanner__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: start;
}
@media all and (min-width: 768px) {
  .cookieBanner__text {
    flex-direction: row;
    align-items: center;
  }
}
.cookieBanner__btn {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background-color: #443D3C;
  color: #ffffff;
  font-weight: 800;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
}

.cookieBanner--visible {
  opacity: 1;
  transform: translateY(0);
}

.redirection {
  text-align: center;
  background-color: #F4F3F3;
  padding: 80px 40px;
}
.redirection__title {
  font-family: Catamaran;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  padding: 0;
}
.redirection__subtitle {
  font-family: Catamaran;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.redirection__cta {
  display: inline-block;
  background-color: #ff445f;
  padding: 16px 32px;
  margin-top: 24px;
  color: white;
  font-family: Catamaran;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.slider {
  position: relative;
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.5rem;
  margin-top: unset !important;
}
@media all and (min-width: 1920px) {
  .slider {
    max-width: 1920px;
    margin: 0 auto;
  }
}
.slider__title {
  font-size: 1.5rem;
  grid-area: 1/1/2/11;
  padding: 1.5rem;
}
@media all and (min-width: 768px) {
  .slider__title {
    grid-area: 1/2/2/12;
  }
}
.slider__inner {
  overflow: hidden;
  grid-area: 2/1/3/13;
}
@media all and (min-width: 768px) {
  .slider__inner {
    grid-area: 2/2/2/12;
  }
}
.slider__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  transition: right 0.5s;
}
.slider__item {
  flex-basis: 100%;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  color: #443d3c;
}
@media all and (min-width: 768px) {
  .slider__item {
    grid-template-columns: repeat(6, 1fr);
    padding: 1rem 0;
  }
}
.slider__logo {
  height: 6.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 2rem;
}
.slider__logo:nth-child(1):before, .slider__logo:nth-child(2):before, .slider__logo:nth-child(4):before, .slider__logo:nth-child(5):before {
  content: "";
  position: absolute;
  background-color: rgba(68, 61, 60, 0.1);
  top: 12.5%;
  right: 0;
  width: 1px;
  height: 75%;
}
@media all and (min-width: 768px) {
  .slider__logo:nth-child(1):before, .slider__logo:nth-child(2):before, .slider__logo:nth-child(4):before, .slider__logo:nth-child(5):before {
    content: none;
  }
}
.slider__logo:nth-child(1):after, .slider__logo:nth-child(2):after, .slider__logo:nth-child(3):after {
  content: "";
  position: absolute;
  background-color: rgba(68, 61, 60, 0.1);
  bottom: 0;
  width: 75%;
  height: 1px;
}
@media all and (min-width: 768px) {
  .slider__logo:nth-child(1):after, .slider__logo:nth-child(2):after, .slider__logo:nth-child(3):after {
    content: none;
  }
}
@media all and (min-width: 768px) {
  .slider__logo:not(:last-child):before {
    content: "";
    position: absolute;
    background-color: rgba(68, 61, 60, 0.1);
    top: 12.5%;
    right: 0;
    width: 1px;
    height: 75%;
  }
}
.slider__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.slider__control {
  cursor: pointer;
  color: #443d3c;
}
@media all and (min-width: 768px) {
  .slider__control--prev, .slider__control--next {
    width: 100%;
  }
}
.slider__control--prev rect, .slider__control--next rect {
  fill: #ffffff;
}
.slider__control--prev path, .slider__control--next path {
  fill: #443d3c;
}
.slider__control--prev:hover rect, .slider__control--next:hover rect {
  fill: #443d3c;
}
.slider__control--prev:hover path, .slider__control--next:hover path {
  fill: #ffffff;
}
.slider__control--prev {
  grid-area: 1/11/2/12;
}
@media all and (min-width: 768px) {
  .slider__control--prev {
    grid-area: 2/1/2/2;
  }
}
.slider__control--next {
  grid-area: 1/12/2/13;
}
@media all and (min-width: 768px) {
  .slider__control--next {
    grid-area: 2/12/2/13;
  }
}

.sliderText {
  position: relative;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 768px) {
  .sliderText {
    margin-bottom: 10rem;
  }
}
.sliderText__header {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 768px) {
  .sliderText__header {
    align-items: center;
    gap: 0;
    margin-bottom: 0;
  }
}
.sliderText__title {
  color: var(--Taupe-800, var(--Colors-Taupe-800, #302B2B));
  font-family: Catamaran;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 150%;
}
@media all and (min-width: 768px) {
  .sliderText__title {
    font-size: 2rem;
    padding: 0.5rem;
  }
}
.sliderText__subtitle {
  color: var(--Color-text-weak, #66605F);
  font-family: Catamaran;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media all and (min-width: 768px) {
  .sliderText__subtitle {
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: 2.5rem;
  }
}
.sliderText__inner {
  overflow: hidden;
  padding: 1.5rem;
  max-height: 17.75rem;
}
@media all and (min-width: 768px) {
  .sliderText__inner {
    padding: 0;
  }
}
.sliderText__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
  animation: slideshow-vertical 20s linear infinite;
}
@media all and (min-width: 768px) {
  .sliderText__wrapper {
    flex-direction: row;
    animation: slideshow 60s linear infinite;
  }
}
.sliderText__wrapper::before {
  content: "";
  position: absolute;
  background: var(--Colors-Taupe-100, #ECECEC);
}
@media all and (max-width: 768px) {
  .sliderText__wrapper::before {
    top: 1rem;
    left: 3px;
    width: 2px;
    height: 200%;
  }
}
@media all and (min-width: 768px) {
  .sliderText__wrapper::before {
    top: 3px;
    left: 0;
    width: 200%;
    height: 2px;
  }
}
.sliderText__item {
  padding-left: 1.25rem;
  padding-bottom: 0.5rem;
  position: relative;
}
@media all and (min-width: 768px) {
  .sliderText__item {
    min-width: 12.5rem;
    width: fit-content;
    text-align: center;
    padding: 1.5rem;
    align-items: center;
    height: auto;
  }
}
.sliderText__item::before {
  content: "";
  position: absolute;
  background: var(--Colors-Taupe-100, #ECECEC);
  transition: background 0.3s ease-in-out, height 0.5s ease-in-out;
}
@media all and (max-width: 768px) {
  .sliderText__item::before {
    margin-top: 0.625rem;
    top: auto;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media all and (min-width: 768px) {
  .sliderText__item::before {
    left: 50%;
    top: 0;
    width: 0.5rem;
    height: 0.5rem;
    transform: translateX(-50%);
    transition: background 0.3s ease-in-out, width 0.5s ease-in-out;
  }
}
.sliderText__item:hover::before {
  background: #FF445F;
}
@media all and (max-width: 768px) {
  .sliderText__item:hover::before {
    height: 1.5rem;
  }
}
@media all and (min-width: 768px) {
  .sliderText__item:hover::before {
    width: 2.5rem;
  }
}
.sliderText__item__content {
  max-width: 15.625rem;
}
.sliderText__item__content__title {
  color: var(--Color-text-default, #3A3433);
  font-family: Catamaran;
  font-size: 1rem;
  font-weight: 800;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
  .sliderText__item__content__title {
    place-self: center;
  }
}
.sliderText__item__content__subtitle {
  color: var(--Color-text-weak, #66605F);
  font-family: Catamaran;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}
.sliderText__item__link {
  text-decoration: none;
}
.sliderText__item__link__title {
  font-size: 1rem;
  font-weight: 800;
  color: #443d3c;
}
.sliderText__item__link__subtitle {
  color: var(--Color-text-weak, #66605F);
  text-align: center;
  font-family: Catamaran;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

@keyframes slideshow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slideshow-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@media all and (min-width: 768px) {
  .sliderText__wrapper:hover {
    animation-play-state: paused;
  }
}
.rich-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 40px 24px 0px 24px;
}
.rich-list__title {
  font-family: "Catamaran", sans-serif;
  font-size: 24px;
  font-weight: 800;
  max-width: 400px;
  color: #272322;
}
.rich-list__container {
  display: flex;
  max-width: 767px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-left: 4px solid #D2D0D0;
}
.rich-list__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px 0px 80px 0px;
}
.rich-list__red-bar {
  width: 6px;
  height: 32px;
  transform: rotate(-90deg);
  background: #FF445F;
  margin: 0 10px 0px 9px;
}
.rich-list__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rich-list__item-title {
  font-size: 20px;
  font-weight: 800;
}
.rich-list__item-text {
  display: flex;
  padding: 8px 0px 0px 32px;
  flex-direction: column;
  align-items: flex-start;
  font-size: 20px;
}

@media all and (min-width: 768px) {
  .rich-list {
    flex-direction: row;
    align-items: start;
    padding: 0px 40px 0px 40px;
    gap: 40px;
    width: 100%;
    margin: unset;
  }
  .rich-list__title {
    margin-top: 120px;
    text-align: end;
    font-size: 32px;
  }
  .rich-list__items {
    margin: 40px 0px 120px 0px;
  }
  .rich-list__item-text {
    max-width: 560px;
  }
}
@media all and (min-width: 1280px) {
  .rich-list {
    flex-direction: row;
    justify-content: center;
    padding: 0px 80px 0px 80px;
  }
}
.presentationBloc {
  display: flex;
  padding: 80px 24px;
  margin-top: unset !important;
  flex-direction: column;
  background: #F4F3F3;
  justify-content: center;
}
.presentationBloc__title {
  color: #302B2B;
  font-family: "Catamaran", sans-serif;
  font-size: 24px;
  font-weight: 800;
}
.presentationBloc__title--container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
.presentationBloc__text {
  font-family: "Catamaran", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #3A3433;
}
.presentationBloc__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}
.presentationBloc__item--container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 8px;
}
.presentationBloc__item--text {
  text-align: center;
  font-family: "Catamaran", sans-serif;
  font-size: 16px;
  color: #3A3433;
}

@media all and (min-width: 768px) {
  .presentationBloc {
    padding: 160px 80px;
    align-items: center;
  }
  .presentationBloc__title {
    font-size: 32px;
  }
  .presentationBloc__title--container {
    max-width: 55rem;
  }
  .presentationBloc__items {
    margin-top: 80px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    align-items: start;
    flex-direction: row;
  }
  .presentationBloc__item--container {
    min-width: 320px;
    max-width: 400px;
  }
}
.dataScroll {
  display: flex;
  padding: 40px 24px;
  flex-direction: column;
}
.dataScroll__title {
  display: flex;
  font-size: 28px;
  color: #272322;
  padding: 0px 0px 16px 0px;
  font-weight: 400;
}

.dataGroup {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  width: 100%;
  margin-top: unset !important;
}
.dataGroup__container {
  width: 100%;
  padding: 0px 0px 40px 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dataGroup__header {
  display: flex;
  max-width: 520px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.dataGroup__title {
  font-family: "Catamaran", sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #272322;
}
.dataGroup__text {
  font-family: "Catamaran", sans-serif;
  font-size: 20px;
  font-weight: 400;
}
.dataGroup__cards {
  display: flex;
  min-width: 240px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  border: 1px solid #D2D0D0;
  width: 100%;
}
.dataGroup__cards-container {
  display: flex;
  max-width: 520px;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.dataGroup__cards--header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dataGroup__cards--square {
  width: 8px;
  height: 8px;
  background: #443D3C;
}
.dataGroup__cards--title {
  font-family: "Catamaran", sans-serif;
  font-size: 16px;
  font-weight: 800;
}
.dataGroup__cards--description {
  font-family: "Catamaran", sans-serif;
  font-size: 16px;
}

@media all and (min-width: 768px) {
  .dataScroll {
    align-items: center;
    padding: 40px;
  }
  .dataScroll__title {
    font-size: 40px;
    padding: 0px 0px 24px 0px;
  }
  .dataGroup__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 0px 40px 80px 40px;
  }
  .dataGroup__text--container {
    text-align: end;
  }
  .dataGroup__title {
    font-size: 32px;
  }
  .dataGroup__header {
    align-items: end;
  }
  .dataGroup__cards:hover .dataGroup__cards--square {
    background: #ff445f;
    width: 32px;
    transition: width 0.3s ease-out, background-color 0.3s ease;
    overflow: hidden;
  }
}
@media all and (min-width: 1280px) {
  .dataScroll {
    padding: 80px;
  }
  .dataScroll__title {
    padding: 0px 0px 40px 0px;
  }
  .dataGroup__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
    padding: 0 80px 80px 80px;
  }
  .dataGroup__header {
    margin-left: auto;
  }
}

/*# sourceMappingURL=main.css.map */