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

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  /* min-height: 100vh; */
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

@font-face {
    font-family: "Visby 800";
    src: url("../fonts/VisbyRoundCF-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Visby 600";
    src: url("../fonts/VisbyRoundCF-DemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}

body {
    width: 100%;
    background: #fff;
    font-family: 'Visby 800';
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
    padding-top: clamp(1.25rem, -0.068rem + 1.92vw, 3rem); /* min: 20px  max: 48px, 1100px - 2560px */
    padding-right: clamp(2.5rem, 0.146rem + 3.42vw, 5.625rem);
    padding-left: clamp(2.5rem, 0.146rem + 3.42vw, 5.625rem);
    background-image: url("../img/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: fit-content;
    max-height: clamp(38.625rem, -0.082rem + 56.3vw, 90rem); /* min: 618px  max: 1440px, 1100px - 2560px */
    background-color: #071019;
}

header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.left-side {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: clamp(1.813rem, 0.023rem + 2.6vw, 4.188rem); /* min: 29px  max: 67px, 1100px - 2560px */
}

.right-side {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: clamp(2rem, -0.072rem + 3.01vw, 4.75rem); /* min: 32px  max: 76px, 1100px - 2560px */
    gap: clamp(1rem, 0.058rem + 1.37vw, 2.25rem); /* min: 16px  max: 36px, 1100px - 2560px */
}

nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    padding: 0;
    gap: clamp(0.875rem, 0.027rem + 1.23vw, 2rem); /* min: 14px  max: 32px, 1100px - 2560px */
    margin: 0;
}

ul, li {
    list-style: none;
}

li > a {
    text-decoration: none;
    color: #000;
    font-size: clamp(0.875rem, 0.027rem + 1.23vw, 2rem); /* min: 14px  max: 32px, 1100px - 2560px */
}

li > a:hover {
    text-decoration: underline;
}

.logo {
    width: clamp(5.375rem, 0.007rem + 7.81vw, 12.5rem); /* min: 86px  max: 200px, 1100px - 2560px */
}

.header-order-link {
    color: #fff;
    background: #000;
    border-radius: clamp(1rem, -0.036rem + 1.51vw, 2.375rem); /* min: 16px  max: 38px, 1100px - 2560px */
    padding-left: clamp(0.75rem, -0.098rem + 1.23vw, 1.875rem); /* min: 12px  max: 30px, 1100px - 2560px */
    padding-right: clamp(0.75rem, -0.098rem + 1.23vw, 1.875rem); /* min: 12px  max: 30px, 1100px - 2560px */
    font-size: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px  max: 28px, 1100px - 2560px */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-order-link > a {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
}

.header-order-link > a:hover {
    text-decoration: underline;
}

.header-lang {
    position: relative;
    background-color: #fff;
    border-radius: clamp(1rem, -0.036rem + 1.51vw, 2.375rem); /* min: 16px  max: 38px, 1100px - 2560px */
    border-width: clamp(0.048rem, -0.011rem + 0.08vw, 0.125rem); /* min: 0.75px  max: 2px, 1100px - 2560px */
    border-style: solid;
    border-color: #D8D8D8;
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-left: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    padding-right: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    align-items: center;
    cursor: pointer;
    gap: clamp(0.313rem, -0.158rem + 0.68vw, 0.938rem); /* min: 5px  max: 15px, 1100px - 2560px */
}

.header-lang > img {
    width: clamp(0.5rem, 0.029rem + 0.68vw, 1.125rem); /* min: 8px  max: 18px, 1100px - 2560px */
}

.header-lang-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px  max: 28px, 1100px - 2560px */
    gap: clamp(0.188rem, -0.142rem + 0.48vw, 0.625rem); /* min: 3px  max: 10px, 1100px - 2560px */
}

.lang-flag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.lang-flag > svg {
    height: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    width: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
}

.lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    border-radius: clamp(0.5rem, 0.0rem + 0.71vw, 1.125rem); /* min: 8px max: 18px */
    border: 1px solid #D8D8D8;
    width: 100%;
    margin-top: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    text-align: center;
}

.lang-dropdown.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-dropdown ul {
    list-style: none;
    padding: 0.5rem 0;
    margin: 0;
}

.lang-dropdown li {
    padding: 0.5rem 1rem;
    font-size: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px max: 28px */
    color: #000;
    cursor: pointer;
    transition: background 0.2s ease;
}

.lang-dropdown li:hover {
    background: #f0f0f0;
}

main {
    display: flex;
    gap: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
    align-items: center;
}

.main-img {
    overflow: hidden;
    width: clamp(26.25rem, 0.021rem + 38.15vw, 61.063rem); /* min: 420px  max: 980px, 1100px - 2560px */
    position: relative;
}

.main-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-left-side {
    position: relative;
}

.main-right-side {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: start;
    max-width: clamp(23.438rem, 0.034rem + 34.04vw, 54.5rem);
    color: #fff;
    gap: clamp(2.125rem, -0.041rem + 3.15vw, 5rem); /* min: 34px  max: 80px, 1100px - 2560px */
}

.main-right-side > h1 {
    font-size: clamp(2.875rem, 0.05rem + 4.11vw, 6.625rem); /* min: 46px  max: 106px, 1100px - 2560px */
    line-height: 90%;
}

.main-right-side > p {
    font-size: clamp(0.875rem, 0.027rem + 1.23vw, 2rem); /* min: 14px  max: 32px, 1100px - 2560px */
}

.main-front-img {
    position: absolute;
    top: 15%;
    left: 42%;
    width: clamp(18.438rem, -0.068rem + 26.92vw, 43rem); /* min: 295px  max: 688px, 1100px - 2560px */
    height: clamp(18.438rem, -0.068rem + 26.92vw, 43rem); /* min: 295px  max: 688px, 1100px - 2560px */
    transform: rotate(-27deg);
}

/* BUTTON */
.pushable {
    position: relative;
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    transition: filter 250ms;
    text-decoration: none;
    display: inline-block;
}

.edge {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: clamp(1.188rem, 0.01rem + 1.71vw, 2.75rem); /* min: 19px  max: 44px, 1100px - 2560px */
    background: #E08E2F;
}

.front {
    display: block;
    position: relative;
    border-radius: clamp(1.188rem, 0.01rem + 1.71vw, 2.75rem); /* min: 19px  max: 44px, 1100px - 2560px */
    background: #FFBE55;
    padding: clamp(1.25rem, -0.163rem + 2.05vw, 3.125rem); /* min: 20px  max: 50px, 1100px - 2560px */
    color: #000;
    text-transform: uppercase;
    font-size: clamp(1rem, -0.036rem + 1.51vw, 2.375rem); /* min: 16px  max: 38px, 1100px - 2560px */
    transform: translateY(-4px);
    transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
    text-decoration: none;
}

.pushable:hover {
    filter: brightness(110%);
}

.pushable:hover .front {
    transform: translateY(-6px);
    transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}

.pushable:active .front {
    transform: translateY(-2px);
    transition: transform 34ms;
}

.pushable:focus:not(:focus-visible) {
    outline: none;
}

.burger {
  display: none;
}

.mobile-modal {
   display: none;
}

canvas {
    display: block;
    position: absolute;
    left: 0;
    top: clamp(38.625rem, -0.035rem + 56.23vw, 89.938rem); /* min: 618px  max: 1440px, 1100px - 2560px */
    width: 100%;
    z-index: -1;
    pointer-events: none;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

.how-it-works {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: clamp(3.75rem, -0.017rem + 5.48vw, 8.75rem); /* min: 60px  max: 140px, 1100px - 2560px */
    padding-bottom: clamp(3.125rem, -0.642rem + 5.48vw, 8.125rem); /* min: 50px  max: 130px, 1100px - 2560px */
}

.how-it-works-title {
    font-size: clamp(1.875rem, -0.009rem + 2.74vw, 4.375rem); /* min: 30px  max: 70px, 1100px - 2560px */
}

.how-it-works-steps {
    display: flex;
    flex-direction: row;
    margin-top: clamp(2.813rem, -0.06rem + 4.18vw, 6.625rem); /* min: 45px  max: 106px, 1100px - 2560px */
    position: relative;
    align-items: center;
    transform: translateX(-2%);
}

.how-it-works-caption {
    font-size: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    text-align: center;
    margin-top: clamp(0.625rem, 0.107rem + 0.75vw, 1.313rem); /* min: 10px  max: 21px, 1100px - 2560px */
}

.first-img {
    transform: rotate(8deg) translateX(16%);
    width: clamp(18.25rem, -0.021rem + 26.58vw, 42.5rem); /* min: 292px  max: 680px, 1100px - 2560px */
}

.second-img, .third-img {
    width: clamp(14.125rem, -0.002rem + 20.55vw, 32.875rem); /* min: 226px  max: 528px, 1100px - 2560px */
}

.how-it-works-step:nth-child(2) {
    margin-right: clamp(2.125rem, 0.053rem + 3.01vw, 4.875rem); /* min: 34px  max: 78px, 1100px - 2560px */
}

.how-it-works-arrow {
    position: absolute;
    top: 56%;
    left: 64%;
    transform: rotate(48deg);
}

.how-it-works-arrow > img {
    width: clamp(5.75rem, -0.042rem + 8.42vw, 13.438rem); /* min: 92px  max: 216px, 1100px - 2560px */
}

.how-it-works-link {
    margin-top: clamp(3.25rem, -0.046rem + 4.79vw, 7.625rem); /* min: 52px  max: 122px, 1100px - 2560px */
    font-size: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    
}

.how-it-works-link > a {
    text-decoration: none;
    color: #000;
    padding-top: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-bottom: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-left: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
    padding-right: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
}

.how-it-works-link > a:hover {
    text-decoration: underline;
}

.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
    padding-bottom: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
}

.hero-title {
    font-size: clamp(1.875rem, -0.009rem + 2.74vw, 4.375rem); /* min: 30px  max: 70px, 1100px - 2560px */
    text-align: center;
}

.hero-content {
    margin-top: clamp(3.75rem, -0.017rem + 5.48vw, 8.75rem); /* min: 60px  max: 140px, 1100px - 2560px */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: clamp(3.125rem, -0.03rem + 4.59vw, 7.313rem); /* min: 50px  max: 117px, 1100px - 2560px */
}

.hero-left {
    width: clamp(19.125rem, -0.04rem + 27.88vw, 44.563rem); /* min: 306px  max: 713px, 1100px - 2560px */
}

.hero-right {
    width: clamp(20.25rem, -0.045rem + 29.52vw, 47.188rem); /* min: 324px  max: 755px, 1100px - 2560px */
}

.hero-left > h2 {
    font-size: clamp(1.875rem, -0.009rem + 2.74vw, 4.375rem); /* min: 30px  max: 70px, 1100px - 2560px */
}

.hero-left > p {
    font-size: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    margin-top: clamp(1.75rem, 0.008rem + 2.53vw, 4.063rem); /* min: 28px  max: 65px, 1100px - 2560px */
    color: #CDCDCD;
}

.hero-link {
    margin-top: clamp(2.5rem, -0.09rem + 3.77vw, 5.938rem); /* min: 40px  max: 95px, 1100px - 2560px */ 
    font-size: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    display: inline-flex;
}

.hero-link > a {
    text-decoration: none;  
    color: #000;
    padding-top: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-bottom: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-left: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
    padding-right: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
}

.hero-link > a:hover {
    text-decoration: underline;
}

.benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: clamp(1.25rem, -0.163rem + 2.05vw, 3.125rem); /* min: 20px  max: 50px, 1100px - 2560px */
    padding-bottom: clamp(2.188rem, 0.068rem + 3.08vw, 5rem); /* min: 35px  max: 80px, 1100px - 2560px */
}

.benefits-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: clamp(7.563rem, -0.066rem + 11.1vw, 17.688rem); /* min: 121px  max: 283px, 1100px - 2560px */
}

.benefits-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.benefits-item-img {
    width: clamp(4.813rem, -0.038rem + 7.05vw, 11.25rem); /* min: 77px  max: 180px, 1100px - 2560px */
}

.benefits-item-title {
    margin-top: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px  max: 28px, 1100px - 2560px */
}

.benefits-item-title > h3 {
    font-size: clamp(1.125rem, -0.005rem + 1.64vw, 2.625rem); /* min: 18px  max: 42px, 1100px - 2560px */
}

.benefits-item-desc {
    margin-top: clamp(0.625rem, -0.034rem + 0.96vw, 1.5rem); /* min: 10px  max: 24px, 1100px - 2560px */
}

.benefits-item-desc > p {
    font-size: clamp(0.813rem, -0.035rem + 1.23vw, 1.938rem); /* min: 13px  max: 31px, 1100px - 2560px */
}

.reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
    padding-bottom: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
}

.reviews-title {
    font-size: clamp(1.875rem, -0.009rem + 2.74vw, 4.375rem); /* min: 30px  max: 70px, 1100px - 2560px */
}

.reviews-subtitle {
    font-size: clamp(1.125rem, -0.005rem + 1.64vw, 2.625rem); /* min: 18px  max: 42px, 1100px - 2560px */
    color: #CECECE;
}

.reviews-items {
    margin-top: clamp(2.813rem, -0.06rem + 4.18vw, 6.625rem); /* min: 45px  max: 106px, 1100px - 2560px */
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: clamp(0.625rem, -0.034rem + 0.96vw, 1.5rem); /* min: 10px  max: 24px, 1100px - 2560px */
}

.reviews-item {
    width: clamp(11.25rem, -0.051rem + 16.44vw, 26.25rem); /* min: 180px  max: 420px, 1100px - 2560px */
}

.reviews-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: clamp(8.75rem, 0.039rem + 12.67vw, 20.313rem); /* min: 140px  max: 325px, 1100px - 2560px */
    padding-left: clamp(0.438rem, -0.033rem + 0.68vw, 1.063rem); /* min: 7px  max: 17px, 1100px - 2560px */
    gap: clamp(0.375rem, -0.096rem + 0.68vw, 1rem); /* min: 6px  max: 16px, 1100px - 2560px */
    margin-top: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
}

.reviews-item-title {
    font-size: clamp(0.875rem, 0.027rem + 1.23vw, 2rem); /* min: 14px  max: 32px, 1100px - 2560px */
    display: flex;
    flex-direction: row;
    gap: clamp(0.375rem, -0.002rem + 0.55vw, 0.875rem); /* min: 6px  max: 14px, 1100px - 2560px */
}

.reviews-item-title > span {
    font-size: clamp(0.438rem, -0.033rem + 0.68vw, 1.063rem); /* min: 7px  max: 17px, 1100px - 2560px */
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(0.25rem, 0.062rem + 0.27vw, 0.5rem); /* min: 4px  max: 8px, 1100px - 2560px */
}

.reviews-item-title > span > img {
    width: clamp(0.563rem, -0.097rem + 0.96vw, 1.438rem); /* min: 9px  max: 23px, 1100px - 2560px */
}

.reviews-item-date {
    font-size: clamp(0.438rem, -0.033rem + 0.68vw, 1.063rem); /* min: 7px  max: 17px, 1100px - 2560px */
}

.reviews-item-stars {
    font-size: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px  max: 28px, 1100px - 2560px */
}

.reviews-item-desc {
    font-size: clamp(0.625rem, -0.034rem + 0.96vw, 1.5rem); /* min: 10px  max: 24px, 1100px - 2560px */
}

.reviews-link {
    margin-top: clamp(3.25rem, -0.046rem + 4.79vw, 7.625rem); /* min: 52px  max: 122px, 1100px - 2560px */
    font-size: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    
}

.reviews-link > a {
    text-decoration: none;
    color: #000;
    padding-top: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-bottom: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-left: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
    padding-right: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
}

.reviews-link > a:hover {
    text-decoration: underline;
}

.faq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
    padding-bottom: clamp(3.125rem, -0.171rem + 4.79vw, 7.5rem); /* min: 50px  max: 120px, 1100px - 2560px */
}

.faq-title {
    font-size: clamp(1.875rem, -0.009rem + 2.74vw, 4.375rem); /* min: 30px  max: 70px, 1100px - 2560px */
}

.faq-items {
    margin-top: clamp(1.75rem, 0.008rem + 2.53vw, 4.063rem); /* min: 28px  max: 65px, 1100px - 2560px */
    width: clamp(47.125rem, -0.058rem + 68.63vw, 109.75rem); /* min: 757px  max: 1760px, 1100px - 2560px */
}

.faq-items > hr {
    border-color: #385288;
}


.faq-item {
    display: flex;
    flex-direction: column;
    padding-top: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem);
    padding-bottom: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem);
    padding-left: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem);
    padding-right: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem);
}

.faq-item-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: clamp(0.875rem, 0.027rem + 1.23vw, 2rem); /* min: 14px  max: 32px, 1100px - 2560px */
}

.faq-item-title > img {
    width: clamp(1rem, 0.011rem + 1.44vw, 2.313rem); /* min: 16px  max: 37px, 1100px - 2560px */
}

.faq-item-desc {
    font-size: clamp(0.625rem, -0.034rem + 0.96vw, 1.5rem); /* min: 10px  max: 24px, 1100px - 2560px */
    font-family: 'Visby 600';
    padding-left: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    margin-top: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px  max: 28px, 1100px - 2560px */
    display: none;
}

.faq-item-desc-items {
    display: flex;
    flex-direction: column;
    gap: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
 }

.faq-link {
    margin-top: clamp(3.25rem, -0.046rem + 4.79vw, 7.625rem); /* min: 52px  max: 122px, 1100px - 2560px */
    font-size: clamp(0.938rem, -0.004rem + 1.37vw, 2.188rem); /* min: 15px  max: 35px, 1100px - 2560px */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    
}

.faq-link > a {
    text-decoration: none;
    color: #000;
    padding-top: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-bottom: clamp(0.625rem, 0.06rem + 0.82vw, 1.375rem);
    padding-left: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
    padding-right: clamp(1.563rem, 0.385rem + 1.71vw, 3.125rem);
}

.faq-link > a:hover {
    text-decoration: underline;
}

.faq-item-title > img {
    transition: transform 0.3s ease;
}

.faq-item-title > img.open {
    transform: rotate(180deg);
}

footer {
    padding-top: clamp(2.313rem, 0.005rem + 3.36vw, 5.375rem); /* min: 37px  max: 86px, 1100px - 2560px */
    padding-bottom: clamp(2.313rem, 0.005rem + 3.36vw, 5.375rem); /* min: 37px  max: 86px, 1100px - 2560px */
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: clamp(0.75rem, -0.003rem + 1.1vw, 1.75rem); /* min: 12px  max: 28px, 1100px - 2560px */
    text-align: center;
    width: 100%;
}

.privacy {
    margin-top: clamp(1.75rem, 0.008rem + 2.53vw, 4.063rem); /* min: 28px  max: 65px, 1100px - 2560px */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.policy {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 50%;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    text-decoration: underline;
}

.mt-d {
    margin-top: clamp(1.25rem, 0.073rem + 1.71vw, 2.813rem); /* min: 20px  max: 45px, 1100px - 2560px */
    background-color: #FFBE55;
}

@media (max-width: 1099px) {
  body {
      background-color: #092460;
      background-image: url("../img/bg/mobile-bg2.webp");
      background-size: contain;
      background-position: center top;
      max-height: none;
      padding-left: 0;
      padding-right: 0;
      padding-top: clamp(1rem, 0.024rem + 4.88vw, 3.375rem);
      overflow-x: hidden;
      min-height: 0;
      width: 100%;
      margin: 0;
  }

  main {
      flex-direction: column;
      position: relative;
      overflow-x: hidden;
      width: 100%;
  }

  .main-img {
      position: absolute;
      width: clamp(20rem, -0.026rem + 100.13vw, 68.75rem); /* min: 320px  max: 1100px, 1100px - 2560px */
      z-index: -1;
      top: 0;
      left: -12%;
  }

  .main-left-side {
      position: relative;
      width: 100%;
      height: clamp(17.188rem, 2.553rem + 73.17vw, 52.813rem); /* min: 275px  max: 850px, 1100px - 2560px */
      margin: 0 auto;
  }

  .main-right-side {
      background: linear-gradient(to bottom, transparent 0%, #092460 50%);
      position: relative;
      width: 100%;
      z-index: 9999;
      margin-top: -100px;
      padding-bottom: clamp(5.625rem, 0.875rem + 23.75vw, 17.188rem); /* min: 90px  max: 275px, 1100px - 2560px */
      align-items: center;
      text-align: center;
      max-width: 100%;
      gap: clamp(1.063rem, 0.061rem + 5.01vw, 3.5rem); /* min: 17px  max: 56px, 1100px - 2560px */
  }

  .main-right-side > h1 {
      font-size: clamp(1.5rem, -0.015rem + 7.57vw, 5.188rem); /* min: 24px  max: 83px, 1100px - 2560px */
      line-height: normal;
  }

  .main-right-side > p {
      font-size: clamp(0.75rem, -0.02rem + 3.85vw, 2.625rem); /* min: 12px  max: 42px, 1100px - 2560px */
      padding-left: clamp(1.813rem, 1.017rem + 3.98vw, 3.75rem); /* min: 29px  max: 60px, 1100px - 2560px */
      padding-right: clamp(1.813rem, 1.017rem + 3.98vw, 3.75rem); /* min: 29px  max: 60px, 1100px - 2560px */
      min-height: clamp(4.438rem, -0.158rem + 22.98vw, 15.625rem); /* min: 71px  max: 250px, 1100px - 2560px */
  }

  header {
      padding-left: clamp(1.125rem, -0.005rem + 5.65vw, 3.875rem);
      padding-right: clamp(1.125rem, -0.005rem + 5.65vw, 3.875rem);
  }

  .header-order-link {
      display: none;
  }

  .header-lang {
      display: none;
  }

  nav {
      display: none;
  }

  .burger {
      display: block;
      width: clamp(2rem, 0.049rem + 9.76vw, 6.75rem);
  }

  .logo {
      width: clamp(5.625rem, -0.023rem + 28.24vw, 19.375rem);
  }

  .main-front-img {
    position: absolute;
    width: clamp(11.875rem, -3.529rem + 77.02vw, 49.375rem); /* min: 190px  max: 790px, 1100px - 2560px */
    height: clamp(11.875rem, -3.529rem + 77.02vw, 49.375rem); /* min: 190px  max: 790px, 1100px - 2560px */
    transform: rotate(7deg);
    top: 33%;
    left: 20%;
    /* background-image: url("../img/denis.png"); */
    /* background-position: center; */
    /* background-size: contain; */
  }

  .edge {
    border-radius: clamp(0.938rem, 0.039rem + 4.49vw, 3.125rem); /* min: 15px  max: 50px, 1100px - 2560px */
  }

  .front {
    padding-top: clamp(1.375rem, 0.04rem + 6.68vw, 4.625rem); /* min: 22px  max: 74px, 1100px - 2560px */
    padding-bottom: clamp(1.375rem, 0.04rem + 6.68vw, 4.625rem); /* min: 22px  max: 74px, 1100px - 2560px */
    padding-right: clamp(1.25rem, 0.634rem + 3.08vw, 2.75rem); /* min: 20px  max: 44px, 1100px - 2560px */
    padding-left: clamp(1.25rem, 0.634rem + 3.08vw, 2.75rem); /* min: 20px  max: 44px, 1100px - 2560px */
    font-size: clamp(1rem, -0.232rem + 6.16vw, 4rem); /* min: 16px  max: 64px, 1100px - 2560px */
    border-radius: clamp(0.938rem, 0.039rem + 4.49vw, 3.125rem); /* min: 15px  max: 50px, 1100px - 2560px */
  }

  .mobile-modal {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10000;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out;
    flex-direction: column;
    padding: clamp(1rem, 0.024rem + 4.88vw, 3.375rem);
    align-items: center;
    text-align: center;
    display: flex;
  }

  .mobile-modal.open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
  }

  .modal-header > button {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .modal-header > button > img {
    width: clamp(1.563rem, -0.004rem + 7.83vw, 5.375rem); /* min: 25px  max: 86px, 1100px - 2560px */
  }

  .close-modal {
      background: none;
      border: none;
      font-size: clamp(1rem, 0.178rem + 4.11vw, 3rem); /* min: 16px  max: 48px, 1100px - 2560px */
      color: #000;
      cursor: pointer;
  }

  .modal-nav {
      display: flex;
      flex-direction: column;
      gap: clamp(1rem, 0.5rem + 2.5vw, 2rem);
      margin-top: clamp(2.063rem, -0.043rem + 10.53vw, 7.188rem); /* min: 33px  max: 115px, 1100px - 2560px */
      padding: 0;
  }

  .modal-nav li a {
      color: #000;
      font-size: clamp(2.188rem, 0.005rem + 10.91vw, 7.5rem); /* min: 35px  max: 120px, 1100px - 2560px */
      text-decoration: none;
  }

  .modal-nav li a:hover {
      text-decoration: underline;
  }

  .modal-lang {
      display: flex;
      align-items: center;
      gap: clamp(0.625rem, 0.112rem + 2.57vw, 1.875rem); /* min: 10px  max: 30px, 1100px - 2560px */
      margin-top: clamp(2.375rem, 0.013rem + 11.81vw, 8.125rem); /* min: 38px  max: 130px, 1100px - 2560px */
      background-color: #fff;
      border-radius: clamp(0.563rem, 0.023rem + 2.7vw, 1.875rem); /* min: 9px  max: 30px, 1100px - 2560px */
      border-width: clamp(0.048rem, -0.011rem + 0.08vw, 0.125rem); /* min: 0.75px  max: 2px, 1100px - 2560px */
      border-style: solid;
      border-color: #D8D8D8;
      align-items: center;
      padding-top: clamp(0.75rem, -0.046rem + 3.98vw, 2.688rem); /* min: 12px  max: 43px, 1100px - 2560px */
      padding-bottom: clamp(0.75rem, -0.046rem + 3.98vw, 2.688rem); /* min: 12px  max: 43px, 1100px - 2560px */
      padding-left: clamp(0.938rem, 0.065rem + 4.36vw, 3.063rem); /* min: 15px  max: 49px, 1100px - 2560px */
      padding-right: clamp(0.938rem, 0.065rem + 4.36vw, 3.063rem); /* min: 15px  max: 49px, 1100px - 2560px */
      position: relative;
      cursor: pointer;
  }

  .modal-lang .lang-flag img {
      width: clamp(1rem, 0.5rem + 2.5vw, 2rem);
  }

  .modal-lang .header-lang-container {
      font-size: clamp(1rem, 0.5rem + 2.5vw, 2rem);
      color: #000;
  }

  .modal-lang .header-lang-container svg {
      width: clamp(1rem, -0.053rem + 5.26vw, 3.563rem);
      height: clamp(1rem, -0.053rem + 5.26vw, 3.563rem);
  }

  .modal-lang > img {
    width: clamp(0.875rem, 0.002rem + 4.36vw, 3rem); /* min: 14px  max: 48px, 1100px - 2560px */
  }

  .modal-link {
    margin-top: clamp(3rem, -0.004rem + 15.02vw, 10.313rem); /* min: 48px  max: 165px, 1100px - 2560px */
  }

  .modal-lang .lang-text {
    font-size: clamp(1rem, -0.053rem + 5.26vw, 3.563rem); /* min: 16px  max: 57px, 1100px - 2560px */
  }

  .modal-lang .lang-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    border-radius: clamp(0.563rem, 0.023rem + 2.7vw, 1.875rem);
        border-width: clamp(0.048rem, -0.011rem + 0.08vw, 0.125rem);
        border-style: solid;
        border-color: #D8D8D8;
        width: 100%;
    margin-top: clamp(0.5rem, 0.295rem + 1.03vw, 1rem);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    text-align: center;
  }

  .modal-lang .lang-dropdown.open {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }

  li > a {
    font-size: clamp(0.875rem, 0.413rem + 2.31vw, 2rem);
  }

  .modal-lang .lang-dropdown ul {
    list-style: none;
    padding-top: clamp(0.5rem, 0.295rem + 1.03vw, 1rem);
    padding-bottom: clamp(0.5rem, 0.295rem + 1.03vw, 1rem);
    margin: 0;
  }

  .modal-lang .lang-dropdown li {
    /* padding: 0.5rem 1rem; */
    padding-top: clamp(0.5rem, 0.295rem + 1.03vw, 1rem);
    font-size: clamp(1rem, -0.053rem + 5.26vw, 3.563rem);
    color: #000;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .modal-lang .lang-dropdown li:hover {
    background: #f0f0f0;
  }

  .how-it-works {
    padding-top: clamp(2.375rem, -0.064rem + 12.2vw, 8.313rem); /* min: 38px  max: 133px, 1100px - 2560px */
    padding-bottom: clamp(1.25rem, -0.034rem + 6.42vw, 4.375rem); /* min: 20px  max: 70px, 1100px - 2560px */
  }

  .how-it-works-title {
    font-size: clamp(1.563rem, 0.022rem + 7.7vw, 5.313rem); /* min: 25px  max: 85px, 1100px - 2560px */
  }

  .how-it-works-steps {
    flex-wrap: wrap;
    justify-content: center;
    transform: translateX(-9%);
  }

  .first-img {
    transform: rotate(12deg) tra;
    width: clamp(11.75rem, -0.086rem + 59.18vw, 40.563rem); /* min: 188px  max: 650px, 320px - 1099px */
  }

  .second-img {
    width: clamp(7.563rem, -0.037rem + 38vw, 26.063rem); /* min: 121px  max: 418px, 320px - 1099px */
  }

  .third-img {
    width: clamp(15.625rem, 0.015rem + 78.05vw, 53.625rem); /* min: 250px  max: 860px, 320px - 1099px */
  }

  .how-it-works-step:nth-child(1) {
    transform: translateX(9%) translateY(-9%);
  }

  .how-it-works-step:nth-child(2) {
    margin-right: 0;
}

.how-it-works-step:nth-child(3) {
    margin-top: clamp(0.563rem, -0.028rem + 2.95vw, 2rem); /* min: 9px  max: 32px, 320px - 1099px */
    gap: clamp(0.5rem, -0.013rem + 2.57vw, 1.75rem); /* min: 8px  max: 28px, 320px - 1099px */
    transform: translateX(12%);
}

.how-it-works-step:nth-child(3) > .how-it-works-caption {
    padding-bottom: clamp(0.5rem, -0.013rem + 2.57vw, 1.75rem); /* min: 8px  max: 28px, 320px - 1099px */
    font-size: clamp(0.938rem, 0.039rem + 4.49vw, 3.125rem); /* min: 15px  max: 50px, 320px - 1099px */
    width: 100%;
    text-align: center;
}

 .how-it-works-caption {
    width: clamp(3.625rem, -0.046rem + 18.36vw, 12.563rem); /* min: 58px  max: 201px, 320px - 1099px */
    font-size: clamp(0.625rem, 0.009rem + 3.08vw, 2.125rem); /* min: 10px  max: 34px, 320px - 1099px */
    white-space: pre-wrap;
    text-align: start;
 }

 .how-it-works-step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }

 .how-it-works-arrow {
    
    transform: rotate(180deg);
    top: 29%;
    left: 52%;
 }

 .how-it-works-arrow > img {
    width: clamp(3.125rem, -0.033rem + 15.79vw, 10.813rem); /* min: 50px  max: 173px, 320px - 1099px */
 }

 .how-it-works-link {
    margin-top: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
    font-size: clamp(1rem, 0.05rem + 4.75vw, 3.313rem); /* min: 16px  max: 53px, 320px - 1099px */
 }

 .how-it-works-link > a {
    padding-top: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-bottom: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-left: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
    padding-right: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
 }

 .hero {
    padding-top: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */;
    padding-bottom: clamp(2.688rem, -0.06rem + 13.74vw, 9.375rem); /* min: 43px  max: 150px, 320px - 1099px */
 }

 .hero-title {
    font-size: clamp(1rem, -0.053rem + 5.26vw, 3.563rem); /* min: 16px  max: 57px, 320px - 1099px */
    width: clamp(14.688rem, -0.024rem + 73.56vw, 50.5rem); /* min: 235px  max: 810px, 320px - 1099px */
 }
 
 .hero-content {
    flex-direction: column;
    margin-top: clamp(1.688rem, -0.007rem + 8.47vw, 5.813rem); /* min: 27px  max: 93px, 320px - 1099px */
    gap: clamp(1.688rem, -0.007rem + 8.47vw, 5.813rem); /* min: 27px  max: 93px, 320px - 1099px */
 }

 .hero-left {
    order: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
 }

 .hero-right {
    order: 1;
    width: clamp(15.625rem, 0.015rem + 78.05vw, 53.625rem); /* min: 250px  max: 860px, 320px - 1099px */
 }

 .hero-left > h2 {
    font-size: clamp(1.125rem, -0.005rem + 5.65vw, 3.875rem); /* min: 18px  max: 62px, 320px - 1099px */
    width: clamp(14.125rem, 0.004rem + 70.6vw, 48.5rem); /* min: 226px  max: 780px, 320px - 1099px */
 }

 .hero-left > p {
    font-size: clamp(0.75rem, -0.02rem + 3.85vw, 2.625rem); /* min: 12px  max: 42px, 320px - 1099px */
    width: clamp(15.625rem, 0.015rem + 78.05vw, 53.625rem); /* min: 250px  max: 860px, 320px - 1099px */
    margin-top: clamp(0.688rem, -0.057rem + 3.72vw, 2.5rem); /* min: 11px  max: 40px, 320px - 1099px */
 }

 .hero-link {
    margin-top: clamp(1.875rem, 0.078rem + 8.99vw, 6.25rem); /* min: 30px  max: 100px, 320px - 1099px */
    font-size: clamp(1rem, 0.05rem + 4.75vw, 3.313rem); /* min: 16px  max: 53px, 320px - 1099px */
 }

 .hero-link > a {
    padding-top: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-bottom: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-left: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
    padding-right: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
 }

 .benefits {
    padding-bottom: clamp(1.063rem, -0.067rem + 5.65vw, 3.813rem); /* min: 17px  max: 61px, 320px - 1099px */
    padding-top: 0;
 }

 .benefits-items {
    flex-direction: column;
    gap: clamp(1.813rem, -0.01rem + 9.11vw, 6.25rem); /* min: 29px  max: 100px, 320px - 1099px */
 }

 .benefits-item-img {
    width: clamp(4.688rem, -0.062rem + 23.75vw, 16.25rem); /* min: 75px  max: 260px, 320px - 1099px */
 }

 .benefits-item-img > img {
    justify-self: center;
 }

 .benefits-item-title {
    margin-top: clamp(0.75rem, 0.031rem + 3.59vw, 2.5rem); /* min: 12px  max: 40px, 320px - 1099px */
 }

 .benefits-item-title > h3 {
    font-size: clamp(0.75rem, 0.031rem + 3.59vw, 2.5rem); /* min: 12px  max: 40px, 320px - 1099px */
 }


 .benefits-item-desc {
    margin-top: clamp(0.75rem, 0.031rem + 3.59vw, 2.5rem); /* min: 12px  max: 40px, 320px - 1099px */
 }

 .benefits-item-desc > p {
    font-size: clamp(0.563rem, 0.023rem + 2.7vw, 1.875rem); /* min: 9px  max: 30px, 320px - 1099px */
 }

 .reviews {
    padding-top: clamp(1.438rem, -0.026rem + 7.32vw, 5rem); /* min: 23px  max: 80px, 320px - 1099px */
    padding-bottom: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
 }

 .reviews-title {
    font-size: clamp(1rem, -0.053rem + 5.26vw, 3.563rem); /* min: 16px  max: 57px, 320px - 1099px */
 }

 .reviews-subtitle {
    font-size: clamp(0.625rem, 0.009rem + 3.08vw, 2.125rem); /* min: 10px  max: 34px, 320px - 1099px */
 }

 .reviews-items {
    margin-top: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
    flex-wrap: wrap;
    width: clamp(17.5rem, 0.016rem + 87.42vw, 60.063rem); /* min: 280px  max: 960px, 320px - 1099px */
    column-gap: clamp(0.5rem, 0.012rem + 2.44vw, 1.688rem); /* min: 8px  max: 27px, 320px - 1099px */
    row-gap: clamp(1.063rem, -0.041rem + 5.52vw, 3.75rem); /* min: 17px  max: 60px, 320px - 1099px */
 }

 .reviews-item {
    width: clamp(8.438rem, -0.086rem + 42.62vw, 29.188rem); /* min: 135px  max: 467px, 320px - 1099px */
 }

 .reviews-item-content {
    margin-top: clamp(0.688rem, -0.031rem + 3.59vw, 2.438rem); /* min: 11px  max: 39px, 320px - 1099px */
    padding-left: clamp(0.375rem, 0.041rem + 1.67vw, 1.188rem); /* min: 6px  max: 19px, 320px - 1099px */
    width: clamp(6.875rem, -0.185rem + 35.3vw, 24.063rem); /* min: 110px  max: 385px, 320px - 1099px */
    gap: clamp(0.313rem, 0.004rem + 1.54vw, 1.063rem); /* min: 5px  max: 17px, 320px - 1099px */
 }

 .reviews-item-title {
    font-size: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    gap: clamp(0.188rem, -0.018rem + 1.03vw, 0.688rem); /* min: 3px  max: 11px, 320px - 1099px */
 }

 .reviews-item-title > span {
    font-size: clamp(0.313rem, -0.047rem + 1.8vw, 1.188rem); /* min: 5px  max: 19px, 320px - 1099px */
    line-height: normal;
 }

 .reviews-item-title > span > img {
    width: clamp(0.438rem, -0.025rem + 2.31vw, 1.563rem); /* min: 7px  max: 25px, 320px - 1099px */
 }

 .reviews-item-date {
    font-size: clamp(0.313rem, -0.047rem + 1.8vw, 1.188rem); /* min: 5px  max: 19px, 320px - 1099px */
 }

 .reviews-item-stars {
    font-size: clamp(0.563rem, -0.002rem + 2.82vw, 1.938rem); /* min: 9px  max: 31px, 320px - 1099px */
 }

 .reviews-item-desc {
    font-size: clamp(0.5rem, -0.013rem + 2.57vw, 1.75rem); /* min: 8px  max: 28px, 320px - 1099px */
 }

 .reviews-link {
    margin-top: clamp(1.875rem, 0.078rem + 8.99vw, 6.25rem); /* min: 30px  max: 100px, 320px - 1099px */
    font-size: clamp(1rem, 0.05rem + 4.75vw, 3.313rem); /* min: 16px  max: 53px, 320px - 1099px */
 }

 .reviews-link > a {
    padding-top: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-bottom: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-left: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
    padding-right: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
 }

 .faq {
    padding-top: clamp(1.875rem, 0.078rem + 8.99vw, 6.25rem); /* min: 30px  max: 100px, 320px - 1099px */
    padding-bottom: clamp(1.375rem, 0.014rem + 6.8vw, 4.688rem); /* min: 22px  max: 75px, 320px - 1099px */
 }

 .faq-title {
    font-size: clamp(1rem, -0.053rem + 5.26vw, 3.563rem); /* min: 16px  max: 57px, 320px - 1099px */
 }

 .faq-items {
    margin-top: clamp(1.375rem, 0.014rem + 6.8vw, 4.688rem); /* min: 22px  max: 75px, 320px - 1099px */
    width: clamp(16.875rem, 0.007rem + 84.34vw, 57.938rem); /* min: 270px  max: 930px, 320px - 1099px */
 }

 .faq-item-title {
    font-size: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
 }

 .faq-item {
    padding-top: clamp(0.5rem, 0.089rem + 2.05vw, 1.5rem); /* min: 8px  max: 24px, 320px - 1099px */
    padding-bottom: clamp(0.5rem, 0.089rem + 2.05vw, 1.5rem); /* min: 8px  max: 24px, 320px - 1099px */
    padding-left: clamp(0.5rem, 0.012rem + 2.44vw, 1.688rem); /* min: 8px  max: 27px, 320px - 1099px */
    padding-right: clamp(0.5rem, 0.012rem + 2.44vw, 1.688rem); /* min: 8px  max: 27px, 320px - 1099px */
 }

 .faq-item-title > img {
    width: clamp(0.688rem, -0.006rem + 3.47vw, 2.375rem); /* min: 11px  max: 38px, 320px - 1099px */
 }

 .faq-item-desc {
    font-size: clamp(0.563rem, -0.002rem + 2.82vw, 1.938rem); /* min: 9px  max: 31px, 320px - 1099px */
    padding-left: clamp(0.5rem, -0.013rem + 2.57vw, 1.75rem); /* min: 8px  max: 28px, 320px - 1099px */
    margin-top: clamp(0.25rem, -0.007rem + 1.28vw, 0.875rem); /* min: 4px  max: 14px, 320px - 1099px */
 }

 .faq-item-desc-items {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, -0.013rem + 2.57vw, 1.75rem); /* min: 8px  max: 28px, 320px - 1099px */
 }

 .faq-link {
    margin-top: clamp(1.875rem, 0.078rem + 8.99vw, 6.25rem); /* min: 30px  max: 100px, 320px - 1099px */
    font-size: clamp(1rem, 0.05rem + 4.75vw, 3.313rem); /* min: 16px  max: 53px, 320px - 1099px */
 }

 .faq-link > a {
    padding-top: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-bottom: clamp(0.625rem, -0.017rem + 3.21vw, 2.188rem); /* min: 10px  max: 35px, 320px - 1099px */
    padding-left: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
    padding-right: clamp(2rem, -0.028rem + 10.14vw, 6.938rem); /* min: 32px  max: 111px, 320px - 1099px */
 }
 
 footer {
    padding-top: clamp(1.125rem, -0.005rem + 5.65vw, 3.875rem); /* min: 18px  max: 62px, 320px - 1099px */
    padding-bottom: clamp(4.688rem, 1.735rem + 14.76vw, 11.875rem); /* min: 75px  max: 190px, 320px - 1099px */
    font-size: clamp(0.625rem, 0.009rem + 3.08vw, 2.125rem); /* min: 10px  max: 34px, 320px - 1099px */
    justify-content: center;
    align-items: center;
 }

 .privacy {
    margin-top: clamp(1.25rem, 0.018rem + 6.16vw, 4.25rem); /* min: 20px  max: 68px, 320px - 1099px */
    flex-direction: column;
 }

 .policy {
    width: 85%;
 }

 canvas {
    top: clamp(40.625rem, -0.197rem + 204.11vw, 140rem); /* min: 650px  max: 2240px, 320px - 1099px */
 }
}