/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}img,svg{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}*{padding:0;margin:0;border:none}a,a:link,a:visited,a:hover{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}address{font-style:normal}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background:0 0;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}button,label{cursor:pointer}
:root {

    --white: #fff;
    --black: rgba(0, 0, 0, 0.8);
    --purple: #5b15ff;
    --pink: #ff98c5;
    --hover-transition: 0.3s ease-in-out;
    --font-dmsans: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-jacquarda: 'Jacquarda Bastarda 9', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body{
    background-color: #f5f5f5;
    font-weight: 500;
    font-size: Max(0.875rem, 10px);
    color: var(--black);
    line-height: normal;
    font-family: var(--font-dmsans);
}

@media (max-width: 768px) {
    .mobile-hide{
        display: none !important;
    }
}
@media (min-width: 769px) {
    .mobile-show{
        display: none !important;
    }
}

.header{
    position: absolute;
    left: 0;
    top: 1.25rem;
    right: 0;
    z-index: 1;
    text-align: center;
}

.header__logo{
    display: inline-flex;
    height: 17px;
}
.header__logo img{
    height: 100%;
    width: auto;
    object-fit: contain;
}

.offer{
    position: relative;
    padding: 6rem 0 8.75rem;
    overflow: hidden;
}

.offer__blur{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2;
    pointer-events: none;
}

.offer__blur img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.offer__img{
    position: absolute;
    left: -3.875rem;
    right: -3.75rem;
    top: 1.875rem;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
}

.offer__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.container {
    padding: 0 1.25rem;
    max-width: 69rem;
    width: 100%;
    margin: 0 auto;
}

.offer__descr {
    margin: 0 auto 3.5rem;
    max-width: 57.875rem;
    text-align: center;
}

.offer__title {
    font-weight: 900;
    font-size: 3rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #242a3e;
    margin-bottom: 0.75rem;
}

.offer__title span {
    color: var(--purple);
    white-space: nowrap;
}

.offer__text {
    font-weight: 300;
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    text-align: center;
    color: rgba(36, 42, 62, 0.8);
}

.offer__list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -44px -1.25rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--purple);
    padding: 0 2.8125rem;
    font-size: 1rem;
}

.offer__list >*{
    width: calc(100% / 3 - 88px);
    margin: 0 44px 1.25rem;
}

.offer__list li{
    display: flex;
    align-items: center;
    position: relative;
    counter-increment: steps-counter;
}


.offer__list-num{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5625rem;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.4), inset -1px -1px 0 0 #fff;
    background: rgba(91, 21, 255, 0.2);
}

.offer__list-num::before{
    content: counter(steps-counter);
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translate(-50%,-50%);
    font-family: var(--font-jacquarda);
    font-weight: 400;
    font-size: 2rem;
}

.offer__list li:not(:last-child):not(:nth-child(3n))::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: -2rem;
    top: 50%;
    transform: translate(100%, -50%);
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 11V13H16V15H18V13H20V11H18V9H16V11H4ZM14 7H16V9H14V7ZM14 7H12V5H14V7ZM14 17H16V15H14V17ZM14 17H12V19H14V17Z" fill="%235B15FF" /%3E%3C/svg%3E');
    background-size: contain;background-repeat: no-repeat;background-position: center;
}

.offer__list a{
    color: var(--purple);
    text-decoration: underline;
}

.offer__cards{
    margin-top: 5rem;
}

.offer__cards>*:not(:last-child){
    margin-bottom: 0.625rem;
}

.offer-card{
    width: 100%;
    display: flex;
    align-items: flex-start;
    border-radius: 2rem;
    background: var(--white);
    padding: 1.25rem;
    color: var(--black);
    font-weight: 500;
    font-size: Max(0.875rem, 12px);
    border: 1px solid transparent;
    transition: border-color var(--hover-transition), box-shadow var(--hover-transition), transform var(--hover-transition);
}
.offer-card__wrapper{
    margin-right: 1.5rem;
    display: flex;
    max-width: 27.375rem;
    width: 100%;
}
.offer-card__img{
    border-radius: 1rem;
    margin-right:  1.5rem;
    height: 3.375rem;
    flex-shrink: 0;
    max-width: 10.0625rem;
    width: 100%;
    overflow: hidden;
}

.offer-card__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offer-card__info{
    max-width: 15.8125rem;
    width: 100%;
}

.offer-card__name{
    font-weight: 800;
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    margin-bottom: 0.75rem;
}

.offer-card__title{
    background: rgba(255, 138, 21, 0.04);
    border-radius: 1rem;
    padding: 0.5rem 0.75rem;
    font-weight: 700;
    font-size: Max(1.125rem, 10px);
    color: #ff8a15;
}

.offer-card__list{
    margin-right: 1.5rem;
    flex-grow: 1;
}

.offer-card__list >span{
    display: block;
    font-weight: 600;
    font-size: Max(0.9375rem, 10px);
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
}

.offer-card__list ul li{
    display: flex;
    align-items: center;
}

.offer-card__list ul li:not(:last-child){
    padding-bottom: 0.375rem;
    margin-bottom: 0.375rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.offer-card__list ul li::before{
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 6H20V8H18V6ZM16 10V8H18V10H16ZM14 12V10H16V12H14ZM12 14H14V12H12V14ZM10 16H12V14H10V16ZM8 16V18H10V16H8ZM6 14H8V16H6V14ZM6 14H4V12H6V14Z" fill="%235B9E0E" /%3E%3C/svg%3E');
    background-size: contain;background-repeat: no-repeat;background-position: center;
}

.offer-card__btn{
    display: flex;
    justify-content: center;
    font-weight: 500;
    max-width: 12.75rem;
    width: 100%;
    flex-shrink: 0;
    font-size: Max(0.9375rem, 10px);
    letter-spacing: 0.06em;
    color: #242a3e;
    padding: 0.75rem;
    background-color: #ffab57;
    border-radius: 1.375rem;
    transition: background-color var(--hover-transition), color var(--hover-transition);
}

@media(any-hover: hover){
    .offer-card:hover{
        border-color: #5b15ff;
        box-shadow: 17px 14px 32px 0 rgba(44, 44, 52, 0.12);
        transform: translateY(-5px);
    }
    .offer-card__btn:hover{
        background-color: var(--purple);
        color: var(--white);
    }
}

.footer {
    padding: 5rem 0;
    background: #753fd7;
    text-align: center;
    letter-spacing: 0.06em;
    font-size: max(0.8125rem, 10px);
    font-weight: 500;
    color: var(--white);
}
.footer__warning {
    margin-bottom: 1.25rem;
    font-size: max(1.125rem, 14px);
    font-weight: 300;
}
.footer__warning a {
    color: var(--white);
}
.footer__disclaimer {
    font-weight: 300;
    margin-bottom: 1.25rem;
    font-size: max(0.9375rem, 12px);
    color: rgba(255, 255, 255, 0.5);
}
.footer__disclaimer a {
    color: var(--white);
}
.footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}
.footer__links > :not(:last-child) {
    position: relative;
    margin-right: 0.875rem;
}
.footer__links > :not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0.75rem;
    background-color: var(--white);
    right: -0.375rem;
    width: 1px;
}
.footer__links a {
    color: var(--pink);
    text-decoration: unset !important;
}
.footer__company{
    margin-bottom: 1.25rem;
}
.footer__company, .footer__copyright{
    color: rgba(255, 255, 255, 0.4);
}
.footer a {
    text-decoration: underline;
    transition: color var(--hover-transition);
}

@media(max-width: 768px){

    body {
        font-size: 13px;
    }

    .offer {
        padding: 55px 0 48px;
    }

    .container {
        padding: 0 16px;
    }

    .offer__img {
        left: unset;
        right: -84px;
        top: 264px;
        bottom: unset;
        width: 125px;
        height: 128px;
    }

    .offer__img img {
        height: 100%;
    }

    .offer__blur {
        left: -250px;
        right: unset;
        top: 127px;
        bottom: unset;
    }

    .offer__blur img {
        height: auto;
        object-position: center;
    }


    .offer__descr {
        margin: 0 auto 18px;
        max-width: unset;
    }

    .offer__title {
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 117%;
    }

    .offer__text {
        font-size: 15px;
    }

    .offer__list {
        margin: 0;
        font-weight: 500;
        padding: 0;
    }

    .offer__list > * {
        width: 100%;
        margin: 0;
    }

    .offer__list > *:not(:last-child){
        margin-bottom: 12px;
    }

    .offer__list li:not(:last-child):not(:nth-child(3n))::after {
        content: none;
    }

    .offer__list li {
        align-items: flex-start;
    }

    .offer__list-num {
        border-radius: 7px;
        width: 24px;
        height: 24px;
    }

    .offer__list-num::before {
        font-size: 24px;
    }

    .offer__cards {
        margin-top: 40px;
    }

    .offer__cards > *:not(:last-child){
        margin-bottom: 12px;
    }

    .offer-card{
        flex-direction: column;
    }

    .offer-card__wrapper {
        margin-right: 0;
        width: 100%;
        max-width: unset;
    }

    .offer-card__info {
        max-width: unset;
        display: flex;
        flex-direction: column;
    }

    .offer-card__img {
        border-radius: 22px;
        margin-right: 8px;
        height: 73px;
        max-width: 95px;
    }

    .offer-card__name {
        margin-bottom: 4px;
        font-size: 16px;
    }

    .offer-card__btn {
        max-width: unset;
    }

    .offer-card__title {
        font-size: 15px;
        padding: 4px 8px;
    }

    .offer-card__list {
        margin: 8px 0 12px;
        font-size: 15px;
        width: 100%;
    }

    .offer-card__list ul li:not(:last-child) {
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .footer {
        padding: 40px 0;
    }
    .footer__links > :not(:last-child) {
        margin-right: 10px;
    }
}


@media (max-width: 1280px){
    html{
        font-size: 14px;
    }
}
@media (max-width: 1080px){
    html{
        font-size: 13px;
    }
}
@media (max-width: 991px){
    html{
        font-size: 10px;
    }
}
@media (max-width: 768px){
    html{
        font-size: 16px;
    }
}