html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  letter-spacing: 0;
}
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;
}

*{-webkit-font-smoothing: antialiased;box-sizing: border-box;margin: 0}html, body{margin: 0;min-height: 100%}body{overflow-y: auto;scrollbar-width: thin;&::-webkit-scrollbar{width: var(--dimension-xxs)}}section{position: relative}button:focus-visible{outline: var(--outline-focus-blue);outline: -webkit-focus-ring-color auto var(--dimension-xxss) !important}a{text-decoration: none;transition: color 0.2s ease}.container{padding: 0 var(--dimension-xxxl);margin: 0 auto;max-width: 1200px;@media (max-width: 768px){padding: 0 var(--dimension-xl)}@media (max-width: 375px){padding: 0 var(--dimension-mdl)}}.btn{display: flex;align-items: center;justify-content: center;border-radius: var(--dimension-xxxxll);padding: var(--dimension-xxs) var(--dimension-smd);cursor: pointer;transition: color 0.2s ease, background-color 0.2s ease}.btn-transparent{border: var(--border-btn);background-color: transparent;color: var(--white);&:hover{background-color: var(--white);color: var(--red-dark)}}.btn-red{border:0;background-color: var(--red);color: var(--white);&:hover{background-color: var(--red-dark)}}.btn-yellow{border:0;background-color: var(--yellow);color: var(--black-text);&:hover{background-color: var(--yellow-dark)}}.btn-black{border:0;background-color: var(--black-text);color: var(--white);&:hover{background-color: var(--dark-grey)}}.logo{font-weight: var(--font-weight-extrabold);color: transparent;font-size: var(--font-size-lg);white-space: nowrap;@media (max-width: 375px){font-size: var(--font-size-xs)}}.no-scroll{overflow: hidden}
:root{--font-base: 1rem;--scale-ratio: 1.25;--line-height: 1.6;--line-height-heading: 1.2;--color-text: #1a1a1a;--color-heading: #0d0d0d;--color-muted: #666;--color-bg: #fff;--content-width: 70ch;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-xxxs: 9px;--font-size-xxs: 15px;--font-size-xs: 18px;--font-size-sm: 20px;--font-size-md: 22px;--font-size-lg: 25px;--font-size-xl: 32px;--font-size-xxl: 40px;@media (max-width: 768px){--font-size-xs: 16px;--font-size-xxl: 22px}--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--dimension-none: 0;--dimension-xxxxs: 2px;--dimension-xxxss: 3px;--dimension-xxxs: 4px;--dimension-xxss: 5px;--dimension-xxs: 6px;--dimension-xss: 8px;--dimension-xs: 10px;--dimension-sm: 12px;--dimension-smd: 14px;--dimension-md: 16px;--dimension-mdl: 18px;--dimension-lg: 20px;--dimension-xlg: 22px;--dimension-xl: 24px;--dimension-xll: 28px;--dimension-xlll: 30px;--dimension-xxl: 32px;--dimension-xxxl: 36px;--dimension-xxxxl: 40px;--dimension-xxxxll: 60px;--white: #fff;--black-text: #000;--black-add-text: #010100;--black-bg: #161616;--black-mask: #00000099;--black-mask-2: #00000055;--yellow: #ffc61a;--yellow-dark: #e0af1c;--red: #9f340a;--red-dark: #732101;--blue: #4a90e2;--dark-grey: #838383;--scroll-thumb-grey: #cbcbcb;--scroll-track-grey: #f0f0f0;--medium-grey: #535353;--light-grey: #f3f3f3;--outline-focus-white: var(--dimension-xxxxs) solid var(--white);--outline-focus-yellow: var(--dimension-xxxxs) solid var(--yellow);--outline-focus-blue: var(--dimension-xxxxs) solid var(--blue);--border-btn: 1.3px solid var(--white)}
.slider{overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;scroll-snap-type: x mandatory;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--medium-grey);&::-webkit-scrollbar{width: var(--dimension-xxs)}&::-webkit-scrollbar-track{background: var(--medium-grey)}&::-webkit-scrollbar-thumb{background: var(--white);border-radius: var(--dimension-xxxss)}@media (max-width: 768px){scrollbar-width: auto;&::-webkit-scrollbar{display: block;height: var(--dimension-xxs)}&::-webkit-scrollbar-track, &::-webkit-scrollbar-thumb{border-radius: var(--dimension-xxxxl)}}}.slider-white{scrollbar-color: var(--medium-grey);&::-webkit-scrollbar-track{background: var(--medium-grey)}&::-webkit-scrollbar-thumb{background: var(--white)}}.slider-grey{scrollbar-color: var(--scroll-track-grey);&::-webkit-scrollbar-track{background: var(--scroll-track-grey)}&::-webkit-scrollbar-thumb{background: var(--scroll-thumb-grey)}}.slider-no-scrollbar{scrollbar-width: none;-ms-overflow-style: none;&::-webkit-scrollbar{display: none}}.slider > *{scroll-snap-align: start}.slider-controls{position: absolute;bottom: 50%;display: none;justify-content: space-between;transform: translateY(50%);pointer-events: none;@media (max-width: 768px){display: flex;left: var(--dimension-xl);width: calc(100% - var(--dimension-xl) * 2)}@media (max-width: 375px){left: var(--dimension-mdl);width: calc(100% - var(--dimension-mdl) * 2)}}.slider__btn{pointer-events: auto;display: flex;justify-content: center;align-items: center;width: var(--dimension-xl);height: var(--dimension-xl);padding: 0;border:0;border-radius: 50%;cursor: pointer;&:disabled{visibility: hidden;opacity: 0}}.slider-controls .button__prev{transform: translateX(-50%)}.slider-controls .button__next{transform: translateX(50%)}