@import"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); /* Тусклый желтый цвет */
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 20px 20px rgba(255, 215, 0, 0); /* Исчезающий эффект */
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
    }
}

.hero__btn.pulse-animation {
    animation: pulse 2s infinite;
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Montserrat,sans-serif
}

* {
    line-height: 1.2
}

.site-container {
    width: 100%
}

.section__title {
    font-size: 36px;
    font-weight: 500
}

@media (min-width: 640px) {
    .section__title {
        font-size: 48px
    }
}

@media (min-width: 768px) {
    .section__title {
        font-size: 64px
    }
}

*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

:before,:after {
    --tw-content: ""
}

html,:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,:before,:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;--tw-pan-y:;
    --tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;--tw-gradient-via-position:;
    --tw-gradient-to-position: ;--tw-ordinal:;
    --tw-slashed-zero: ;--tw-numeric-figure:;
    --tw-numeric-spacing: ;--tw-numeric-fraction:;
    --tw-ring-inset: ;--tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;--tw-brightness:;
    --tw-contrast: ;--tw-grayscale:;
    --tw-hue-rotate: ;--tw-invert:;
    --tw-saturate: ;--tw-sepia:;
    --tw-drop-shadow: ;--tw-backdrop-blur:;
    --tw-backdrop-brightness: ;--tw-backdrop-contrast:;
    --tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate:;
    --tw-backdrop-invert: ;--tw-backdrop-opacity:;
    --tw-backdrop-saturate: ;--tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;--tw-pan-y:;
    --tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;--tw-gradient-via-position:;
    --tw-gradient-to-position: ;--tw-ordinal:;
    --tw-slashed-zero: ;--tw-numeric-figure:;
    --tw-numeric-spacing: ;--tw-numeric-fraction:;
    --tw-ring-inset: ;--tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;--tw-brightness:;
    --tw-contrast: ;--tw-grayscale:;
    --tw-hue-rotate: ;--tw-invert:;
    --tw-saturate: ;--tw-sepia:;
    --tw-drop-shadow: ;--tw-backdrop-blur:;
    --tw-backdrop-brightness: ;--tw-backdrop-contrast:;
    --tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate:;
    --tw-backdrop-invert: ;--tw-backdrop-opacity:;
    --tw-backdrop-saturate: ;--tw-backdrop-sepia:
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 400px) {
    .container {
        max-width: 400px
    }
}

@media (min-width: 600px) {
    .container {
        max-width: 600px
    }
}

@media (min-width: 728px) {
    .container {
        max-width: 728px
    }
}

@media (min-width: 984px) {
    .container {
        max-width: 984px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

.header .container {
    position: relative;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 22px;
    padding-bottom: 19px
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 768px) {
    .header__inner {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.header__burger {
    display: block
}

@media (min-width: 1024px) {
    .header__burger {
        display: none
    }
}

.header__btn {
    display: none!important
}

@media (min-width: 1024px) {
    .header__btn {
        display: inline-block!important
    }
}

.logo {
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2
}

.menu {
    position: absolute;
    top: 0;
    right: 1.25rem;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-delay: .1s;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .menu {
        position: relative;
        right: 0;
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.menu__list {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 20px;
    border-bottom-left-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-inline-start: 20px;
    padding-inline-end: 32px;
    padding-bottom: 40px;
    padding-top: 78px
}

@media (min-width: 1024px) {
    .menu__list {
        flex-direction: row;
        border-radius: 0;
        padding: 0
    }
}

@media (min-width: 1280px) {
    .menu__list {
        -moz-column-gap: 51px;
        column-gap: 51px
    }
}

.menu__item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.menu__link {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

@media (min-width: 1024px) {
    .menu__link {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.menu__link:hover {
    color: #000c
}

@media (max-width: 1024px) {
    .menu-open .menu {
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.btn {
    display: inline-block;
    border-radius: 35px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding: 9px 60px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.btn:hover {
    background: #000000f2
}

.btn--white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.btn--white:hover {
    background: #ffffffe5
}

.btn--accent {
    --tw-bg-opacity: 1;
    background-color: rgb(255 132 97 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn--accent:hover {
    background: #ff784f
}

.btn--sm {
    padding: 8px 27px;
    font-size: 1rem;
    line-height: 1.5rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.btn--lg {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

@media (min-width: 640px) {
    .btn--lg {
        padding-top: 21px;
        padding-bottom: 21px;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 768px) {
    .btn--lg {
        padding-left: 52px;
        padding-right: 52px
    }
}

.hero__inner {
    border-radius: 50px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 115px;
    padding-bottom: 88px
}

@media (min-width: 640px) {
    .hero__inner {
        border-radius: 60px;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        padding-top: 130px;
        padding-bottom: 110px
    }
}

@media (min-width: 768px) {
    .hero__inner {
        border-radius: 80px;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.hero__inner {
    background: #000 url(../assets/hero-bg.png) center no-repeat;
    background-size: cover
}

.hero__content {
    width: 100%;
    max-width: 100%
}

@media (min-width: 640px) {
    .hero__content {
        max-width: 80%
    }
}

@media (min-width: 768px) {
    .hero__content {
        max-width: 70%
    }
}

@media (min-width: 1024px) {
    .hero__content {
        max-width: 55%
    }
}

.hero__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.22;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 440px) {
    .hero__title {
        font-size: 36px
    }
}

@media (min-width: 1024px) {
    .hero__title {
        font-size: 56px
    }
}

@media (min-width: 1280px) {
    .hero__title {
        font-size: 64px
    }
}

.hero__subtitle {
    margin-top: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 440px) {
    .hero__subtitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 640px) {
    .hero__subtitle {
        margin-top: 16px;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.hero__text {
    color: #fffc;
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

@media (min-width: 440px) {
    .hero__text {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 640px) {
    .hero__text {
        margin-top: 7px;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.hero__btn {
    margin-top: 40px;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 440px) {
    .hero__btn {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

/* Добавляем стили для новой кнопки */
.cta-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 15px 30px;
    border-radius: 50px;
    background-color: #ff8461;
    color: #fff;
    font-weight: bold;
    text-align: center;
    transition: background-color 0.3s ease;
}

.cta-btn:hover {
    background-color: #ff784f;
}
.logo {
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2
}

.menu {
    position: absolute;
    top: 0;
    right: 1.25rem;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-delay: .1s;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .menu {
        position: relative;
        right: 0;
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.menu__list {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 20px;
    border-bottom-left-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-inline-start: 20px;
    padding-inline-end: 32px;
    padding-bottom: 40px;
    padding-top: 78px
}

@media (min-width: 1024px) {
    .menu__list {
        flex-direction: row;
        border-radius: 0;
        padding: 0
    }
}

@media (min-width: 1280px) {
    .menu__list {
        -moz-column-gap: 51px;
        column-gap: 51px
    }
}

.menu__item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.menu__link {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

@media (min-width: 1024px) {
    .menu__link {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.menu__link:hover {
    color: #000c
}

@media (max-width: 1024px) {
    .menu-open .menu {
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.btn {
    display: inline-block;
    border-radius: 35px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding: 9px 60px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.btn:hover {
    background: #000000f2
}

.btn--white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.btn--white:hover {
    background: #ffffffe5
}

.btn--accent {
    --tw-bg-opacity: 1;
    background-color: rgb(255 132 97 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn--accent:hover {
    background: #ff784f
}

.btn--sm {
    padding: 8px 27px;
    font-size: 1rem;
    line-height: 1.5rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.btn--lg {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

@media (min-width: 640px) {
    .btn--lg {
        padding-top: 21px;
        padding-bottom: 21px;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 768px) {
    .btn--lg {
        padding-left: 52px;
        padding-right: 52px
    }
}

.hero__inner {
    border-radius: 50px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 115px;
    padding-bottom: 88px
}

@media (min-width: 640px) {
    .hero__inner {
        border-radius: 60px;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        padding-top: 130px;
        padding-bottom: 110px
    }
}

@media (min-width: 768px) {
    .hero__inner {
        border-radius: 80px;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.hero__inner {
    background: #000 url(../assets/hero-bg.png) center no-repeat;
    background-size: cover
}

.hero__content {
    width: 100%;
    max-width: 100%
}

@media (min-width: 640px) {
    .hero__content {
        max-width: 80%
    }
}

@media (min-width: 768px) {
    .hero__content {
        max-width: 70%
    }
}

@media (min-width: 1024px) {
    .hero__content {
        max-width: 55%
    }
}

.hero__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.22;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 440px) {
    .hero__title {
        font-size: 36px
    }
}

@media (min-width: 1024px) {
    .hero__title {
        font-size: 56px
    }
}

@media (min-width: 1280px) {
    .hero__title {
        font-size: 64px
    }
}

.hero__subtitle {
    margin-top: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 440px) {
    .hero__subtitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 640px) {
    .hero__subtitle {
        margin-top: 16px;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.hero__text {
    color: #fffc;
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

@media (min-width: 440px) {
    .hero__text {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 640px) {
    .hero__text {
        margin-top: 7px;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.hero__btn {
    margin-top: 40px;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 440px) {
    .hero__btn {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
.hero__cta-btn {
    padding: 15px 30px !important;
    border-radius: 50px !important;
    background-color: #ff8461 !important;
    color: #fff !important;
    font-weight: bold !important;
    text-align: center !important;
}

.hero__cta-btn:hover {
    background-color: #ff784f !important;
}

@media (min-width: 640px) {
    .hero__btn {
        margin-top: 69px
    }
}
.stats {
    margin-top: 90px
}

@media (min-width: 768px) {
    .stats .container {
        padding-left: 60px;
        padding-right: 60px
    }
}

.stats__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .stats__content {
        flex-direction: row
    }
}

.stats__list {
    margin-top: 50px;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 19px;
    column-gap: 19px;
    row-gap: 23px
}

@media (min-width: 1024px) {
    .stats__list {
        margin-left: -1.5rem;
        max-width: 50%
    }
}

.stats__item {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    max-width: 45%;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.stats__item-title {
    font-size: 36px;
    font-weight: 600
}

@media (min-width: 640px) {
    .stats__item-title {
        font-size: 48px
    }
}

@media (min-width: 768px) {
    .stats__item-title {
        font-size: 64px
    }
}

.stats__item-text {
    margin-top: 9px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem!important
}

@media (min-width: 640px) {
    .stats__item-text {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1024px) {
    .stats__item:last-child {
        margin-inline-end: 42px
    }
}

.stats .feedback__form {
    margin-top: 60px;
    width: 100%
}

@media (min-width: 1024px) {
    .stats .feedback__form {
        margin-top: 39px;
        max-width: 410px
    }
}

.form__title {
    margin-bottom: 2.5rem;
    font-size: 36px;
    font-weight: 500
}

@media (min-width: 1024px) {
    .form__title {
        margin-bottom: 1.25rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600
    }
}

.form__item {
    margin-top: 10px
}

.form__item-checkbox {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.25rem
}

.form__input,.form__textarea {
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity));
    padding: 10px 30px
}

.form__input::-moz-placeholder,.form__textarea::-moz-placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #0009
}

.form__input::placeholder,.form__textarea::placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #0009
}

.form__textarea {
    max-height: 400px;
    min-height: 180px;
    border-radius: 30px;
    padding-top: 19px;
    padding-bottom: 19px
}

.form__submit {
    margin-top: 1.25rem;
    font-size: 1.5rem;
    line-height: 2rem
}

.form__checkbox {
    width: auto
}

.form__checkbox:before {
    content: "asasfsafsa"
}

.form__checkbox:checked,.form__checkbox:not(:checked) {
    position: absolute;
    left: -9999px
}

.form__checkbox+label {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    cursor: pointer;
    color: #0009;
    font-weight: 500
}

.form__checkbox+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0 0 0 / 60%);
    background-color: #fff
}

.form__checkbox:checked:focus+label {
    text-decoration: underline
}

.form__checkbox:checked+label:before,.form__checkbox:not(:checked)+label:before {
    border-radius: 4px
}

.form__checkbox:checked+label:before {
    border-color: #c57a63;
    background-color: #ff8461;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-size: 10px 10px;
    background-position: center;
    background-repeat: no-repeat
}

.solved-problems {
    margin-top: 60px
}

@media (min-width: 1024px) {
    .solved-problems {
        margin-top: 5rem
    }
}

@media (min-width: 768px) {
    .solved-problems .container {
        padding-left: 60px;
        padding-right: 60px
    }
}

.solved-problems__list {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-rows: repeat(3,minmax(0,1fr));
    gap: 25px
}

@media (min-width: 640px) {
    .solved-problems__list {
        grid-template-rows: repeat(1,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .solved-problems__list {
        margin-top: 50px;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.solved-problems__card {
    position: relative;
    display: block;
    border-radius: 50px;
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity));
    padding: 80px 20px 50px
}

@media (min-width: 1280px) {
    .solved-problems__card {
        padding: 90px 40px 106px
    }
}

.solved-problems__card {
    transition: all .3s ease-in
}

.solved-problems__card-arrow {
    position: absolute;
    top: 24px;
    right: 47px;
    display: block;
    height: 24px;
    width: 100%;
    max-width: 44px;
    --tw-translate-x: 30px;
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    fill: #000
}

.solved-problems__card-arrow .arrow-path {
    fill: #000;
    d: path("M2 10.5C1.17157 10.5 0.5 11.1716 0.5 12C0.5 12.8284 1.17157 13.5 2 13.5V10.5ZM33.0607 13.0607C33.6464 12.4749 33.6464 11.5251 33.0607 10.9393L23.5147 1.3934C22.9289 0.807612 21.9792 0.807612 21.3934 1.3934C20.8076 1.97918 20.8076 2.92893 21.3934 3.51472L29.8787 12L21.3934 20.4853C20.8076 21.0711 20.8076 22.0208 21.3934 22.6066C21.9792 23.1924 22.9289 23.1924 23.5147 22.6066L33.0607 13.0607ZM2 13.5H32V10.5H2V13.5Z");
    d: "M2 10.5C1.17157 10.5 0.5 11.1716 0.5 12C0.5 12.8284 1.17157 13.5 2 13.5V10.5ZM33.0607 13.0607C33.6464 12.4749 33.6464 11.5251 33.0607 10.9393L23.5147 1.3934C22.9289 0.807612 21.9792 0.807612 21.3934 1.3934C20.8076 1.97918 20.8076 2.92893 21.3934 3.51472L29.8787 12L21.3934 20.4853C20.8076 21.0711 20.8076 22.0208 21.3934 22.6066C21.9792 23.1924 22.9289 23.1924 23.5147 22.6066L33.0607 13.0607ZM2 13.5H32V10.5H2V13.5Z";
    transition: all .3s ease-in
}

.solved-problems__card:hover .solved-problems__card-arrow .arrow-path {
    fill: #ff8461;
    d: path("M2 10.5C1.17157 10.5 0.5 11.1716 0.5 12C0.5 12.8284 1.17157 13.5 2 13.5V10.5ZM43.0607 13.0607C43.6464 12.4749 43.6464 11.5251 43.0607 10.9393L33.5147 1.3934C32.9289 0.807612 31.9792 0.807612 31.3934 1.3934C30.8076 1.97918 30.8076 2.92893 31.3934 3.51472L39.8787 12L31.3934 20.4853C30.8076 21.0711 30.8076 22.0208 31.3934 22.6066C31.9792 23.1924 32.9289 23.1924 33.5147 22.6066L43.0607 13.0607ZM2 13.5H42V10.5H2V13.5Z");
    d: "M2 10.5C1.17157 10.5 0.5 11.1716 0.5 12C0.5 12.8284 1.17157 13.5 2 13.5V10.5ZM43.0607 13.0607C43.6464 12.4749 43.6464 11.5251 43.0607 10.9393L33.5147 1.3934C32.9289 0.807612 31.9792 0.807612 31.3934 1.3934C30.8076 1.97918 30.8076 2.92893 31.3934 3.51472L39.8787 12L31.3934 20.4853C30.8076 21.0711 30.8076 22.0208 31.3934 22.6066C31.9792 23.1924 32.9289 23.1924 33.5147 22.6066L43.0607 13.0607ZM2 13.5H42V10.5H2V13.5Z"
}

.solved-problems__card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1.2!important
}

@media (min-width: 640px) {
    .solved-problems__card-title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.solved-problems__card-text {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 1.2!important
}

@media (min-width: 640px) {
    .solved-problems__card-text {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.clients {
    margin-top: 5rem;
    overflow: clip
}

@media (min-width: 768px) {
    .clients .container {
        padding-left: 60px;
        padding-right: 60px
    }
}

.clients-slider {
    margin-top: 30px
}

@media (min-width: 640px) {
    .clients-slider {
        margin-top: 70px
    }
}

.clients-slider {
    width: 100%;
    height: 100%
}

.clients .swiper-wrapper {
    align-items: center
}

.clients .swiper-slide {
    height: 107px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 330px;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.clients .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tariffs {
    margin-top: 80px
}

@media (min-width: 640px) {
    .tariffs {
        margin-top: 120px
    }
}

.tariffs__inner {
    border-radius: 50px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .tariffs__inner {
        border-radius: 60px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width: 768px) {
    .tariffs__inner {
        border-radius: 80px
    }
}

.tariffs__title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tariffs__list {
    margin-top: 20px
}

@media (min-width: 640px) {
    .tariffs__list {
        margin-top: 60px
    }
}

.tariffs__card {
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 2.5rem 1.25rem
}

@media (min-width: 640px) {
    .tariffs__card {
        border-radius: 50px;
        padding: 30px 32px 45px
    }
}

.tariffs__card:not(:first-child) {
    margin-top: 17px
}

.tariffs__card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (min-width: 640px) {
    .tariffs__card-title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.tariffs__card-content {
    margin-top: 23px
}

.tariffs__card-content>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(23px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(23px * var(--tw-space-y-reverse))
}

.tariffs__card-content {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

@media (min-width: 640px) {
    .tariffs__card-content {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.tariffs__card-content {
    color: #0009
}

.tariffs__card-col {
    width: 100%;
    max-width: 100%
}

.tariffs__card-row {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

@media (min-width: 1024px) {
    .tariffs__card-row {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.tariffs__card-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10px * var(--tw-space-y-reverse))
}

.tariffs__card-list {
    padding-left: 30px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

@media (min-width: 640px) {
    .tariffs__card-list {
        padding-left: 32px;
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.tariffs__card-list {
    color: #0009;
    list-style-image: none
}

.tariffs__card-list li {
    position: relative
}

.tariffs__card-list li:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='10'%20cy='10'%20r='10'%20fill='%23FF8461'/%3e%3crect%20x='6'%20y='9.82812'%20width='1'%20height='4'%20rx='0.5'%20transform='rotate(-45%206%209.82812)'%20fill='white'/%3e%3crect%20x='13.0713'%20y='7'%20width='1'%20height='7'%20rx='0.5'%20transform='rotate(45%2013.0713%207)'%20fill='white'/%3e%3c/svg%3e");
    top: 3px;
    left: -30px
}

.tariffs__card-price {
    font-size: 36px;
    font-weight: 700
}

@media (min-width: 640px) {
    .tariffs__card-price {
        font-size: 40px
    }
}

.tariffs__card-footer {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px
}

@media (min-width: 640px) {
    .tariffs__card-footer {
        margin-top: 44px;
        flex-direction: row;
        align-items: center
    }
}

.tariffs__card-footer .btn {
    width: 100%;
    text-align: center
}

@media (min-width: 640px) {
    .tariffs__card-footer .btn {
        width: -moz-fit-content;
        width: fit-content;
        text-align: left
    }
}

.free-presentation {
    margin-top: 1.25rem
}

@media (min-width: 640px) {
    .free-presentation {
        margin-top: 2.5rem
    }
}

.free-presentation__content {
    display: flex;
    align-items: center;
    -moz-column-gap: 18px;
    column-gap: 18px;
    border-radius: 50px;
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity));
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 48px
}

@media (min-width: 640px) {
    .free-presentation__content {
        -moz-column-gap: 45px;
        column-gap: 45px;
        border-radius: 60px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-inline-start: 92px;
        padding-inline-end: 92px
    }
}

@media (min-width: 768px) {
    .free-presentation__content {
        border-radius: 80px
    }
}

@media (min-width: 1024px) {
    .free-presentation__content {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-inline-start: 184px;
        padding-inline-end: 185px
    }
}

.free-presentation__content:hover .free-presentation-icon .arrow-path {
    fill: #ff8461;
    d: path("M2 13C0.895431 13 0 13.8954 0 15C0 16.1046 0.895431 17 2 17V13ZM93.4142 16.4142C94.1953 15.6332 94.1953 14.3668 93.4142 13.5858L80.6863 0.857864C79.9052 0.0768158 78.6389 0.0768158 77.8579 0.857864C77.0768 1.63891 77.0768 2.90524 77.8579 3.68629L89.1716 15L77.8579 26.3137C77.0768 27.0948 77.0768 28.3611 77.8579 29.1421C78.6389 29.9232 79.9052 29.9232 80.6863 29.1421L93.4142 16.4142ZM2 17H92V13H2V17Z");
    d: "M2 13C0.895431 13 0 13.8954 0 15C0 16.1046 0.895431 17 2 17V13ZM93.4142 16.4142C94.1953 15.6332 94.1953 14.3668 93.4142 13.5858L80.6863 0.857864C79.9052 0.0768158 78.6389 0.0768158 77.8579 0.857864C77.0768 1.63891 77.0768 2.90524 77.8579 3.68629L89.1716 15L77.8579 26.3137C77.0768 27.0948 77.0768 28.3611 77.8579 29.1421C78.6389 29.9232 79.9052 29.9232 80.6863 29.1421L93.4142 16.4142ZM2 17H92V13H2V17Z"
}

.free-presentation-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1.2em!important
}

@media (min-width: 640px) {
    .free-presentation-text {
        font-size: 1.875rem;
        line-height: 2.25rem;
        line-height: 49px!important
    }
}

@media (min-width: 1024px) {
    .free-presentation-text {
        font-size: 40px
    }
}

.free-presentation-icon {
    display: block;
    height: 30px;
    width: 100%;
    max-width: 94px;
    --tw-translate-x: 5px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow: visible;
    fill: #000;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

@media (min-width: 640px) {
    .free-presentation-icon {
        --tw-translate-x: 30px;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.free-presentation-icon .arrow-path {
    d: path("M2 13C0.89543 13 0 13.8954 0 15C0 16.1046 0.89543 17 2 17V13ZM63.4142 16.4142C64.1953 15.6332 64.1953 14.3668 63.4142 13.5858L50.6863 0.857864C49.9052 0.0768156 48.6389 0.0768156 47.8579 0.857864C47.0768 1.63891 47.0768 2.90524 47.8579 3.68629L59.1716 15L47.8579 26.3137C47.0768 27.0948 47.0768 28.3611 47.8579 29.1421C48.6389 29.9232 49.9052 29.9232 50.6863 29.1421L63.4142 16.4142ZM2 17H62V13H2V17Z");
    d: "M2 13C0.89543 13 0 13.8954 0 15C0 16.1046 0.89543 17 2 17V13ZM63.4142 16.4142C64.1953 15.6332 64.1953 14.3668 63.4142 13.5858L50.6863 0.857864C49.9052 0.0768156 48.6389 0.0768156 47.8579 0.857864C47.0768 1.63891 47.0768 2.90524 47.8579 3.68629L59.1716 15L47.8579 26.3137C47.0768 27.0948 47.0768 28.3611 47.8579 29.1421C48.6389 29.9232 49.9052 29.9232 50.6863 29.1421L63.4142 16.4142ZM2 17H62V13H2V17Z";
    transition: all .3s ease-in
}

.footer {
    margin-top: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 640px) {
    .footer {
        margin-top: 2.5rem
    }
}

.footer .container {
    padding: 60px 0
}

@media (min-width: 640px) {
    .footer .container {
        padding: 40px 60px
    }
}

.footer__row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 60px
}

@media (min-width: 1024px) {
    .footer__row {
        flex-direction: row
    }

    .footer__col {
        margin-left: 100px
    }
}

@media (min-width: 1280px) {
    .footer__col {
        margin-left: 200px
    }
}

.footer__col:first-child {
    margin-left: 0
}

@media (min-width: 1024px) {
    .footer__col:last-child {
        margin-left: 160px
    }
}

@media (min-width: 1280px) {
    .footer__col:last-child {
        margin-left: 250px
    }
}

.footer__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    line-height: 120%!important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .footer__title {
        min-height: 58px
    }
}

.footer__list {
    margin-top: 19px
}

.footer__list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.footer__list {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.footer__list li,.footer__list a {
    color: #fff9
}

.footer__list a:hover {
    color: #ffffff80
}

.footer .social__link {
    margin-top: 33px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.footer .social__link img {
    margin-right: 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.footer__copyright {
    margin-top: 60px;
    font-weight: 600
}

@media (min-width: 640px) {
    .footer__copyright {
        margin-top: 70px
    }
}

.footer__copyright {
    color: #fff9
}

.burger {
    width: 30px;
    height: 20px;
    position: relative;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.burger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out;
    transform-origin: left center
}

.burger span:nth-child(1) {
    top: 0
}

.burger span:nth-child(2) {
    top: 10px
}

.burger span:nth-child(3) {
    top: 20px
}

.burger.open span:nth-child(1) {
    transform: rotate(45deg);
    top: -3px;
    left: 8px
}

.burger.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.burger.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 18px;
    left: 8px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.\!mt-5 {
    margin-top: 1.25rem!important
}

.ml-\[15px\] {
    margin-left: 15px
}

.mt-5 {
    margin-top: 1.25rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.w-full {
    width: 100%
}

.cursor-pointer {
    cursor: pointer
}

.items-center {
    align-items: center
}

.justify-between {
    justify-content: space-between
}

.text-right {
    text-align: right
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 640px) {
    .sm\:block {
        display: block
    }
}