* {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box
}

:after,:before {
    box-sizing: inherit
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

template {
    display: none
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

audio,iframe,img,object,video {
    max-width: 100%
}

iframe,img {
    border: 0
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle
}

[style*=background-image],img {
    image-rendering: -webkit-optimize-contrast
}

b,strong {
    font-weight: 700
}

address {
    font-style: normal
}

svg:not(:root) {
    overflow: visible
}

a,button,input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],label[for] {
    cursor: pointer
}

a[href^=tel],button[disabled],input[disabled],select[disabled],textarea[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

a[href^=tel],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

button,select {
    text-transform: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

nav ol,nav ul {
    list-style: none outside none
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

input::placeholder {
    color: inherit;
    opacity: 1
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::placeholder {
    color: inherit;
    opacity: 1
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

input[type=button],input[type=date],input[type=email],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

@font-face {
    font-family: Euclid Circular A;
    src: url(../media/EuclidCircularA-Regular-WebS.aa128c88.woff2) format("woff2"),url(../media/EuclidCircularA-Regular-WebS.8d260cdd.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Circular A;
    src: url(../media/EuclidCircularA-Medium-WebS.c34cadd8.woff2) format("woff2"),url(../media/EuclidCircularA-Medium-WebS.b23e25b6.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Circular A;
    src: url(../media/EuclidCircularA-Semibold-WebS.f1b35ebf.woff2) format("woff2"),url(../media/EuclidCircularA-Semibold-WebS.82aff12d.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

html {
    font-size: 62.5%
}

@media(max-width: 1023px) {
    html {
        font-size:.8vw
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    html {
        font-size:62.5%
    }
}

body {
    min-width: 320px;
    background: #fff;
    font-family: Euclid Circular A,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.45;
    color: #313336
}

body.no-scroll {
    overflow: hidden
}

a:not([class]) {
    color: inherit;
    color: #ff553c;
    text-decoration: none;
    background-image: linear-gradient(currentColor,currentColor);
    background-position: center 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s
}

a:not([class]):hover {
    background-size: 100% 1px
}

button {
    border: none;
    background: none
}

strong {
    font-weight: 600
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    margin-bottom: calc(1.45em/2)
}

.h1,h1 {
    font-size: 5.5rem;
    line-height: 1.11
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .h1,h1 {
        font-size:3.1rem
    }
}

.h2,h2 {
    font-size: 4.6rem;
    line-height: 1.15
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .h2,h2 {
        font-size:3.2rem
    }
}

.h3,h3 {
    font-size: 2.4rem;
    line-height: 1.19
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .h3,h3 {
        font-size:2.2rem
    }
}

.h4,h4 {
    font-size: 2.1rem;
    line-height: 1.72
}

.h5,h5 {
    font-size: 2rem;
    line-height: 1.03
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .h5,h5 {
        font-size:1.8rem;
        line-height: 1.15
    }
}

.h6,h6 {
    font-size: 1.8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .h6,h6 {
        font-size:1.6rem
    }
}

blockquote,dl,hr,ol,p,table,ul {
    margin-bottom: 1.45em
}

blockquote:last-child,dl:last-child,h1:last-child,h1[class],h2:last-child,h2[class],h3:last-child,h3[class],h4:last-child,h4[class],h5:last-child,h5[class],h6:last-child,h6[class],ol:last-child,p:last-child,table:last-child,ul:last-child {
    margin-bottom: 0
}

.grecaptcha-badge {
    visibility: hidden!important
}

.clear:after {
    content: "";
    line-height: 0;
    display: table;
    clear: both
}

.error {
    color: #fd5252
}

.success {
    color: #3bd839
}

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

.text-orange {
    color: #ff553c
}

.font-medium {
    font-weight: 500
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-sm {
    font-size: 1.5rem
}

.text-xsm {
    font-size: 1.3rem;
    line-height: 1.55
}

.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px
}

.hidden,[hidden] {
    display: none
}

.disabled,[disabled] {
    cursor: default
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hidden-xs {
        display:none!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }

    .xs-nowrap {
        flex-wrap: wrap
    }

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

    .xs-justify-center {
        justify-content: center
    }

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

    .xs-align-center {
        align-items: center
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .hidden-sm {
        display:none!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }

    .sm-nowrap {
        flex-wrap: wrap
    }

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

    .sm-justify-center {
        justify-content: center
    }

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

    .sm-align-center {
        align-items: center
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }

    .md-nowrap {
        flex-wrap: wrap
    }

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

    .md-justify-center {
        justify-content: center
    }

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

    .md-align-center {
        align-items: center
    }
}

@media(min-width: 1199.02px) {
    .hidden-lg {
        display:none!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }

    .lg-nowrap {
        flex-wrap: wrap
    }

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

    .lg-justify-center {
        justify-content: center
    }

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

    .lg-align-center {
        align-items: center
    }
}

.embla {
    position: relative;
    width: 100%
}

.embla .embla__container {
    overflow: hidden
}

.embla .embla__slides {
    display: flex
}

.embla .embla__slide {
    position: relative
}

.embla .embla__cta {
    display: flex;
    justify-content: center
}

.embla .embla__button {
    position: relative;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background-color: rgba(113,124,140,.11);
    transition-property: background,opacity;
    transition-duration: .4s
}

.embla .embla__button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    padding: .4rem;
    margin-top: -.5rem;
    border-color: #7e8389;
    border-style: solid;
    border-width: 0 .3rem .3rem 0;
    transform: rotate(-45deg);
    transition: background .4s
}

.embla .embla__button:hover {
    background-color: #717c8c
}

.embla .embla__button:hover:before {
    border-color: #f0f2f4
}

.embla .embla__button.embla__next:before {
    transform: rotate(-45deg);
    margin-left: -.6rem
}

.embla .embla__button.embla__prev:before {
    transform: rotate(135deg);
    margin-left: -.3rem
}

.embla .embla__button.is-disabled {
    pointer-events: none;
    opacity: .5
}

.embla .embla__button+button {
    margin-left: .7rem
}

.embla .embla__dots {
    margin: 1rem 0;
    text-align: center
}

.embla .embla__dot {
    width: .7rem;
    height: .7rem;
    margin: 0 7px;
    border-radius: 50%;
    background-color: #c4c4c4;
    opacity: .87;
    transition-property: background,opacity;
    transition-duration: .4s
}

.embla .embla__dot.is-active {
    background-color: #ff553c;
    opacity: 1
}

.embla--alt .embla__container {
    position: relative;
    z-index: 10
}

.embla--alt .embla__container,.embla--alt .embla__slides {
    pointer-events: none
}

.embla--alt .embla__slide>* {
    pointer-events: auto
}

.embla--alt .embla__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    justify-content: space-between
}

.embla--alt .embla__button {
    position: relative;
    width: 12.4rem;
    height: 5.2rem;
    margin: 0;
    border-radius: 2.6rem
}

.embla--alt .embla__button.embla__prev {
    left: -5.8rem
}

.embla--alt .embla__button.embla__prev:before {
    left: 20%
}

.embla--alt .embla__button.embla__next {
    right: -5.8rem
}

.embla--alt .embla__button.embla__next:before {
    left: 80%
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 5.7rem;
    padding: 0 3.8rem;
    background-color: #ff553c;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.7rem;
    border: 3px solid #ff553c;
    border-radius: .6rem;
    overflow: hidden;
    transition-duration: .4s;
    transition-timing-function: ease-out;
    transition-property: color,border,background
}

.btn,.btn strong {
    position: relative
}

.btn strong {
    z-index: 3;
    font-weight: 500
}

.btn span {
    position: absolute;
    width: 33.3334%;
    padding-bottom: 33.3334%;
    background-color: #fff;
    transform: translateY(150%);
    border-radius: 50%;
    pointer-events: none;
    left: calc((var(--n) - 1)*33.3334%);
    transition: .5s;
    transition-delay: calc((var(--n) - 1)*.1s)
}

.btn span:first-child {
    --n: 1
}

.btn span:nth-child(2) {
    --n: 2
}

.btn span:nth-child(3) {
    --n: 3
}

.btn:hover {
    color: #ff553c
}

.btn:hover span {
    transform: translateY(0) scale(2)
}

.btn--large {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
    font-size: 1.8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .btn--large {
        font-size:1.8rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.btn--small {
    padding-left: 2.7rem;
    padding-right: 2.7rem;
    height: 4rem;
    font-size: 1.4rem
}

.btn--secondary {
    font-size: 1.5rem;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 1.1rem;
    color: #636e7d;
    box-shadow: 0 4px 9px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.02)
}

.btn--secondary span {
    background-color: #ff553c
}

.btn--secondary:hover {
    color: #fff
}

.btn--tertiary {
    background-color: #f1f3f8;
    border-color: #f1f3f8;
    color: #41424b
}

.btn--rounded {
    border-radius: 3rem
}

.btn--transparent {
    background: none;
    border-color: transparent
}

.btn--transparent:hover {
    border-color: #f1f3f8
}

.btn--block {
    display: flex;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn-more {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    color: #ff553c;
    font-weight: 600;
    font-size: 1.6rem
}

.btn-more span {
    position: relative;
    display: block;
    margin-right: 1rem;
    width: 10px;
    height: 10px
}

.btn-more span:after,.btn-more span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 3px;
    margin-top: -1px;
    background-color: currentColor;
    transition: transform .3s
}

.btn-more span:after {
    transform: rotate(90deg)
}

.btn-more.is-active span:after {
    transform: rotate(0)
}

.btn-circle {
    position: relative;
    width: 3.8rem;
    height: 3.8rem;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(148,222,222,.11);
    color: #000;
    transition: all .4s
}

.btn-circle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .5;
    transition: opacity .4s
}

.btn-circle:hover {
    color: #fff;
    background-color: #ff553c;
    box-shadow: 0 4px 24px rgba(148,222,222,.33)
}

.btn-circle:hover svg {
    opacity: 1
}

.field {
    margin-bottom: 1.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field {
        padding:.5rem 1.5rem;
        margin-bottom: .4rem
    }

    .field+.field {
        border-top: 1px solid #eee
    }
}

.field .field__label {
    flex-shrink: 0;
    padding-right: 1rem;
    color: #4f5f6c;
    font-size: 1.4rem;
    line-height: 4.6rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field .field__label {
        line-height:3.3rem
    }
}

.field .field__control {
    position: relative
}

.field .field__input {
    display: block;
    width: 100%;
    height: 4.6rem;
    padding: 0 3.5em 0 .9em;
    border: none;
    border-radius: .9rem;
    background-color: #f5f6f8;
    font-size: 1.5rem;
    color: #363a3e
}

.field .field__input.placeholder {
    color: #bbbdc8
}

.field .field__input:-moz-placeholder,.field .field__input::-moz-placeholder {
    color: #bbbdc8
}

.field .field__input:-ms-input-placeholder {
    color: #bbbdc8
}

.field .field__input::-webkit-input-placeholder {
    color: #bbbdc8
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field .field__input {
        height:2.7rem;
        font-size: 1.7rem;
        background-color: transparent;
        padding-left: 0;
        padding-right: 3rem
    }
}

.field textarea.field__input {
    resize: none;
    max-width: 100%;
    height: 20rem;
    padding-top: 1.8rem;
    padding-right: .9em
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field textarea.field__input {
        height:11rem;
        padding-top: .4rem;
        padding-right: 0
    }
}

.field select.field__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.field select.field__input option {
    color: #363a3e
}

.field .field__warning {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 1.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field .field__warning {
        width:2rem;
        padding-right: 0
    }
}

.field.is-invalid .field__input {
    color: #fd5252!important
}

@media(min-width: 767.02px) {
    .field.is-invalid .field__input {
        background-color:rgba(253,82,82,.1)
    }
}

.field .field__error-message {
    display: block;
    padding: 2px 0;
    font-size: 1.15rem;
    font-weight: 500;
    color: #fd5252
}

.field.is-empty select.field__input {
    color: #bbbdc8
}

.field--vertical {
    display: flex
}

.field--vertical:last-child {
    margin-bottom: 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field--vertical {
        display:block;
        padding: .5rem 1.5rem;
        margin-bottom: .4rem
    }

    .field--vertical+.field {
        border-top: 1px solid #eee
    }
}

.field--vertical .field__label {
    width: 65px
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field--vertical .field__label {
        width:100%
    }
}

.field--vertical .field__control {
    flex-grow: 1
}

.field--dropdown .field__control:before {
    content: "";
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    padding: .4rem;
    transform: rotate(45deg);
    border-color: #4f5f6c;
    border-style: solid;
    border-width: 0 .3rem .3rem 0;
    pointer-events: none
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .field--dropdown .field__control:before {
        right:.2rem;
        top: -.8rem
    }
}

.field--stars input {
    display: none!important
}

.field--stars .field__control {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.field--stars .field__stars {
    display: flex
}

.field--stars .field__star {
    flex-shrink: 0;
    opacity: .5
}

.field--stars .field__star.is-active {
    opacity: 1
}

.field--stars .field__star:hover~* {
    opacity: .5!important
}

.field--stars .field__star label {
    display: flex
}

.field--stars .field__stars:hover .field__star {
    opacity: 1
}

.field--stars .field__star+.field__star {
    padding-left: .5rem
}

.field--stars .field__box {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 2.2rem;
    width: 4rem;
    text-align: center;
    background-color: #eef0f6;
    color: #8d97b2;
    border-radius: 1rem
}

.field--stars.field--vertical {
    align-items: center
}

.footer {
    margin: 6rem 0
}

.footer .footer__bar a,.footer .footer__nav a {
    text-decoration: none;
    color: inherit
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer {
        margin:3.5rem 0
    }
}

.footer .footer__body {
    position: relative;
    background-color: #fafbff;
    padding: 3.2rem 2.2rem;
    border-radius: 2.6rem
}

.footer .footer__cols {
    display: flex;
    flex-wrap: wrap;
    margin: -.8rem 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__cols {
        flex-direction:column;
        margin-bottom: 0
    }
}

.footer .footer__col {
    padding: .8rem
}

.footer .footer__col-1 {
    width: 20%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__col-1 {
        width:100%
    }
}

.footer .footer__col-2 {
    width: 53%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__col-2 {
        width:100%
    }
}

.footer .footer__col-3 {
    width: 27%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__col-3 {
        width:100%;
        order: 1
    }
}

.footer .footer__col-4 {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 3rem
}

.footer .footer__col-4>* {
    flex: 0 0 auto
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__col-4 {
        padding-top:1rem;
        padding-bottom: 1rem;
        margin-top: 0
    }

    .footer .footer__col-4>* {
        flex: 1 0 100%
    }
}

.footer .footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    font-size: 1.6rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__nav {
        gap:0
    }
}

.footer .footer__nav ul {
    flex: 1 0 auto;
    margin-bottom: 0
}

.footer .footer__nav li {
    margin-bottom: .7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__nav li {
        margin-bottom:.4rem
    }
}

.footer .footer__bar,.footer .footer__copyright {
    color: #91959f
}

.footer .footer__bar {
    display: flex;
    justify-content: space-between;
    padding: 1.8rem;
    font-size: 1.2rem;
    text-align: center
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__bar {
        flex-direction:column-reverse;
        align-items: center;
        font-size: 1.3rem
    }
}

.footer .footer__bar a {
    text-decoration: none
}

.footer .footer__bar>ul {
    list-style: none;
    margin-bottom: 0
}

.footer .footer__bar>ul li {
    display: inline-block;
    margin-right: 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__bar>ul li {
        display:block;
        margin-right: .5rem
    }

    .footer .footer__copyright {
        margin-top: 1rem
    }
}

.footer .footer__dropdown+.footer__copyright {
    margin-left: 3rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__dropdown+.footer__copyright {
        margin-left:0
    }
}

.footer .btn-circle {
    position: absolute;
    bottom: 3rem;
    right: 3rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .footer .btn-circle {
        top:2rem;
        right: 2rem;
        bottom: auto
    }
}

.grid {
    display: flex;
    flex-flow: row wrap
}

.grid .grid__col {
    max-width: 100%;
    flex: 1 1
}

.grid .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%
}

.grid .grid__col--1of3 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: width .2s linear
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header {
        border-bottom:none
    }
}

.header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fff;
    transition: all .2s linear;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header:before {
        box-shadow:0 4px 22px rgba(0,0,0,.07);
        border-bottom: none
    }
}

.header .shell {
    max-width: 1410px
}

.header .header__topbar {
    background: #ff553c;
    padding: .85rem 0;
    color: #fff;
    text-align: center;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.2
}

@media(max-width: 374px) {
    .header .header__topbar {
        font-size:1.2rem
    }
}

.header .header__topbar * {
    color: inherit
}

.header .header__topbar a {
    background: none
}

.header .header__topbar a.bg {
    background: #fff;
    border-radius: 3px;
    color: #ff553c;
    text-decoration: none;
    padding: 1px 3px;
    display: inline-block
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header .header__topbar a.bg {
        margin-top:3px
    }
}

.header .header__inner {
    height: 6.6rem;
    display: grid;
    grid-template-columns: .5fr 1fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    position: relative
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header .header__inner {
        display:flex;
        height: 5.5rem
    }
}

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

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header .header__bar {
        height:5.5rem;
        flex: 1 1 auto
    }
}

.header .header__menu {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-self: center
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header .header__menu {
        display:none
    }
}

.header .header__burger {
    display: flex;
    justify-content: flex-end
}

.header .header__menu-footer {
    display: none;
    padding: 2.5rem 0 3rem;
    border-top: 1px solid rgba(0,0,0,.1)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header .header__menu-footer {
        display:block
    }
}

.header .header__menu-footer>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 37.5rem;
    list-style: none;
    margin: -.5rem -1rem
}

.header .header__menu-footer>ul>li {
    display: inline-block;
    padding: .5rem 1rem
}

.header .header__menu-footer .btn {
    font-size: 1.5rem
}

.header .header__scroll-nav {
    display: none;
    margin-left: -12px;
    transition: all .5s;
    width: 100vw
}

.header .header__scroll-nav .scroll-nav {
    list-style-type: none;
    display: flex;
    flex-flow: row nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 12px;
    padding-right: 12px
}

.header .header__scroll-nav .scroll-nav::-webkit-scrollbar {
    display: none
}

.header .header__scroll-nav .scroll-nav__item {
    flex: 1 1 auto;
    white-space: nowrap;
    text-align: center
}

.header .header__scroll-nav .scroll-nav__item:not(:last-child) {
    margin-right: 20px
}

.header .header__scroll-nav .scroll-nav__item a {
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
    font-weight: 400;
    font-size: 14.27px;
    letter-spacing: -.02em;
    color: #595959;
    text-decoration: none;
    transition: all .2s
}

.header .header__scroll-nav .scroll-nav__item a .svg-icon {
    top: 1px;
    margin-right: 8px
}

.header .header__scroll-nav .scroll-nav__item a:hover {
    color: #000;
    background: none;
    border-bottom: 2px solid #ff553c
}

.header .header__scroll-nav .scroll-nav__item a.is-active {
    font-weight: 500;
    color: #000;
    border-bottom: 2px solid #ff553c
}

.header .header__scroll-nav .scroll-nav__item a.is-active .svg-icon path,.header .header__scroll-nav .scroll-nav__item a:hover .svg-icon path {
    fill: #ff553c;
    transition: all .2s
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .header .header__scroll-nav {
        display:block
    }

    .header .header__inner:after,.header .header__scroll-nav:after {
        content: "";
        display: inline-block;
        position: absolute;
        left: -12px;
        bottom: 0;
        width: calc(100% + 24px);
        border-bottom: 1px solid rgba(0,0,0,.1)
    }
}

body.mobile-nav-visible .header:before {
    width: 100%;
    border-radius: 0 0 2.5rem 2.5rem;
    box-shadow: 0 4px 22px rgba(0,0,0,.07);
    border-bottom: 1px solid transparent
}

body.mobile-nav-visible .header .header__inner:after {
    content: none
}

body.mobile-nav-visible .header .header__menu {
    max-height: calc(100vh - 7.5rem)
}

body.mobile-nav-visible .header .header__scroll-nav {
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: none
}

.logo {
    flex-shrink: 0;
    display: inline-flex;
    width: clamp(11rem,8.043rem + 8.696vw,15rem)
}

#logo-svg {
    --transition: cubic-bezier(0.68,-0.55,0.265,1.55);
    overflow: hidden;
    width: 100%
}

#logo-svg #arrow,#logo-svg #heart_left,#logo-svg #heart_right {
    transition: .25s var(--transition)
}

#logo-svg #heart_left,#logo-svg #heart_right {
    transform-origin: center;
    transform-box: fill-box
}

#logo-svg:active #heart_left,#logo-svg:hover #heart_left {
    transform: translateX(-8px) scale(.75)
}

#logo-svg:active #heart_right,#logo-svg:hover #heart_right {
    transform: translateX(8px) scale(.75)
}

#logo-svg:active #arrow,#logo-svg:hover #arrow {
    transform: translateY(20px)
}

.main {
    width: 100%;
    overflow: hidden;
    padding-top: 125px
}

@media(min-width: 767.02px) {
    .main {
        padding-top:100px
    }
}

.nav .nav__inner,.nav ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .nav .nav__inner,.nav ul {
        display:block;
        overflow: visible
    }
}

.nav .nav__inner {
    --posX: 0;
    --width: 100%;
    --opacity: 0.2
}

.nav li.has-submenu {
    position: relative
}

.nav li.has-submenu a .svg-icon {
    margin-left: 1.25rem
}

.nav li.has-submenu a.is-opened .svg-icon {
    transform: rotate(-180deg)
}

.nav,.nav__burger {
    font-size: 1.45rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.01406rem
}

@media(max-width: 374px) {
    .nav,.nav__burger {
        font-size:1.25rem
    }
}

.nav a,.nav__burger a {
    position: relative;
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 7px 12px;
    border-radius: 8px;
    color: #747474;
    text-decoration: none;
    background: transparent;
    transition: background .4s;
    white-space: nowrap
}

.nav a:hover,.nav__burger a:hover {
    background: #f1f1f1
}

.nav a.dark,.nav__burger a.dark {
    color: #313336
}

.nav a.is-highlighted,.nav__burger a.is-highlighted {
    position: relative;
    background-clip: padding-box!important;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #fff;
    padding: calc(7px - 1.5px) calc(12px - 1.5px);
    color: #9e2ff6;
    display: inline-flex;
    align-items: center
}

.nav a.is-highlighted:before,.nav__burger a.is-highlighted:before {
    content: "";
    position: absolute;
    top: -1.5px;
    right: -1.5px;
    bottom: -1.5px;
    left: -1.5px;
    z-index: -1;
    background: linear-gradient(90deg,#b353ff,#535aff);
    border-radius: inherit
}

.nav a.is-highlighted:hover,.nav__burger a.is-highlighted:hover {
    background-color: #f3e7ff
}

.nav a.is-active,.nav__burger a.is-active {
    color: #000!important
}

.nav a.label__new,.nav__burger a.label__new {
    z-index: 1
}

.nav a.label__new span,.nav__burger a.label__new span {
    position: relative;
    display: inline-flex;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: -.01rem;
    text-transform: uppercase;
    line-height: 1;
    padding: 2px;
    color: #8c6ad3;
    background-clip: padding-box!important;
    border: 1.5px solid transparent;
    background: #f3e7ff;
    border-radius: 5px;
    margin-left: 5px
}

.nav a.label__new span:before,.nav__burger a.label__new span:before {
    content: "";
    position: absolute;
    top: -1.5px;
    right: -1.5px;
    bottom: -1.5px;
    left: -1.5px;
    z-index: -1;
    background: linear-gradient(90deg,#b353ff,#535aff);
    border-radius: inherit
}

.nav .submenu,.nav__burger .submenu {
    position: absolute;
    top: 100%;
    z-index: 10
}

.nav .submenu ul,.nav__burger .submenu ul {
    flex-flow: row wrap;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 2px 6px 0 hsla(195,3%,55%,.31);
    width: 255px;
    border-radius: 11px;
    padding: .5rem 0;
    margin-top: 1rem;
    overflow-y: auto;
    max-height: 85vh
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .nav .submenu ul,.nav__burger .submenu ul {
        margin-top:.5rem
    }
}

@media(max-width: 575px) {
    .nav .submenu ul,.nav__burger .submenu ul {
        width:calc(100vw - 24px)
    }
}

.nav .submenu ul li,.nav__burger .submenu ul li {
    width: 100%;
    padding: .1rem .5rem
}

.nav__burger {
    position: relative;
    display: inline-flex;
    align-items: center
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .nav__burger {
        margin-left:auto
    }
}

.nav__burger .submenu {
    right: 0
}

.nav__burger ul {
    list-style: none
}

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

.nav__burger ul li.bottom a {
    font-size: .9em
}

.select select::-ms-expand {
    display: none
}

.shell {
    max-width: calc(1210px + 25px*2);
    padding-left: 25px;
    padding-right: 25px;
    margin: auto;
    width: 100%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .shell {
        padding-left:12px;
        padding-right: 12px
    }
}

.shell--extra-small {
    max-width: calc(765px + 25px*2)
}

.shell--small {
    max-width: calc(955px + 25px*2)
}

.shell--medium {
    max-width: calc(1090px + 25px*2)
}

.shell--large {
    max-width: calc(1360px + 25px*2)
}

.shell--fluid {
    max-width: none
}

.wrapper {
    position: relative;
    min-height: 100vh
}

.flex-row {
    display: flex;
    flex-flow: row wrap
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-1>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/1);
        max-width: calc(100%/1)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-1>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/1);
        max-width: calc(100%/1)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-1>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/1);
        max-width: calc(100%/1)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-1>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/1);
        max-width: calc(100%/1)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-2>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/2);
        max-width: calc(100%/2)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-2>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/2);
        max-width: calc(100%/2)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-2>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/2);
        max-width: calc(100%/2)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-2>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/2);
        max-width: calc(100%/2)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-3>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        max-width: calc(100%/3)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-3>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        max-width: calc(100%/3)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-3>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        max-width: calc(100%/3)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-3>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        max-width: calc(100%/3)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-4>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/4);
        max-width: calc(100%/4)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-4>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/4);
        max-width: calc(100%/4)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-4>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/4);
        max-width: calc(100%/4)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-4>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/4);
        max-width: calc(100%/4)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-5>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/5);
        max-width: calc(100%/5)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-5>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/5);
        max-width: calc(100%/5)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-5>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/5);
        max-width: calc(100%/5)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-5>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/5);
        max-width: calc(100%/5)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-6>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/6);
        max-width: calc(100%/6)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-6>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/6);
        max-width: calc(100%/6)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-6>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/6);
        max-width: calc(100%/6)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-6>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/6);
        max-width: calc(100%/6)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-7>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/7);
        max-width: calc(100%/7)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-7>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/7);
        max-width: calc(100%/7)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-7>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/7);
        max-width: calc(100%/7)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-7>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/7);
        max-width: calc(100%/7)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-8>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/8);
        max-width: calc(100%/8)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-8>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/8);
        max-width: calc(100%/8)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-8>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/8);
        max-width: calc(100%/8)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-8>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/8);
        max-width: calc(100%/8)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-9>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/9);
        max-width: calc(100%/9)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-9>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/9);
        max-width: calc(100%/9)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-9>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/9);
        max-width: calc(100%/9)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-9>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/9);
        max-width: calc(100%/9)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-10>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/10);
        max-width: calc(100%/10)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-10>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/10);
        max-width: calc(100%/10)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-10>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/10);
        max-width: calc(100%/10)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-10>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/10);
        max-width: calc(100%/10)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-11>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/11);
        max-width: calc(100%/11)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-11>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/11);
        max-width: calc(100%/11)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-11>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/11);
        max-width: calc(100%/11)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-11>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/11);
        max-width: calc(100%/11)
    }
}

@media(min-width: 1199.02px) {
    .flex-row.lg-cols-12>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/12);
        max-width: calc(100%/12)
    }
}

@media(min-width: 1023.02px)and (max-width:1199px) {
    .flex-row.md-cols-12>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/12);
        max-width: calc(100%/12)
    }
}

@media(min-width: 767.02px)and (max-width:1023px) {
    .flex-row.sm-cols-12>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/12);
        max-width: calc(100%/12)
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row.xs-cols-12>.flex-col {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100%/12);
        max-width: calc(100%/12)
    }
}

.flex-row .flex-col.fullwidth {
    flex: 100% 1;
    max-width: 100%
}

.flex-row--articles {
    margin: -2.7rem -1.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row--articles {
        margin:-.7rem
    }
}

.flex-row--articles .flex-col {
    padding: 2.7rem 1.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .flex-row--articles .flex-col {
        padding:.7rem
    }
}

.phone {
    width: 100%;
    margin-bottom: 2rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s,visibility .4s
}

.phone:last-child {
    margin-bottom: 0
}

.phone .phone__inner {
    position: relative;
    width: 24rem;
    margin: 0 auto;
    padding-bottom: 14rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .phone__inner {
        padding-bottom:10rem
    }
}

.phone .phone__display {
    position: relative;
    padding: 4.6rem 0 9.6rem;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    box-shadow: 0 15px 28px rgba(202,185,217,.47);
    border-radius: 3.8rem;
    transform: rotate(.14deg)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .phone__display {
        width:18.8rem;
        padding-bottom: 4.6rem;
        border-radius: 3rem;
        transform: rotate(1.88deg)
    }
}

.phone .phone__battery {
    position: absolute;
    right: 5%;
    top: 5%;
    transform: rotate(-1.75deg)
}

.phone .phone__avatar {
    position: relative;
    width: 11.5rem;
    height: 11.5rem;
    margin: 0 auto 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .phone__avatar {
        width:9rem;
        height: 9rem
    }
}

.phone .phone__avatar-image {
    display: flex;
    height: 100%;
    margin-bottom: 1rem;
    border-radius: 50%;
    background-color: rgba(240,242,244,.4);
    transform: scale(0);
    transition: transform .5s
}

.phone .phone__avatar-image figure {
    position: relative;
    z-index: 10;
    margin: auto;
    width: 48%;
    height: 48%;
    border-radius: 50%
}

.phone .phone__avatar-image figure:after,.phone .phone__avatar-image figure:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.phone .phone__avatar-image figure:after {
    border: 2px solid #ff553c;
    width: calc(100% + 1.4rem);
    height: calc(100% + 1.4rem)
}

.phone .phone__avatar-image figure:before {
    z-index: -1;
    top: 50%;
    left: 50%;
    width: calc(100% + 3rem);
    height: calc(100% + 3rem);
    background-color: #fff;
    box-shadow: 0 3.2335px 6.467px rgba(0,0,0,.12)
}

.phone .phone__confetti img {
    position: absolute;
    left: 50%;
    top: 8%;
    opacity: 0;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.895,.03,.685,.22);
    z-index: 5
}

.phone .phone__avatar-messages {
    list-style: none
}

.phone .phone__avatar-messages li {
    height: 1rem;
    margin: 0 auto .8rem;
    background: linear-gradient(0deg,#f0f2f4,#f0f2f4),linear-gradient(0deg,#f0f2f4,#f0f2f4),#f0f2f4;
    border-radius: .5rem;
    transform: rotate(-1.91deg)
}

.phone .phone__avatar-messages li:first-child {
    width: 77%
}

.phone .phone__avatar-messages li:nth-child(2) {
    width: 20%
}

.phone .phone__messages {
    list-style: none;
    font-size: 1.7rem;
    margin-top: -2.1rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .phone__messages {
        font-size:1.2rem
    }
}

.phone .phone__messages li {
    position: relative;
    transition: opacity .5s,transform .7s ease-in-out;
    opacity: 0
}

.phone .phone__messages li:first-child {
    transform: translateX(100%)
}

.phone .phone__messages li:nth-child(2) {
    transform: translateX(-100%)
}

.phone .phone__messages li:nth-child(2) .phone__message {
    animation-delay: 5s
}

.phone .phone__messages li:nth-child(3) {
    transform: translateX(100%)
}

.phone .phone__messages li:nth-child(3) .phone__message {
    animation-direction: reverse;
    animation-delay: 3s
}

.phone .phone__message {
    display: inline-block;
    white-space: nowrap;
    padding: 1rem 2.2rem 1rem 5.8rem;
    margin-bottom: .8rem;
    background: #fff;
    box-shadow: 0 4px 5px rgba(162,191,207,.25),0 9px 23px rgba(0,0,0,.1);
    border-radius: 2.5rem;
    animation: message-floating 40s linear infinite
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .phone__message {
        padding-top:.6em;
        padding-bottom: .6em;
        padding-left: 4.5rem
    }
}

.phone .phone__message figure {
    position: absolute;
    top: 50%;
    left: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .phone__message figure {
        width:2rem;
        height: 2rem;
        left: 1.5rem;
        margin-top: -1rem
    }
}

.phone .phone__heart {
    position: absolute;
    animation: heart-floating 8s infinite
}

.phone .phone__heart i {
    animation: heart-pumping 10s infinite
}

.phone .phone__heart--left {
    top: 42%;
    right: 100%;
    margin-right: 5px;
    animation-delay: 3.3s
}

.phone .phone__heart--right {
    top: 30%;
    left: 100%;
    margin-left: 7px
}

.phone .phone__heart--right i {
    animation-delay: 2.5s
}

.phone .blobs {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .phone .blobs {
        max-width:29rem
    }
}

.is-animated .phone {
    opacity: 1;
    visibility: visible
}

.is-animated .phone .phone__confetti img {
    opacity: 1
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .is-animated .phone .phone__confetti img {
        transform:scale(.8)
    }
}

.is-animated .phone .phone__confetti img.phone__confetti-1 {
    left: 79.8%;
    top: -22%;
    transition-delay: .2s
}

.is-animated .phone .phone__confetti img.phone__confetti-2 {
    left: 6.9%;
    top: 2.8%;
    transition-delay: .4s
}

.is-animated .phone .phone__confetti img.phone__confetti-3 {
    left: 58%;
    top: -18%;
    transition-delay: .3s
}

.is-animated .phone .phone__confetti img.phone__confetti-4 {
    left: 36%;
    top: -24.8%;
    transition-delay: .25s
}

.is-animated .phone .phone__confetti img.phone__confetti-5 {
    left: 7%;
    top: -15%;
    transition-delay: .35s
}

.is-animated .phone .phone__confetti img.phone__confetti-6 {
    left: 68%;
    top: -2%;
    transition-delay: .5s
}

.is-animated .phone .phone__confetti img.phone__confetti-7 {
    left: 50%;
    top: -35%;
    transition-delay: .15
}

.is-animated .phone .phone__avatar-image {
    transform: scale(1) rotate(-1.75deg)
}

.is-animated .phone .phone__messages li {
    opacity: 1
}

.is-animated .phone .phone__messages li:first-child {
    transform: translateX(66%)
}

.is-animated .phone .phone__messages li:nth-child(2) {
    transform: translateX(-24%)
}

.is-animated .phone .phone__messages li:nth-child(3) {
    transform: translateX(50%)
}

@keyframes heart-floating {
    0% {
        transform: translateY(0) rotate(0)
    }

    50% {
        transform: translateX(2%) translateY(24%) rotate(14.5deg) scale(.96)
    }

    90% {
        transform: translateX(6%) translateY(-35%) rotate(-7.5deg) scale(1.2)
    }

    to {
        transform: translateX(0) translateY(0) rotate(0) scale(1)
    }
}

@keyframes heart-pumping {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1.3)
    }

    40% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes message-floating {
    0% {
        transform: translateX(0) rotate(-.07deg)
    }

    25% {
        transform: translateX(-30px)
    }

    75% {
        transform: translateX(30px)
    }

    to {
        transform: translateX(0) rotate(.07deg)
    }
}

.hero {
    position: relative;
    z-index: 10;
    margin: 2rem 0 7rem;
    letter-spacing: -.01em
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero {
        margin:3.4rem 0
    }
}

.hero .hero__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.hero .hero__aside {
    display: none;
    width: 41.65%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero .hero__aside {
        width:100%;
        order: 1
    }
}

.hero .hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-top: 2.4rem;
    padding-left: 4.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero .hero__content {
        width:100%;
        padding-top: 0;
        padding-left: 0;
        margin-bottom: 3.8rem
    }
}

.hero .hero__actions,.hero .hero__text {
    margin-bottom: 4rem
}

.hero .hero__text {
    font-size: 1.9rem;
    line-height: 1.65;
    max-width: 750px
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero .hero__text {
        text-align:center;
        font-size: 1.7rem;
        line-height: 1.5;
        margin-bottom: 2rem
    }
}

.hero .hero__text h1 {
    margin-bottom: 1.4rem;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero .hero__text h1 {
        margin-bottom:2rem
    }
}

.hero .hero__text span.orange-highlight {
    color: #ff553c
}

.hero .hero__text p {
    margin-bottom: 1.7rem;
    color: rgba(71,71,71,.9)
}

.hero .hero__text p:last-child {
    margin-bottom: 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero .hero__text p {
        margin-bottom:3rem
    }
}

.hero .hero__items {
    margin: 1rem 0 2rem
}

.hero .hero__avatars,.hero .hero__items {
    display: flex;
    justify-content: center;
    align-items: center
}

.hero .hero__avatars {
    line-height: 1;
    flex-direction: row;
    flex: 0 0 auto
}

.hero .hero__avatars .stars {
    flex: 0 1 auto;
    margin-right: 1rem
}

.hero .hero__avatars .stars .svg-icon--star {
    margin-right: 1px
}

@media(max-width: 374px) {
    .hero .hero__avatars .stars {
        margin-right:.5rem
    }

    .hero .hero__avatars .stars .svg-icon--star {
        width: 12px;
        height: 12px
    }
}

.hero .hero__avatars .avatars>span {
    --border-width: 5px;
    position: relative;
    display: inline-block;
    width: calc(39px + var(--border-width));
    height: calc(39px + var(--border-width));
    border-radius: 100%;
    overflow: hidden;
    border: var(--border-width) solid #fff
}

.hero .hero__avatars .avatars>span:not(:first-child) {
    margin-left: calc(-1*(10px + var(--border-width)))
}

@media(max-width: 374px) {
    .hero .hero__avatars .avatars>span {
        --border-width:3px;
        width: calc(27px + var(--border-width));
        height: calc(27px + var(--border-width))
    }
}

.hero .hero__captions {
    --height: 60px;
    height: var(--height);
    flex: 0 1 auto;
    overflow: hidden;
    margin-left: .5rem
}

@media(min-width: 575.02px) {
    .hero .hero__captions {
        --height:50px;
        margin-left: 1rem
    }
}

@media(min-width: 813px)and (max-width:1023px) {
    .hero .hero__captions {
        --height:90px
    }
}

.hero .hero__captions>div {
    transition: all .5s ease 0s;
    display: flex;
    flex-direction: column
}

.hero .hero__captions .caption {
    display: inline-flex;
    align-items: center;
    height: var(--height)
}

.hero .hero__captions .caption>div {
    font-size: 13.5px;
    color: #494c50;
    line-height: 1.35
}

@media(max-width: 374px) {
    .hero .hero__captions .caption>div {
        font-size:12.5px;
        margin-left: .5rem
    }
}

.hero .hero__features {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    background: #f8fdff;
    border: 1px solid #d9efff;
    border-radius: 12px;
    padding: 12px 14px;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 18px
}

.hero .hero__features.wide .feature--text br {
    display: none
}

@media(min-width: 374.02px) {
    .hero .hero__features {
        padding:14px 18px;
        gap: 16px
    }
}

.hero .hero__features .feature {
    flex: 1 1;
    display: inline-flex;
    gap: 8px
}

@media(min-width: 374.02px) {
    .hero .hero__features .feature {
        gap:12px
    }
}

.hero .hero__features .feature--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #73deff;
    border-radius: 5px;
    width: 13px;
    height: 13px;
    flex-shrink: 0
}

.hero .hero__features .feature--text {
    font-size: 11px;
    color: #4b4f50;
    line-height: 1.21
}

@media(min-width: 374.02px) {
    .hero .hero__features .feature--text {
        font-size:12px
    }
}

.hero .narrow {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto
}

.hero .hero__button {
    display: flex;
    align-items: center;
    gap: 2rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero .hero__button {
        justify-content:center
    }
}

.hero.is-reverse {
    margin-bottom: 5rem
}

@media(max-width: 1023px) {
    .hero.is-reverse {
        margin-bottom:3rem
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero.is-reverse {
        margin-bottom:0
    }
}

.hero.is-reverse .hero__inner {
    flex-direction: row-reverse
}

.hero.is-reverse .hero__content {
    padding-left: 0;
    margin-bottom: 0
}

@media(max-width: 1023px) {
    .hero--home {
        margin-bottom:6rem
    }
}

.hero--home .hero__inner {
    position: relative
}

.hero--home .hero__title {
    max-width: 20ch;
    margin-bottom: 2.5rem
}

.hero--home .hero__text {
    margin-bottom: 2.5rem
}

.hero--home .hero__reviews {
    margin-bottom: 1.5rem
}

.hero--home .hero__video {
    margin: 1.5rem 0 2rem
}

.hero--home .list-logos {
    margin-top: 2rem
}

.hero--home .hero__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #474747;
    margin-bottom: 2rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--home .hero__actions {
        text-align:center
    }
}

.hero--home .hero__actions small {
    display: inline-block;
    font-size: 1.4rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--home .hero__actions small {
        display:none
    }
}

.hero--home .hero__actions .flex-row {
    margin: -.9rem -1.2rem
}

.hero--home .hero__actions .flex-col {
    padding: .9rem 1.2rem
}

.hero--home .list-logos>ul {
    justify-content: center
}

.hero--home>.animate>.section {
    margin-top: 0
}

@media(min-width: 813px) {
    .hero--home .hero__aside {
        width:41.65%
    }

    .hero--home .hero__content {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        padding-top: 2.4rem;
        padding-left: 4.5rem;
        text-align: center
    }

    .hero--home .hero__content>* {
        width: 100%
    }

    .hero--home .hero__content .hero__text:first-child {
        order: 1;
        margin-bottom: 0
    }

    .hero--home .hero__content .hero__text {
        order: 2;
        margin-bottom: 4rem
    }

    .hero--home .hero__content .hero__actions {
        order: 3;
        margin-bottom: 4.5rem
    }

    .hero--home .hero__content .hero__actions .reviews-md {
        display: block
    }

    .hero--home .hero__content .list-logos {
        order: 4;
        margin-top: 0
    }

    .hero--home .hero__content .hero__reviews {
        display: none
    }

    .hero--home .hero__video {
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        margin-top: 4rem
    }
}

.hero--plans {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--plans {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.hero--plans .hero__content {
    max-width: 62rem
}

@media(min-width: 1023.02px) {
    .hero--plans .hero__content {
        padding-right:2rem
    }
}

.hero--plans .hero__aside,.hero--plans .hero__text {
    text-align: center
}

.hero--plans .hero__aside {
    padding-top: 7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--plans .hero__aside {
        padding:1rem .5rem
    }
}

.hero--plans .hero__aside .video__container {
    margin-bottom: 2rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--plans .hero__aside .video__container {
        margin-bottom:1.6rem
    }

    .hero--plans .phone {
        display: none
    }
}

.hero--plans-alt .hero__aside,.hero--plans-alt .hero__text {
    text-align: center
}

@media(min-width: 1023.02px) {
    .hero--plans-alt .hero__content {
        padding-right:3rem
    }
}

.hero--plans-alt .hero__aside {
    padding-top: 7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--plans-alt .hero__aside {
        padding:1rem .5rem
    }
}

.hero--plans-alt .hero__aside .video__container {
    margin-bottom: 2rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .hero--plans-alt .hero__aside .video__container {
        margin-bottom:1.6rem
    }

    .hero--plans-alt .phone {
        display: none
    }
}

.hero--tools {
    margin: 6rem 0 4rem
}

@media(min-width: 767.02px) {
    .hero--tools {
        margin-bottom:10rem
    }
}

.hero--tools .hero__content {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.hero--tools .hero__text h1 {
    margin-bottom: 2rem
}

@media(min-width: 1023.02px) {
    .hero--tools .hero__text h1 {
        font-size:4.6rem
    }
}

.hero--tools .hero__text p {
    line-height: 1.43
}

.list-logos {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto
}

.list-logos ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -.7rem -1.5rem;
    row-gap: 1.25rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .list-logos ul {
        margin:-.5rem -1.4rem
    }
}

.list-logos li {
    padding: .7rem 1.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .list-logos li {
        padding:.5rem 1.4rem
    }
}

.list-logos .list__image {
    display: flex;
    align-items: center;
    max-width: 15rem;
    height: 2.5rem
}

.list-logos--center {
    margin-left: auto;
    margin-right: auto
}

.list-logos--center ul {
    justify-content: center
}

.blobs {
    width: 42rem
}

.blobs svg {
    width: 100%;
    height: auto
}

.blobs .blobs__holder {
    position: relative;
    padding-bottom: 55.6%
}

.blobs .blob,.blobs .blobs__arrow {
    position: absolute;
    /* opacity: 0; */
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition: opacity .4s,transform .4s
}

.blobs .blob--left,.blobs .blob--right {
    z-index: 2;
    top: 0
}

.blobs .blob--left {
    left: 0;
    transform: scale(.9) rotate(-6deg);
    width: 65.3%
}

.blobs .blob--middle {
    top: -14.9%;
    left: 17%;
    width: 81.7%;
    transition-delay: .2s;
    transform: scale(.9) translateY(3rem)
}

.blobs .blob--right {
    right: 0;
    width: 63%;
    transition-delay: .4s;
    transform: scale(.86) rotate(6deg)
}

.blobs .blobs__arrow {
    left: 50%;
    top: 31.3%;
    z-index: 3;
    width: 48%;
    transition-delay: .6s;
    transform: translate(-50%,10rem)
}

.is-animated .blobs .blob {
    transform: none
}

.is-animated .blobs .blob,.is-animated .blobs .blobs__arrow {
    opacity: 1
}

.is-animated .blobs .blobs__arrow {
    transform: translate(-50%) rotate(-1.75deg)
}

.blobs--yellow .blob--left .blob__body,.blobs--yellow .blob--right .blob__body {
    fill: #ffe298
}

.blobs--yellow .blob--middle .blob__body {
    fill: #fff1cc
}

.blobs--yellow .blob__face {
    stroke: #bb8600
}

.blobs--cyan .blob--left .blob__body,.blobs--cyan .blob--right .blob__body {
    fill: #acf1f9
}

.blobs--cyan .blob--middle .blob__body {
    fill: #c1fbff
}

.blobs--cyan .blob__face {
    stroke: #3a9ea9
}

.blobs--purple .blob--left .blob__body,.blobs--purple .blob--right .blob__body {
    fill: #e8d1ff
}

.blobs--purple .blob--middle .blob__body {
    fill: #dfc0ff
}

.blobs--purple .blob__face {
    stroke: #b981f2
}

.boxes {
    position: relative;
    padding: 4.7rem 4rem 4rem;
    margin: 0 2.5rem
}

@media(max-width: 1023px) {
    .boxes {
        padding:3.5rem 3rem
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .boxes {
        margin:0;
        padding: 0 1.5rem
    }
}

.boxes:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff553c;
    border-radius: 3.3rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .boxes:before {
        width:150%;
        height: 100%;
        transform: translate(-50%,-8.5%);
        left: 50%;
        border-radius: 99.9rem
    }
}

.boxes--cyan:before {
    background-color: #e1fcff
}

.boxes--yellow:before {
    background-color: #fff3d6
}

.boxes--purple:before {
    background-color: #b083eb
}

.boxes>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -.8rem
}

.boxes>ul>li {
    width: 33.3334%;
    padding: .8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .boxes>ul>li {
        width:100%
    }
}

.box {
    position: relative;
    z-index: 15;
    font-size: 1.6rem;
    background: #fff;
    overflow: hidden;
    border-radius: 2.2rem;
    box-shadow: 0 3px 6px rgba(0,0,0,.05);
    cursor: pointer
}

.box .box__inner {
    position: relative;
    padding: 3.1rem 3rem 2.3rem
}

.box .box__inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(1turn,#fff 3.75%,hsla(0,0%,100%,0) 50%);
    pointer-events: none;
    transition: opacity .4s
}

.box .box__head {
    margin-bottom: 1.8rem;
    font-size: 2rem;
    line-height: 1.3
}

.box .box__entry {
    position: relative;
    max-height: 12rem;
    padding-right: 9rem;
    padding-bottom: 2rem;
    color: rgba(71,71,71,.9);
    overflow: hidden;
    transition-property: max-height opacity;
    transition-timing-function: cubic-bezier(1,0,0,1);
    transition-duration: .7s
}

.box .box__image {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    max-width: 18rem
}

.box .box__image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1turn,#fff 20%,hsla(0,0%,100%,0));
    pointer-events: none;
    transition: opacity .4s
}

.box .svg-image--boxBlobs {
    transform: translate(5%,5%);
    max-width: 139px
}

.box .svg-image--boxYellowBlob {
    transform: translate(14%,24%)
}

.box .svg-image--boxPurpleBlob {
    transform: translate(22%,18%)
}

.box .svg-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.box.is-expanded .box__inner:before {
    opacity: 0
}

.box.is-expanded .box__entry {
    max-height: 100rem;
    opacity: 1
}

.box--question .svg-icon {
    transform: translate(17%,-33.8%)
}

.box--question .svg-icon path {
    fill: #e5fcff
}

.box--question .svg-icon circle {
    fill: #3a9ea9
}

.section {
    margin: 2.5em 0 6.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section {
        margin-bottom:3.5em
    }
}

.section .section__image {
    text-align: center;
    margin-bottom: 1.7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__image {
        margin-bottom:.7rem
    }
}

.section .section__head {
    margin-bottom: 3.8rem;
    text-align: center;
    font-size: 1.9rem;
    line-height: 1.4
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__head {
        margin-bottom:2.5rem;
        text-align: left;
        font-size: 1.8rem;
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

.section .section__head :last-child {
    margin-bottom: 0
}

.section .section__head h1 {
    margin-bottom: 2.4rem
}

.section .section__head h2 {
    margin-bottom: 2.5rem;
    font-size: 40px;
    font-weight: 600;
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__head h2 br {
        display:none
    }
}

.section .section__head h3 {
    font-size: 3.5rem;
    line-height: 1.3
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__head h3 {
        font-size:2.6rem
    }
}

.section .section__head h6 {
    margin-bottom: 1.7rem;
    color: #ff553c;
    font-weight: 400;
    font-size: 20px;
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__head h6 {
        margin-bottom:2rem
    }
}

.section .section__head p {
    color: #626366
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__body {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.section .section__footer {
    text-align: center;
    margin: 3.5rem auto
}

.section .section__footer--small {
    max-width: 540px
}

.section .section__footer--medium {
    max-width: 720px
}

.section .section__footer--large {
    max-width: 960px
}

.section .section__footer:last-child {
    margin-bottom: 0
}

.section .section__footer p {
    color: #626366
}

.section .section__footer i {
    margin-bottom: 1.7rem
}

.section .section__footer,.section .section__head {
    margin-left: auto;
    margin-right: auto
}

.section .section__footer--small,.section .section__head--small {
    max-width: 540px
}

.section .section__footer--medium,.section .section__head--medium {
    max-width: 720px
}

.section .section__footer--large,.section .section__head--large {
    max-width: 960px
}

.section .section__entry {
    margin-bottom: 4.5rem;
    letter-spacing: -.01em
}

.section .section__entry:last-child {
    margin-bottom: 0
}

.section .section__entry h2 {
    margin-bottom: 1.6rem;
    font-size: 3.3rem;
    line-height: 1.2
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section .section__entry h2 {
        margin-bottom:2.3rem;
        font-size: 2.7rem;
        line-height: 1.25
    }
}

.section .section__entry p strong {
    font-size: 2.2rem
}

.section .section__entry>ol:not([class]),.section .section__entry>ol:not([class]) ol,.section .section__entry>ol:not([class]) ul,.section .section__entry>ul:not([class]),.section .section__entry>ul:not([class]) ol,.section .section__entry>ul:not([class]) ul {
    padding-left: 2rem
}

.section--gray {
    margin: 0;
    padding: 7.8rem 0 6rem;
    background-color: #fafbff
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--gray {
        padding:3.5rem 0 5rem
    }
}

.section--homepage-boxes {
    margin-top: 0
}

.section--testimonials .shell {
    max-width: 106rem
}

.section--testimonials .section__head {
    margin-bottom: 7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--testimonials .section__head {
        margin-bottom:2.7rem
    }

    .section--testimonials .section__inner {
        display: flex;
        flex-direction: column-reverse
    }
}

.section--testimonials .section__footer {
    display: none;
    margin: 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--testimonials .section__footer {
        display:block
    }
}

.section--contact {
    margin: 6rem 0 9rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--contact {
        margin:1rem 0
    }
}

.section--contact .section__head {
    margin-bottom: 7.5rem;
    text-align: center
}

.section--articles {
    margin: 5.5rem 0 12rem
}

.section--articles .articles__loadmore {
    margin-top: 5rem;
    justify-content: center;
    text-align: center
}

@media(max-width: 1023px) {
    .section--articles {
        margin-bottom:5.5rem
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--articles {
        margin:2rem 0
    }
}

.section--related-articles .section__head {
    margin-bottom: 5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--related-articles .section__head {
        margin-bottom:2.5rem
    }
}

.section--author-articles .articles__loadmore {
    margin-top: 3rem;
    justify-content: center;
    text-align: center
}

.section--questions {
    overflow: hidden
}

.section--questions .section__head {
    margin-bottom: 15rem;
    text-align: center
}

.section--reviews_top .reviews__subtitle {
    max-width: 628px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--reviews_top .reviews__subtitle {
        margin-left:0
    }
}

.section--reviews_top .reviews__average-rating {
    margin-bottom: 2rem
}

@media(min-width: 767.02px) {
    .section--reviews_top .reviews__average-rating {
        margin-bottom:3.125rem
    }
}

.section--reviews_bottom {
    padding-top: 2rem
}

.section--columns-grid {
    margin-top: 2rem;
    margin-bottom: 5rem
}

@media(min-width: 767.02px) {
    .section--columns-grid {
        margin-top:5rem;
        margin-bottom: 8rem
    }
}

.section--columns-grid ol,.section--columns-grid p,.section--columns-grid ul {
    color: #626366
}

.section--columns-grid ol,.section--columns-grid ul {
    padding-left: 2rem;
    font-size: .95em
}

.section--columns-grid ol li,.section--columns-grid ul li {
    margin-bottom: .5em
}

.section--columns-grid ol li:last-child,.section--columns-grid ul li:last-child {
    margin-bottom: 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .section--columns-grid .section__footer {
        margin-top:2rem
    }

    .section--boxes .section__head {
        margin-bottom: 9rem
    }
}

.callout {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto 2.5rem;
    font-size: 1.5rem;
    color: #757575
}

.callout--border {
    padding: 1.5em 3rem;
    border-radius: 2rem;
    border: 1px solid rgba(178,199,194,.2)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .callout {
        display:block;
        min-height: 10rem;
        font-size: 1.4rem;
        line-height: 1.35
    }

    .callout--border {
        padding: 1.3em 2.3rem
    }
}

.callout:last-child {
    margin-bottom: 0
}

.callout .callout__content {
    flex-grow: 1;
    padding-left: 4.4rem
}

.callout .callout__content p {
    color: #757575
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .callout .callout__content {
        padding-left:0
    }
}

.callout .callout__image {
    position: relative;
    flex-shrink: 0;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    overflow: hidden
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .callout .callout__image {
        position:absolute;
        top: 1.4rem;
        right: 2.6rem;
        width: 6.4rem;
        height: 6.4rem
    }
}

.callout .svg-blob {
    position: absolute;
    top: 5%;
    left: -27%;
    width: 140%;
    transform: translateY(-14%) scale(.8);
    /* opacity: 0; */
    transition: opacity .4s,transform .4s
}

.is-animated .callout .svg-blob {
    transform: none;
    opacity: 1
}

.callout .flex-row {
    margin: -.8rem -2.5rem
}

.callout .flex-col {
    padding: .8rem 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .callout .flex-col:first-child {
        padding-right:12rem
    }
}

.callout--small {
    max-width: 57.6rem;
    padding-right: 3rem
}

.callout--medium {
    max-width: 72rem
}

.callout--purple .callout__image {
    background-color: #ebebff
}

.callout--purple .callout__content strong {
    color: #a665e8
}

.callout--yellow .callout__image {
    background-color: #fff3d6
}

.callout--cyan .callout__image {
    background-color: #c1fbff
}

.animate {
    pointer-events: none;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-property: opacity,transform
}

.animate[data-duration="50"] {
    transition-duration: 50ms
}

.animate[data-delay="50"] {
    transition-delay: 50ms
}

.animate[data-duration="100"] {
    transition-duration: .1s
}

.animate[data-delay="100"] {
    transition-delay: .1s
}

.animate[data-duration="150"] {
    transition-duration: .15s
}

.animate[data-delay="150"] {
    transition-delay: .15s
}

.animate[data-duration="200"] {
    transition-duration: .2s
}

.animate[data-delay="200"] {
    transition-delay: .2s
}

.animate[data-duration="250"] {
    transition-duration: .25s
}

.animate[data-delay="250"] {
    transition-delay: .25s
}

.animate[data-duration="300"] {
    transition-duration: .3s
}

.animate[data-delay="300"] {
    transition-delay: .3s
}

.animate[data-duration="350"] {
    transition-duration: .35s
}

.animate[data-delay="350"] {
    transition-delay: .35s
}

.animate[data-duration="400"] {
    transition-duration: .4s
}

.animate[data-delay="400"] {
    transition-delay: .4s
}

.animate[data-duration="450"] {
    transition-duration: .45s
}

.animate[data-delay="450"] {
    transition-delay: .45s
}

.animate[data-duration="500"] {
    transition-duration: .5s
}

.animate[data-delay="500"] {
    transition-delay: .5s
}

.animate[data-duration="550"] {
    transition-duration: .55s
}

.animate[data-delay="550"] {
    transition-delay: .55s
}

.animate[data-duration="600"] {
    transition-duration: .6s
}

.animate[data-delay="600"] {
    transition-delay: .6s
}

.animate[data-duration="650"] {
    transition-duration: .65s
}

.animate[data-delay="650"] {
    transition-delay: .65s
}

.animate[data-duration="700"] {
    transition-duration: .7s
}

.animate[data-delay="700"] {
    transition-delay: .7s
}

.animate[data-duration="750"] {
    transition-duration: .75s
}

.animate[data-delay="750"] {
    transition-delay: .75s
}

.animate[data-duration="800"] {
    transition-duration: .8s
}

.animate[data-delay="800"] {
    transition-delay: .8s
}

.animate[data-duration="850"] {
    transition-duration: .85s
}

.animate[data-delay="850"] {
    transition-delay: .85s
}

.animate[data-duration="900"] {
    transition-duration: .9s
}

.animate[data-delay="900"] {
    transition-delay: .9s
}

.animate[data-duration="950"] {
    transition-duration: .95s
}

.animate[data-delay="950"] {
    transition-delay: .95s
}

.animate[data-duration="1000"] {
    transition-duration: 1s
}

.animate[data-delay="1000"] {
    transition-delay: 1s
}

.animate[data-duration="1050"] {
    transition-duration: 1.05s
}

.animate[data-delay="1050"] {
    transition-delay: 1.05s
}

.animate[data-duration="1100"] {
    transition-duration: 1.1s
}

.animate[data-delay="1100"] {
    transition-delay: 1.1s
}

.animate[data-duration="1150"] {
    transition-duration: 1.15s
}

.animate[data-delay="1150"] {
    transition-delay: 1.15s
}

.animate[data-duration="1200"] {
    transition-duration: 1.2s
}

.animate[data-delay="1200"] {
    transition-delay: 1.2s
}

.animate[data-duration="1250"] {
    transition-duration: 1.25s
}

.animate[data-delay="1250"] {
    transition-delay: 1.25s
}

.animate[data-duration="1300"] {
    transition-duration: 1.3s
}

.animate[data-delay="1300"] {
    transition-delay: 1.3s
}

.animate[data-duration="1350"] {
    transition-duration: 1.35s
}

.animate[data-delay="1350"] {
    transition-delay: 1.35s
}

.animate[data-duration="1400"] {
    transition-duration: 1.4s
}

.animate[data-delay="1400"] {
    transition-delay: 1.4s
}

.animate[data-duration="1450"] {
    transition-duration: 1.45s
}

.animate[data-delay="1450"] {
    transition-delay: 1.45s
}

.animate[data-duration="1500"] {
    transition-duration: 1.5s
}

.animate[data-delay="1500"] {
    transition-delay: 1.5s
}

.animate[data-duration="1550"] {
    transition-duration: 1.55s
}

.animate[data-delay="1550"] {
    transition-delay: 1.55s
}

.animate[data-duration="1600"] {
    transition-duration: 1.6s
}

.animate[data-delay="1600"] {
    transition-delay: 1.6s
}

.animate[data-duration="1650"] {
    transition-duration: 1.65s
}

.animate[data-delay="1650"] {
    transition-delay: 1.65s
}

.animate[data-duration="1700"] {
    transition-duration: 1.7s
}

.animate[data-delay="1700"] {
    transition-delay: 1.7s
}

.animate[data-duration="1750"] {
    transition-duration: 1.75s
}

.animate[data-delay="1750"] {
    transition-delay: 1.75s
}

.animate[data-duration="1800"] {
    transition-duration: 1.8s
}

.animate[data-delay="1800"] {
    transition-delay: 1.8s
}

.animate[data-duration="1850"] {
    transition-duration: 1.85s
}

.animate[data-delay="1850"] {
    transition-delay: 1.85s
}

.animate[data-duration="1900"] {
    transition-duration: 1.9s
}

.animate[data-delay="1900"] {
    transition-delay: 1.9s
}

.animate[data-duration="1950"] {
    transition-duration: 1.95s
}

.animate[data-delay="1950"] {
    transition-delay: 1.95s
}

.animate[data-duration="2000"] {
    transition-duration: 2s
}

.animate[data-delay="2000"] {
    transition-delay: 2s
}

.animate[data-duration="2050"] {
    transition-duration: 2.05s
}

.animate[data-delay="2050"] {
    transition-delay: 2.05s
}

.animate[data-duration="2100"] {
    transition-duration: 2.1s
}

.animate[data-delay="2100"] {
    transition-delay: 2.1s
}

.animate[data-duration="2150"] {
    transition-duration: 2.15s
}

.animate[data-delay="2150"] {
    transition-delay: 2.15s
}

.animate[data-duration="2200"] {
    transition-duration: 2.2s
}

.animate[data-delay="2200"] {
    transition-delay: 2.2s
}

.animate[data-duration="2250"] {
    transition-duration: 2.25s
}

.animate[data-delay="2250"] {
    transition-delay: 2.25s
}

.animate[data-duration="2300"] {
    transition-duration: 2.3s
}

.animate[data-delay="2300"] {
    transition-delay: 2.3s
}

.animate[data-duration="2350"] {
    transition-duration: 2.35s
}

.animate[data-delay="2350"] {
    transition-delay: 2.35s
}

.animate[data-duration="2400"] {
    transition-duration: 2.4s
}

.animate[data-delay="2400"] {
    transition-delay: 2.4s
}

.animate[data-duration="2450"] {
    transition-duration: 2.45s
}

.animate[data-delay="2450"] {
    transition-delay: 2.45s
}

.animate[data-duration="2500"] {
    transition-duration: 2.5s
}

.animate[data-delay="2500"] {
    transition-delay: 2.5s
}

.animate[data-animation^=fade] {
    /* opacity:0; */
}

.animate[data-animation^=fade].in-view {
    opacity: 1;
    visibility: visible
}

.animate[data-animation=fade-up] {
    /* transform:translate3d(0,5rem,0); */
}

.animate[data-animation=fade-down] {
    transform: translate3d(0,-5rem,0)
}

.animate[data-animation=fade-right] {
    transform: translate3d(-5rem,0,0)
}

.animate[data-animation=fade-left] {
    transform: translate3d(5rem,0,0)
}

.animate.is-animated {
    pointer-events: auto
}

.animate.in-view {
    opacity: 1;
    transform: none
}

.steps {
    counter-reset: steps
}

.steps>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -1rem;
    justify-content: center
}

.steps>ul>li {
    width: 33.3333333333%;
    padding: 1rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .steps>ul>li {
        width:100%
    }
}

.step {
    position: relative;
    height: 100%;
    padding: 2rem 8.2rem 3rem 2.2rem;
    border-radius: 2rem;
    counter-increment: steps;
    overflow: hidden
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .step {
        padding:2rem 11rem 2rem 2.8rem
    }
}

.step h6 {
    position: relative;
    margin-bottom: 2rem;
    padding-left: 4rem;
    font-size: 1.8rem
}

.step h6:before {
    content: counter(steps);
    position: absolute;
    left: 0;
    top: 0;
    width: 2.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,.05);
    background-color: #fff
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .step h6:before {
        font-size:1.4rem
    }
}

.step p {
    margin-bottom: 0
}

.step .small {
    display: inline-block;
    margin: .5rem 0;
    font-size: .9em
}

.step .step__icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(23%,-44%)
}

.step .svg-image--stepInfo {
    transform: translate(1%,-40%)
}

.step--purple {
    background-color: #b981f2;
    color: #ebebff
}

.step--purple h6:before {
    color: #b981f2
}

.step--cyan {
    background-color: #cdf9fe
}

.step--cyan,.step--cyan h6:before {
    color: #449099
}

.step--green {
    color: #58886d;
    background-color: rgba(70,208,125,.15)
}

.step--green h6,.step--green h6:before {
    color: #28c968
}

.svg-blob {
    display: inline-block
}

.svg-blob svg {
    display: block;
    width: 100%;
    height: auto
}

.svg-icon {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    vertical-align: top
}

.svg-icon--check path {
    box-shadow: 0 2px 2px rgba(0,0,0,.1),0 3.11111px 10.8889px rgba(15,20,20,.11)
}

.svg-icon--questionMark {
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.05))
}

.svg-icon--shield path {
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.1)) drop-shadow(0 4px 14px rgba(148,222,222,.11))
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .svg-icon--heart {
        width:14px;
        height: 13px
    }
}

.svg-icon--testimonialCheck path {
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.1)) drop-shadow(0 4px 14px rgba(148,222,222,.11))
}

.svg-icon--boxQuestion path {
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.1))
}

.svg-image {
    max-width: 100%;
    display: inline-block
}

.svg-image svg {
    display: block;
    width: 100%;
    height: auto
}

.svg-image--stepPackage {
    width: 9.9rem
}

.svg-image--stepInfo {
    width: 8rem
}

.svg-image--stepGrowth {
    width: 9.3rem
}

.svg-image--trustpilot {
    width: 10.8rem
}

.card {
    height: 100%;
    padding: 3rem .9rem 4rem;
    overflow: hidden;
    border-radius: 2.7rem;
    text-align: center
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .card {
        padding:1.5rem .6rem
    }
}

.card p {
    padding: 0 1rem;
    opacity: .9
}

.card .card__image {
    position: relative;
    height: 16.7rem;
    text-align: center;
    opacity: 0;
    transform: scale(0) translateY(-30px);
    transition-delay: .3s;
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-duration: .5s;
    transition-property: opacity,transform
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .card .card__image {
        height:11.2rem;
        padding-bottom: 1rem
    }
}

.card .svg-image {
    height: 100%
}

.card .svg-image svg {
    max-width: 100%;
    max-height: 100%
}

.card .svg-image--cardStar {
    max-width: none;
    max-height: none;
    position: absolute;
    transform: translate(-70.5%,-16.3%);
    width: 134%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .card .svg-image--cardStar {
        transform:translate(-72.5%,-15.3%)
    }
}

.card .svg-image--cardStar svg {
    max-height: none
}

.card .card__inner {
    position: relative;
    z-index: 10
}

.is-animated .card .card__image {
    opacity: 1;
    transform: none
}

.card--yellow {
    background-color: #fff3d6
}

.card--yellow p {
    color: #796866
}

.card--cyan {
    background-color: #cdf9fe
}

.card--cyan p {
    color: #4b868c
}

.card--purple {
    background-color: #b083eb;
    color: #fff
}

.cards>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -.9rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .cards>ul {
        margin:-.6rem
    }
}

.cards>ul>li {
    width: 33.3334%;
    padding: .9rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .cards>ul>li {
        width:50%;
        padding: .6rem
    }

    .cards>ul>li:nth-child(3n) {
        width: 100%
    }
}

.offer .offer__inner {
    margin-top: 1.2rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .offer .offer__inner {
        display:none
    }
}

.list-offers {
    color: #657181
}

.list-offers>ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    margin: -.3rem -1.2rem 1.4rem
}

.list-offers>ul>li {
    list-style: none;
    padding: .3rem 1.2rem;
    margin-bottom: .6rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .list-offers>ul>li {
        width:100%
    }
}

.list-offers p {
    margin-bottom: .5em
}

.list-offers .btn {
    display: flex;
    height: 4.7rem;
    font-size: 1.5rem;
    padding-left: 0;
    padding-right: 0
}

.list-offers .btn--tiktok {
    --color: #9e2ff6;
    background: var(--color);
    border-color: var(--color)
}

.list-offers .btn--tiktok:hover {
    color: var(--color)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .list-offers .btn {
        height:5.5rem;
        font-size: 1.6rem
    }
}

.stars>ul {
    margin-bottom: .5rem;
    list-style: none
}

.stars>ul>li {
    display: inline-block;
    margin-right: 6px
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .payments {
        margin-bottom:3rem
    }
}

.payments svg {
    max-width: 100%;
    max-height: 100%
}

.payments ul {
    display: flex;
    list-style: none
}

.payments ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 2.7rem;
    line-height: 1;
    vertical-align: middle;
    margin-left: .4rem;
    padding: .2 .7rem;
    border: 1px solid #d7d7d7;
    border-radius: .5rem
}

.payments ul li:first-of-type {
    width: 8rem;
    padding: .15rem
}

.payments ul li.is-black {
    background-color: #000;
    border: 1px solid #000
}

.payments ul li.is-amex {
    background-color: #00a8e1;
    border: 1px solid #00a8e1
}

.slider-testimonials {
    margin-top: 2rem
}

.slider-testimonials .slider__container {
    margin-bottom: 3rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonials .slider__container {
        margin-bottom:2rem
    }
}

.slider-testimonials .slider__slides {
    margin-left: -2rem;
    height: 632px;
}

.slider-testimonials .slider__slide {
    min-width: 34.6rem;
    padding-right: 2rem;
    transition: opacity .4s linear
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonials .slider__slide {
        min-width:300px
    }
}

.slider-testimonials .slider__slide.is-current-slide,.slider-testimonials .slider__slide.is-next-slide,.slider-testimonials .slider__slide.is-prev-slide {
    opacity: 1
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonials .slider__cta {
        display:none
    }
}

.slider-testimonials .slider__dots {
    display: none
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonials .slider__dots {
        display:block
    }
}

.testimonial {
    position: relative;
    background: #fff;
    box-shadow: 0 4px 14px rgba(148,222,222,.11);
    border-radius: 2.5rem;
    line-height: 1.5;
    padding: 4.8rem 3rem 2.8rem;
    margin-top: 2.7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .testimonial {
        padding-left:2.3rem;
        padding-right: 2.3rem
    }
}

.testimonial h4 {
    line-height: 1.25;
    margin-bottom: .5em
}

.testimonial blockquote {
    color: #4d5560;
    margin-bottom: 4rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .testimonial blockquote {
        margin-bottom:2rem
    }
}

.testimonial .testimonial__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.35rem;
    font-weight: 500;
    letter-spacing: -.01em
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .testimonial .testimonial__bottom {
        font-size:1.25rem
    }
}

.testimonial .testimonial__name {
    display: inline-flex;
    align-items: center;
    margin-right: .5rem;
    flex: 1 1;
    line-height: 1.2
}

.testimonial .testimonial__name .svg-icon {
    margin-right: 8px
}

.testimonial .testimonial__name cite {
    font-style: normal;
    color: #626366
}

.testimonial .testimonial__verified {
    display: inline-flex;
    align-items: center;
    color: #a6a6b7;
    margin-right: -.5rem
}

.testimonial .testimonial__verified .svg-icon {
    margin-left: 6px
}

.testimonial .testimonial__quotes {
    position: absolute;
    top: -2.1rem;
    left: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.7rem;
    height: 4.7rem;
    transform: rotate(45deg);
    background-color: #fafbff;
    border-radius: 1rem
}

.testimonial .testimonial__quotes svg {
    transform: rotate(-45deg)
}

.testimonial .testimonial__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem
}

.testimonial .testimonial__date {
    margin-bottom: 0;
    margin-left: .5rem;
    font-weight: 500;
    color: #a6a6b7;
    font-size: .9em
}

.rating,.rating .rating__circle {
    display: flex;
    align-items: center
}

.rating .rating__circle {
    position: relative;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    color: #9097a0;
    letter-spacing: -.01em;
    background: #fff;
    box-shadow: 0 2.22545px 4.4509px rgba(0,0,0,.05)
}

.rating .rating__circle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - .9rem);
    height: calc(100% - .9rem);
    transform: translate(-50%,-50%);
    border: .4rem solid #ff553c;
    border-radius: inherit
}

.rating .rating__circle i {
    font-style: normal;
    font-size: 1rem
}

.rating .rating__circle span {
    display: block;
    font-size: 2.2rem;
    line-height: 2.2rem
}

.rating .rating__content {
    padding-left: 1.8rem
}

.rating .rating__content h6 {
    display: flex;
    align-items: center;
    color: #4f535f;
    margin-bottom: .5rem;
    font-weight: inherit;
    font-size: 1.6rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .rating .rating__content h6 {
        display:block;
        margin-bottom: 2rem
    }
}

.rating .rating__content h6 strong {
    margin-left: .5rem
}

.rating .rating__content p {
    color: #84909f
}

.rating .rating__content .stars {
    margin-left: 1.8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .rating .rating__content .stars {
        margin-left:0
    }
}

.rating .rating__content .svg-icon {
    width: 2.3rem;
    height: 2.3rem
}

.testimonial-with-video {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: .01em;
    border-radius: 4.6rem;
    color: #4b4f50;
    min-height: 26.3rem;
    padding: 1rem 24.8rem 2rem 6rem;
    box-shadow: 0 3px 5px rgba(0,0,0,.05);
    overflow: hidden
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .testimonial-with-video {
        min-height:16.5rem;
        font-size: 1.6rem;
        border-radius: 2.9rem;
        padding: 0 14.2rem 1.2rem 2.7rem
    }
}

.testimonial-with-video:before {
    content: "";
    position: absolute;
    right: 0;
    height: 35rem;
    width: 35rem;
    transform: translateX(56%);
    border-radius: 50%;
    background-color: #fff;
    pointer-events: none
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .testimonial-with-video:before {
        height:22rem;
        width: 22rem
    }
}

.testimonial-with-video p {
    width: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
    margin-bottom: 0
}

.testimonial-with-video .testimonial__video {
    position: absolute;
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
    width: 16.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .testimonial-with-video .testimonial__video {
        width:10.4rem;
        right: 2.2rem
    }
}

.testimonial-with-video .testimonial__video svg {
    position: absolute;
    z-index: 10;
    right: -1rem;
    top: -1.2rem
}

.testimonial-with-video .testimonial__blob {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-75%,-30%)
}

.testimonial-with-video--yellow {
    background-color: #fd8
}

.testimonial-with-video--yellow .svg-icon--testimonialCheck ellipse {
    fill: #fbcc53
}

.testimonial-with-video--yellow .svg-icon--testimonialCheck path {
    fill: #fff9e4
}

.testimonial-with-video--cyan {
    background-color: #cdf9fe
}

.testimonial-with-video--cyan .svg-icon--testimonialCheck ellipse {
    fill: #78c2c7
}

.testimonial-with-video--cyan .svg-icon--testimonialCheck path {
    fill: #e4fdff
}

.testimonial-with-video--purple {
    background-color: #b352ff;
    color: #fff
}

.testimonial-with-video--purple .svg-icon--testimonialCheck ellipse {
    fill: #8c6ad3
}

.testimonial-with-video--purple .svg-icon--testimonialCheck path {
    fill: #e5e4ff
}

.slider-testimonial-with-video {
    margin: 0 auto 8.3rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonial-with-video {
        margin-bottom:4rem
    }
}

.slider-testimonial-with-video .slider__container {
    padding: 1rem 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonial-with-video .slider__container {
        padding:1rem 2.4rem
    }
}

.slider-testimonial-with-video .slider__slides {
    margin-left: -12.4rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonial-with-video .slider__slides {
        margin-left:-3rem
    }
}

.slider-testimonial-with-video .slider__slide {
    width: 67.9rem;
    flex-shrink: 0;
    padding-left: 12.4rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonial-with-video .slider__slide {
        width:100%;
        padding-left: 3rem
    }
}

.slider-testimonial-with-video .slider__cta {
    width: 56.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonial-with-video .slider__cta {
        display:none
    }
}

.slider-testimonial-with-video .slider__dots {
    display: none
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-testimonial-with-video .slider__dots {
        display:block
    }
}

.swiper.slider-testimonial-stories {
    padding-bottom: 45px;
    margin-bottom: 50px;
    --swiper-pagination-color: #ff553c;
    --swiper-pagination-left: auto;
    --swiper-pagination-bottom: 0;
    --swiper-pagination-bullet-size: 7px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-horizontal-gap: 8px
}

@media(min-width: 767.02px) {
    .swiper.slider-testimonial-stories {
        --swiper-pagination-bullet-size:9px;
        padding-bottom: 50px;
        margin-bottom: 60px
    }
}

.swiper.slider-testimonial-stories .swiper-slide {
    width: 100%;
    max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 767.02px) {
    .swiper.slider-testimonial-stories .swiper-slide {
        max-width:300px
    }
}

.swiper.slider-testimonial-stories .swiper-slide .story {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 177%
}

@media(min-width: 767.02px) {
    .swiper.slider-testimonial-stories .swiper-slide .story {
        border-radius:28px
    }
}

.swiper.slider-testimonial-stories .swiper-slide video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit
}

.swiper.slider-testimonial-stories .swiper-pagination {
    bottom: 0
}

.video-holder {
    position: relative;
    padding-bottom: 106%;
    overflow: hidden
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .video-holder {
        border-radius:1.5rem
    }
}

.video-holder video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.4rem;
    transform: scale(.4);
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: opacity .3s,transform .3s
}

.video-holder.is-animated video {
    opacity: 1;
    transform: scale(1)
}

.animated-link .nav__char:not(.is-empty) {
    display: inline-block
}

.animated-link:hover {
    text-decoration: none;
    color: #ff553c
}

.animated-link:hover .nav__char {
    animation: moveChar .3s linear
}

@keyframes moveChar {
    50% {
        transform: translateY(-3px)
    }

    to {
        transform: translateY(0)
    }
}

.service {
    position: relative;
    height: 100%;
    padding: 2.3rem 3rem 8.3rem;
    border-radius: 2.5rem;
    color: #767676;
    text-align: center;
    overflow: hidden
}

.service .service__entry {
    margin-bottom: 4.4rem
}

.service .service__entry h3 {
    margin-bottom: 2.3rem;
    color: #000;
    font-size: 25px;
    line-height: 35px;
}

.service .service__inner {
    position: relative;
    background-color: #fff;
    border-radius: 2.5rem;
    padding: 2.5rem 3rem 6.6rem
}

.service .service__starts {
    margin-bottom: 2rem;
    font-size: 1.4rem
}

.service .btn {
    margin-bottom: 1rem
}

.service .svg-icon--shield {
    position: absolute;
    top: -1.3rem;
    right: -.7rem
}

.service .blobs {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,10%);
    width: 244px
}

.service--yellow {
    background-color: #fd8
}

.service--yellow .svg-icon--shield ellipse {
    fill: #fbcc53
}

.service--yellow .svg-icon--shield path {
    fill: #fff9e4
}

.service--cyan {
    background-color: #cdf9fe
}

.service--cyan .svg-icon--shield ellipse {
    fill: #78c2c7
}

.service--cyan .svg-icon--shield path {
    fill: #e4fdff
}

.service--purple {
    background-color: #b352ff
}

.service--purple .svg-icon--shield ellipse {
    fill: #8c6ad3
}

.service--purple .svg-icon--shield path {
    fill: #e5e4ff
}

.services {
    margin-top: 4.7rem;
    overflow: hidden
}

.services>ul {
    display: flex;
    margin: -1rem;
    list-style: none;
    justify-content: center
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .services>ul {
        display:block
    }
}

.services>ul>li {
    width: 33.3334%;
    padding: 1rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .services>ul>li {
        width:100%
    }
}

.plan,.plan--alt {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 1.1rem;
    text-align: center;
    box-shadow: 0 5px 5px rgba(152,168,173,.25);
    cursor: pointer;
    transition: box-shadow .3s,transform .3s
}

.plan--alt:after,.plan--alt:before,.plan:after,.plan:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border-style: solid;
    pointer-events: none;
    transition: opacity .3s
}

.plan--alt:after,.plan:after {
    z-index: 9;
    border-width: 1px;
    border-color: #e9ebee
}

.plan--alt:before,.plan:before {
    z-index: 10;
    opacity: 0;
    border-width: 3px;
    border-color: #ff553c
}

.plan .plan__label,.plan--alt .plan__label {
    border-radius: 1.1rem 1.1rem 0 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    z-index: 12;
    padding: .6rem;
    letter-spacing: -.02em;
    font-weight: 600;
    font-size: 1.1rem
}

.plan .plan__inner,.plan--alt .plan__inner {
    padding: .6rem
}

.plan .plan__bar,.plan--alt .plan__bar {
    position: relative;
    width: 7rem;
    margin: 0 auto .8rem;
    text-align: center;
    border-radius: .7rem;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 2rem;
    background-color: #f2f6f9;
    overflow: hidden
}

.plan .plan__bar span,.plan--alt .plan__bar span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90.71deg,#ffd12f .4%,#ffd84e 89.75%)
}

.plan .plan__bar i,.plan--alt .plan__bar i {
    position: relative;
    z-index: 5;
    font-style: normal
}

.plan .plan__title,.plan--alt .plan__title {
    margin-bottom: .8rem;
    font-size: 1.3rem;
    line-height: 1;
    text-transform: lowercase
}

.plan .plan__title strong,.plan--alt .plan__title strong {
    display: block;
    font-size: 2.8rem;
    margin-bottom: .4rem
}

.plan .plan__price,.plan--alt .plan__price {
    display: flex;
    justify-content: center;
    padding: .5rem .5rem 0;
    border-top: 1px solid #e9ebee
}

.plan .plan__price span,.plan--alt .plan__price span {
    display: inline-block;
    margin-right: .5rem;
    color: #868c93;
    letter-spacing: -.04em;
    font-size: 1.45rem;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.plan .plan__price strong,.plan--alt .plan__price strong {
    font-weight: 700
}

.plan--alt.is-active:before,.plan.is-active:before {
    opacity: 1
}

.plan--alt.best-value,.plan--alt.most-popular,.plan.best-value,.plan.most-popular {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.plan--alt.best-value .plan__label,.plan.best-value .plan__label {
    color: #fff;
    background-color: #ff553c
}

.plan--alt.most-popular .plan__label,.plan.most-popular .plan__label {
    background-color: #cdf9fe
}

.plan--alt.most-popular:before,.plan.most-popular:before {
    border-color: #cdf9fe
}

.plan--alt .plan__title {
    font-size: 1.2rem
}

.plan--alt .plan__title strong {
    font-size: 2.6rem
}

.plan--alt .plan__price {
    font-size: 1.35rem
}

.plan--alt .plan__price span {
    font-size: 1.2rem
}

@media(max-width: 374px) {
    .plan--alt .plan__bar {
        font-size:1.1rem
    }

    .plan--alt .plan__title strong {
        font-size: 2.5rem
    }

    .plan--alt .plan__price {
        font-size: 1.3rem
    }

    .plan--alt .plan__price span {
        font-size: 1.15rem
    }
}

@media(max-width: 575px) {
    .plan--alt .plan__bar {
        width:6rem;
        font-size: 1rem
    }

    .plan--alt .plan__title strong {
        font-size: 2.35rem
    }

    .plan--alt .plan__price {
        font-size: 1.15rem
    }

    .plan--alt .plan__price span {
        font-size: 1.05rem
    }
}

@media(max-width: 1023px) {
    .plans {
        max-width:100%
    }
}

.plans .plans__navigation {
    position: relative;
    padding: .5rem;
    display: inline-flex;
    background-color: #f2f6f9;
    border-radius: 1rem;
    font-size: 1.4rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .plans .plans__navigation {
        display:flex;
        flex-wrap: wrap;
        max-width: calc(100% - 3rem)
    }
}

.plans .plans__navigation p {
    color: #62676c
}

.plans .plans__navigation-button {
    flex-grow: 1;
    line-height: 1.25;
    padding: .65em 1.2em;
    color: #4d5158;
    opacity: .7;
    border-radius: 1rem;
    border: 1px solid hsla(0,0%,95%,.62);
    transition: all .4s
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .plans .plans__navigation-button {
        width:50%;
        padding: .5em
    }
}

@media(max-width: 374px) {
    .plans .plans__navigation-button {
        width:100%
    }
}

.plans .plans__navigation-button.is-active {
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 3px 7px rgba(174,189,217,.07),0 4px 13px rgba(130,145,152,.08),0 2px 2px rgba(65,71,79,.08)
}

.plans .plans__navigation .tooltip {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 1rem
}

.plans .plans__actions {
    margin-bottom: 3rem
}

.plans .plans__actions .flex-row {
    margin: -.9rem -1.2rem
}

.plans .plans__actions .flex-col {
    padding: .9rem 1.2rem
}

.plans-alt {
    height: auto;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto
}

.plans-alt .plans__toggle {
    margin: 0 auto 1.5rem;
    cursor: pointer;
    width: 100%;
    max-width: 330px
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .plans-alt .plans__toggle {
        padding:0 1rem
    }
}

.plans-alt .plans__toggle>div {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1.5px solid transparent;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    color: #9e2ff6;
    box-shadow: 0 2px 2px 0 rgba(65,71,79,.04),0 4px 13px 0 rgba(130,145,152,.08),0 1px 1px 0 rgba(174,189,217,.25);
    position: relative
}

.plans-alt .plans__toggle>div:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    z-index: -1;
    background: #f0f2f4;
    border-radius: 999px
}

.plans-alt .plans__toggle.is-active>div:before {
    background: linear-gradient(180deg,#b352ff,#8277ff)
}

.plans-alt .plans__toggle .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
    margin-right: 1rem
}

.plans-alt .plans__toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: .4s;
    border-radius: 99px;
    border: 1px solid #b7bccb
}

.plans-alt .plans__toggle .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #b7bccb;
    transition: background-color .4s,transform .4s;
    border-radius: 50%
}

.plans-alt .plans__toggle.is-active .slider {
    background-color: #f1f1f1;
    border-color: #b352ff
}

.plans-alt .plans__toggle.is-active .slider:before {
    transform: translate(14px,-50%);
    background-color: #b352ff;
    background-image: url('data:image/svg+xml;utf8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.72208 5.77759L9.48179 0.478129C9.59515 0.373827 9.78392 0.373827 9.89729 0.478129L10.6149 1.13843C10.7283 1.24273 10.7283 1.41642 10.6149 1.52073L3.92979 7.67168C3.81643 7.77598 3.62765 7.77598 3.51429 7.67168L0.284971 4.7004C0.171611 4.5961 0.171611 4.42241 0.284971 4.3181L1.00261 3.6578C1.11597 3.5535 1.30475 3.5535 1.41812 3.6578L3.72208 5.77759Z" fill="white"/> </svg>');
    background-size: 70%;
    background-position: 50%;
    background-repeat: no-repeat
}

.plans-alt .plans__toggle .tooltip {
    margin-left: auto;
    padding-left: 1rem
}

.plans-alt .plans__toggle .tooltip a {
    background-image: none;
    transition: .3s
}

.plans-alt .plans__toggle .tooltip a:hover {
    opacity: .8
}

.plans-alt .plans__types {
    margin-bottom: 3rem
}

.plans-alt .plans__types>div {
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    width: calc(100% + 24px);
    margin-left: -12px;
    padding: 0 12px
}

.plans-alt .plans__types>div::-webkit-scrollbar {
    display: none
}

.plans-alt .plan__type {
    position: relative;
    height: 100%;
    border: 1.5px solid #efefef;
    border-radius: 2.5rem;
    overflow: hidden;
    text-align: start;
    cursor: pointer;
    transition: .1s linear
}

.plans-alt .plan__type.is-active {
    border-color: #ff553c
}

.plans-alt .plan__type--vip.is-active {
    border-color: #b352ff
}

.plans-alt .plan__type-head {
    padding: 1.4rem 2.2rem .8rem;
    position: relative;
    background-color: #f2f6f9;
    overflow: hidden
}

.plans-alt .plan__type-head h6 {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.3;
    text-transform: capitalize;
    position: relative;
    z-index: 1
}

.plans-alt .plan__type-head i {
    position: absolute;
    top: 5px;
    right: 0;
    width: 8rem
}

.plans-alt .plan__type-body {
    padding: 1.9rem 2.2rem 4rem 1.9rem;
    font-size: 1.2rem;
    line-height: 1.2
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .plans-alt .plan__type-body {
        padding:2rem .75rem 3rem 1.5rem
    }
}

.plans-alt .plan__type-body span {
    color: #ff553c
}

.plans-alt .plan__type-body svg {
    position: absolute;
    left: 0;
    top: 0
}

.plans-alt .plan__type-body a {
    color: #ff553c;
    font-weight: 500;
    font-size: 1.1rem;
    text-decoration: underline;
    margin-top: 4px;
    display: inline-block
}

.plans-alt .plan__type-body a:active,.plans-alt .plan__type-body a:hover {
    background-size: 0
}

.plans-alt .plan__type-body ul {
    list-style: none
}

.plans-alt .plan__type-body ul li {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 2rem
}

.plans-alt .plan__type-body ul li:last-child {
    margin-bottom: 0
}

.plans-alt .plan__type-checkbox {
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border: 2px solid #d3d3d3;
    border-radius: 1rem
}

.plans-alt .plan__type-avatars {
    display: inline-block;
    padding-left: 1rem
}

.plans-alt .plan__type--premium .plan__type-head {
    background-color: #ff553c;
    color: #fff
}

.plans-alt .plan__type--premium .plan__type-body svg {
    color: #ff553c
}

.plans-alt .plan__type.is-active .plan__type-checkbox {
    background-color: #ff553c;
    border-color: #ff553c;
    color: #fff
}

.plans-alt .plan__type--vip .plan__type-head {
    background-image: linear-gradient(180deg,#b352ff,#8277ff);
    color: #fff
}

.plans-alt .plan__type--vip .plan__type-body span,.plans-alt .plan__type--vip .plan__type-body svg {
    color: #b352ff
}

.plans-alt .plan__type--vip.is-active .plan__type-checkbox {
    background-color: #b352ff;
    border-color: #b352ff;
    color: #fff
}

.plans-alt .plans__actions,.plans-alt .plans__buttons {
    margin-bottom: 2rem
}

.plans-alt .plans__buttons ul {
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

.plans-alt .plans__buttons>ul>li {
    width: 25%;
    padding: .5rem
}

@media (max-width: 360px) {
    .plans-alt .plans__buttons>ul>li {
        width:33.3%
    }
}

.plans-alt .plans__button {
    display: block;
    width: 100%;
    text-align: center;
    border: 1.5px solid #efefef;
    background-color: #f8fcff;
    border-radius: 2rem;
    letter-spacing: -.01em;
    line-height: 1.3;
    overflow: hidden
}

.plans-alt .plans__button.is-active {
    border-color: #ff553c
}

.plans-alt .plans__button.is-active strong {
    background-color: #ff553c;
    color: #fff
}

.plans-alt .plans__button.is-active span {
    color: #000
}

.plans-alt .plans__button span,.plans-alt .plans__button strong {
    display: block
}

.plans-alt .plans__button strong {
    padding: .7rem;
    border-bottom: 1px solid #efefef;
    background-color: #f2f6f9;
    font-style: normal;
    font-size: 2.1rem
}

.plans-alt .plans__button span {
    padding: .75rem;
    font-size: 1.3rem;
    color: #ff553c;
    font-weight: 500
}

.plans-alt .plans__buttons.extra .plans__button span {
    color: #b352ff
}

.plans-alt .plans__buttons.extra .plans__button.is-active {
    border-color: #b352ff
}

.plans-alt .plans__buttons.extra .plans__button.is-active strong {
    background-color: #b352ff
}

.plans-alt .plans__buttons.extra .plans__button.is-active span {
    color: #000
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .plans-alt .plans__actions {
        text-align:center
    }
}

.plans-alt .plans__cta strong {
    font-weight: 700
}

.plans-alt .flex-row {
    margin: -.4rem
}

.plans-alt .flex-col {
    padding: .4rem
}

.plans-alt .plan__col {
    margin-left: auto;
    margin-right: auto
}

.slider-plans {
    max-width: 55.5rem;
    margin: 2rem 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-plans {
        max-width:none;
        width: calc(100% + 2.7rem);
        margin-top: 1.5rem
    }
}

.slider-plans .slider__container {
    padding: 1rem 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-plans .slider__container {
        padding-top:1.5rem
    }
}

.slider-plans .slider__slides {
    margin-left: -1rem
}

.slider-plans .slider__slide {
    padding-left: 1rem;
    width: 11.3rem;
    flex-shrink: 0
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .slider-plans .slider__cta {
        display:none
    }
}

.slider-plans .slider__button {
    width: 9rem;
    height: 3.8rem;
    border-radius: 1.9rem
}

.slider-plans .slider__button:before {
    padding: .3rem;
    border-width: 0 .2rem .2rem 0
}

.slider-plans .slider__button.slider__button--prev {
    left: -4.4rem
}

.slider-plans .slider__button.slider__button--next {
    right: -4.4rem
}

.slider-plans .slider__button.is-disabled {
    opacity: 0
}

.tooltip {
    position: relative;
    z-index: 1001
}

.tooltip .tooltip__btn {
    width: 18px;
    height: 17px;
    color: #ff553c
}

.tooltip-container {
    z-index: 1099;
    font-size: 1.4rem
}

.tooltip-container p {
    color: #62676c
}

.tooltip-container ul {
    list-style: none
}

.tooltip-container ul li+li {
    margin-top: 2rem
}

.tooltip-container ul h6 {
    margin-bottom: 1.3rem;
    font-size: 1.4rem
}

.tooltip-container .tooltip-container__inner {
    width: 25rem;
    padding: 2.2rem 1.9rem;
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 1.989px 3.978px 0 rgba(174,189,217,.07),0 2.652px 15.25px 0 rgba(130,145,152,.19),0 4.641px 15.913px 0 rgba(65,71,79,.08);
    border-radius: .8rem
}

.badge__tooltip-container .tooltip-container__inner {
    padding: 1.5rem 1.75rem
}

.list-features {
    background: #f9f9f9;
    padding: 1.5em 1.8em;
    border-radius: 1.6rem;
    font-weight: 500
}

.list-features>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -.5rem
}

.list-features>ul>li {
    width: 50%;
    position: relative;
    padding: .5rem .5rem .5rem 3.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .list-features>ul>li {
        width:100%
    }
}

.list-features span {
    position: absolute;
    top: .2rem;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    background-color: rgba(255,85,60,.1);
    border-radius: 50%
}

.form {
    position: relative;
    margin-top: 5rem;
    box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(148,222,222,.11);
    border-radius: 1.5rem;
    background-color: #fff
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form {
        margin-left:1.5em;
        margin-right: 1.5em
    }
}

.form .form__entry {
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: -1;
    padding: .6rem 2.1rem;
    border-radius: 1.5rem;
    background-color: #e5fcff;
    color: #638084;
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: -.01em
}

.form .form__entry:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 200%;
    background-color: inherit;
    border-radius: inherit
}

.form .form__content {
    padding: 2.5em 2.5rem 3.6rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form .form__content {
        padding:0
    }
}

.form .form__status {
    margin-bottom: 3rem;
    font-size: 1.6rem;
    text-align: center
}

.form .spinner {
    margin: 0 2rem
}

.form--contact {
    max-width: 70rem;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto
}

.form--contact .form__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding: 2rem 2.5rem;
    border-top: 1px solid #eee
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form--contact .form__actions {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.form--contact .field .field__label {
    width: 33.3334%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form--contact .field .field__label {
        width:100%
    }
}

.form--contact .field .field__label .field__control {
    width: 66.6667%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form--contact .field .field__label .field__control {
        width:100%
    }
}

.form--reviews {
    max-width: 64rem;
    margin: 5rem auto;
    padding: 3rem 4rem;
    box-shadow: 0 4px 14px rgba(148,222,222,.11);
    border-radius: 15px;
    overflow: hidden
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form--reviews {
        margin:2rem auto;
        padding: 0;
        order: 1
    }
}

.form--reviews .form__inner {
    transition: opacity .4s
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form--reviews .form__actions {
        border-top:1px solid #eee;
        padding: 1.5rem
    }
}

.form--reviews .flex-row {
    margin-right: -2rem;
    margin-left: -2rem
}

.form--reviews .flex-row>.flex-col {
    padding-right: 2rem;
    padding-left: 2rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form--reviews .flex-row>.flex-col+.flex-col {
        margin-top:.4rem;
        border-top: 1px solid #eee
    }
}

.form--reviews .field textarea.field__input {
    height: 10.6rem
}

.form--reviews .form__close-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.form--reviews.is-loading .form__inner {
    opacity: .5
}

.form--reviews .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px
}

.burger {
    position: relative;
    z-index: 15;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f1f1f1;
    transition: background .4s
}

.burger:after {
    content: none;
    position: absolute;
    top: -7px;
    right: -7.5px;
    width: 7px;
    height: 7px;
    background: #ff553c;
    border: 5px solid #fff;
    border-radius: 50%;
    box-sizing: content-box
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .burger:after {
        content:""
    }

    .burger {
        width: 32px;
        height: 32px
    }
}

.burger:hover {
    background: #f1f1f1
}

.burger span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    height: 2px;
    width: 12px;
    background: #363a3e;
    border-radius: 1px;
    transition: top .2s .25s,opacity .2s .25s,transform .2s 0s,background .2s
}

.burger span:first-child {
    top: 37%
}

.burger span:nth-child(3) {
    top: 63%
}

.nav__burger.is-opened .burger {
    background: #f1f1f1
}

.nav__burger.is-opened .burger span {
    transition: background .2s,top .2s,opacity .2s,transform .2s .25s
}

.nav__burger.is-opened .burger span:first-child,.nav__burger.is-opened .burger span:nth-child(3) {
    top: 50%
}

.nav__burger.is-opened .burger span:nth-child(2) {
    opacity: 0
}

.nav__burger.is-opened .burger span:first-child {
    transform: translate(-50%,-50%) rotate(45deg)
}

.nav__burger.is-opened .burger span:nth-child(3) {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.price {
    display: inline-block;
    letter-spacing: -.01em;
    -moz-text-align-last: left;
    text-align-last: left
}

.price .price__top {
    display: flex;
    align-items: flex-start;
    margin-bottom: .8rem;
    font-weight: 600;
    line-height: 1
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .price .price__top {
        justify-content:center
    }
}

.price .price__top strike {
    color: #9ca0a5;
    font-size: 1.6rem;
    padding-left: .4rem
}

@media(max-width: 374px) {
    .price .price__top strike {
        font-size:1.4rem
    }
}

.price .price__top strong {
    color: #494c50;
    font-size: 3.2rem
}

@media(max-width: 374px) {
    .price .price__top strong {
        font-size:2.6rem
    }
}

.price .price__top sup {
    opacity: .7;
    font-size: 1.4rem
}

.price .price__bottom {
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    color: #494c50;
    letter-spacing: -.01em;
    font-weight: 500
}

@media(min-width: 1023.02px) {
    .price .price__bottom {
        font-size:1.35rem
    }
}

.price .price__bottom .text {
    flex: 1 1
}

.price .price__bottom .savings {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
    color: #54b238;
    font-weight: 600
}

.price .price__bottom i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #c9fdbf;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.70905 1.66712C0.716614 1.25264 1.06106 0.908204 1.47513 0.901079L6.22148 0.818519C6.63598 0.811376 7.21425 1.04519 7.50681 1.33773L12.7832 6.61352C13.2417 7.07202 13.2414 7.81485 12.7832 8.27292L8.08175 12.9746C7.62322 13.4328 6.88034 13.4331 6.42182 12.9746L1.14625 7.69882C0.8537 7.40629 0.619987 6.82805 0.627112 6.41357L0.70905 1.66712ZM3.28087 5.76889C3.91524 6.40322 4.943 6.40322 5.57778 5.76931C6.21171 5.13458 6.21171 4.10687 5.57778 3.47254C4.943 2.83821 3.91524 2.83821 3.28044 3.47212C2.6465 4.10686 2.64651 5.13456 3.28087 5.76889Z" fill="%2354B238"/> </svg>');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50%
}

.questions {
    position: relative;
    border-radius: 3.3rem;
    padding: 10rem 4rem 5rem;
    max-width: 96.5rem;
    margin: 0 auto
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .questions {
        padding:12.8rem 1.5rem 5rem
    }
}

.questions:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e1fcff;
    border-radius: 3.3rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .questions:before {
        width:150%;
        transform: translate(-50%);
        left: 50%;
        border-radius: 99.9rem 99.9rem 0 0
    }
}

.questions>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -1.2rem -.8rem
}

.questions>ul>li {
    width: 50%;
    padding: 1.2rem .8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .questions>ul>li {
        width:100%
    }
}

.questions .blobs {
    width: 23rem;
    position: absolute;
    left: 50%;
    top: -10rem;
    transform: translateX(-50%)
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .questions .blobs {
        width:28rem
    }
}

.question {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.45;
    cursor: pointer
}

.question h3 {
    margin-bottom: 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .question h3 {
        margin-bottom:1.5rem
    }
}

.question .question__inner {
    position: relative;
    background-color: #fff;
    padding: 2.7rem 3.6rem;
    border-radius: 2.4rem;
    overflow: hidden
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .question .question__inner {
        padding:3rem 2.8rem
    }
}

.question .question__inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(1turn,#fff 3.75%,hsla(0,0%,100%,0));
    transition: opacity .5s
}

.question .question__entry {
    max-height: 21.3rem;
    padding-bottom: 4rem;
    color: #474747;
    opacity: .9;
    transition-property: max-height opacity;
    transition-timing-function: cubic-bezier(1,0,0,1);
    transition-duration: .5s
}

.question .question__entry a {
    position: relative;
    z-index: 10
}

.question .question__btn {
    position: absolute;
    z-index: 10;
    bottom: 2.2rem
}

.question .svg-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    transform: translate(17%,-33.8%)
}

.question .svg-icon path {
    fill: #e5fcff
}

.question .svg-icon circle {
    fill: #3a9ea9
}

.question.is-expanded .question__inner:before {
    opacity: 0
}

.question.is-expanded .question__entry {
    max-height: 130rem;
    opacity: 1
}

.article {
    position: relative;
    height: 100%;
    font-size: 1.6rem;
    line-height: 1.5
}

.article .article__image {
    position: relative;
    width: 100%;
    padding-bottom: 53%;
    margin-bottom: 2rem;
    border-radius: 2.8rem;
    overflow: hidden
}

.article .article__image a {
    display: block;
    text-decoration: none
}

.article .article__image .blobs {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,13%);
    width: 74%
}

.article .article__head {
    margin-bottom: 1.8rem;
    color: #626366
}

.article .article__head h6.article__category {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: 1rem;
    color: #ff553c;
    font-size: 1.6rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article .article__head h6.article__category {
        font-size:1.5rem
    }
}

.article .article__head h6.article__category:not(:last-of-type):after {
    content: ", "
}

.article .article__head h1,.article .article__head h3 {
    color: #313336
}

.article .article__head h3 {
    letter-spacing: -.01em
}

.article .article__head h1 {
    margin-bottom: 2rem;
    font-size: 5.9rem;
    line-height: 1.1;
    letter-spacing: -.02em
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article .article__head h1 {
        margin-bottom:1.5rem;
        font-size: 3rem;
        line-height: 1.25
    }
}

.article .article__head a {
    color: inherit;
    text-decoration: none;
    background: none;
    transition: color .4s
}

.article .article__head a:hover {
    color: #ff553c
}

.article .article__excerpt {
    margin-bottom: 2.6rem;
    font-size: 1.9rem;
    letter-spacing: -.01em;
    line-height: 1.5
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article .article__excerpt {
        font-size:1.8rem;
        line-height: 1.4
    }
}

.article .article__footer {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #a4a6ab
}

.article .article__author {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    font-size: 1.4rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article .article__author {
        text-align:left;
        font-size: 1.3rem
    }
}

.article .article__author-content {
    display: flex;
    flex-flow: row wrap;
    padding-left: 1.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article .article__author-content {
        display:block;
        padding-left: 1rem
    }
}

.article .article__author-content p {
    margin-bottom: 0
}

.article .article__author-image {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden
}

.article .article__author-name {
    padding-right: 1.5rem;
    color: #ff553c
}

.article .article__date {
    color: #a4a6ab
}

.article .article__content {
    margin-bottom: 3rem;
    width: 90%;
    letter-spacing: -.01em
}

.article .article__content h2 {
    margin-bottom: 1.6rem;
    font-size: 3.3rem;
    line-height: 1.2
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article .article__content h2 {
        margin-bottom:2.3rem;
        font-size: 2.7rem;
        line-height: 1.25
    }
}

.article .article__content>ol:not([class]),.article .article__content>ol:not([class]) ol,.article .article__content>ol:not([class]) ul,.article .article__content>ul:not([class]),.article .article__content>ul:not([class]) ol,.article .article__content>ul:not([class]) ul {
    padding-left: 2rem
}

.article--red .article__image {
    background-color: #ff553c
}

.article--red .blobs .blob .blob__body {
    fill: #ffb6ab
}

.article--red .blobs .blob .blob__face {
    stroke: #ff553c
}

.article--yellow .article__image {
    background-color: #fff3d6
}

.article--yellow .blobs .blob .blob__body {
    fill: #fada8a
}

.article--yellow .blobs .blob .blob__face {
    stroke: #d09500
}

.article--green .article__image {
    background-color: #e3f8ec
}

.article--green .blobs .blob .blob__body {
    fill: #c3f4c2
}

.article--green .blobs .blob .blob__face {
    stroke: #3bd839
}

.article--cyan .article__image {
    background-color: #cdf9fe
}

.article--cyan .blobs .blob .blob__body {
    fill: #acf1f9
}

.article--cyan .blobs .blob .blob__face {
    stroke: #3eb2be
}

.article--primary {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem
}

.article--primary .article__image {
    padding-bottom: 60%;
    margin-bottom: 4.5rem
}

.article--primary .article__image .blobs {
    width: 90%
}

.article--primary .article__head h6 {
    font-size: 2.1rem
}

.article--primary .article__head h3 {
    font-size: 4.4rem;
    line-height: 1.25;
    letter-spacing: -.02em
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article--primary .article__head h3 {
        font-size:2.8rem;
        line-height: 1.2
    }
}

.article--primary .article__content {
    margin-bottom: 3rem;
    font-size: 2.1rem;
    line-height: 1.4
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article--primary .article__content {
        font-size:1.9rem;
        line-height: 1.45
    }
}

.article--primary .article__author {
    font-size: 1.5rem
}

.article--single .article__head {
    text-align: center;
    margin-bottom: 4rem
}

.article--single .article__head h6 {
    margin-bottom: 2.5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article--single .article__head h6 {
        margin-bottom:1.5rem
    }
}

.article--single .article__image {
    padding-bottom: 60%;
    margin-bottom: 7rem;
    background-color: #ff553c
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article--single .article__image {
        margin-bottom:3rem;
        padding-bottom: 64%
    }
}

.article--single .article__author {
    justify-content: center
}

.article--single .article__author-name a:hover {
    text-decoration: underline
}

.article--single .article__content {
    font-size: 1.8rem;
    line-height: 1.45
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article--single .article__content {
        line-height:1.4
    }
}

.article--single .article__author-card {
    margin: 2rem 0 1.5rem;
    justify-content: center;
    text-align: center
}

@media(min-width: 767.02px) {
    .article--single .article__author-card {
        max-width:95%;
        justify-content: flex-start;
        text-align: left
    }
}

.article--single .article__author-card>div {
    border: 1px solid #ececec;
    border-radius: 24px;
    padding: 28px 24px;
    position: relative
}

@media(min-width: 767.02px) {
    .article--single .article__author-card>div {
        padding:36px 32px;
        border-radius: 32px
    }
}

.article--single .article__author-card .author__avatar {
    flex: 1 1 100%;
    margin-bottom: 1.5rem
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__avatar {
        flex:0 1 auto;
        margin-bottom: 0
    }
}

.article--single .article__author-card .author__avatar>div {
    --size: 120px;
    border: 8px solid #ff553c;
    position: relative;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__avatar>div {
        --size:134px;
        margin: 0
    }

    .article--single .article__author-card .author__avatar {
        margin-right: 3.5rem
    }
}

.article--single .article__author-card .author__meta {
    flex: 1 1
}

.article--single .article__author-card .author__name {
    font-size: 24px
}

.article--single .article__author-card .author__name a {
    color: inherit;
    transition: .15s linear
}

.article--single .article__author-card .author__name a:hover {
    background: none;
    color: #ff553c
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__name {
        font-size:30px
    }
}

.article--single .article__author-card .author__roles {
    display: flex;
    margin-top: 1rem;
    justify-content: center
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__roles {
        justify-content:flex-start
    }
}

.article--single .article__author-card .author__roles .role {
    font-weight: 500;
    font-size: 13px;
    color: #ff553c;
    margin-bottom: 4px;
    line-height: 1
}

.article--single .article__author-card .author__roles .role:not(:last-of-type) {
    margin-right: 4px
}

.article--single .article__author-card .author__roles .role:not(:last-of-type):after {
    content: ", "
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__roles .role {
        font-size:14px
    }
}

.article--single .article__author-card .author__socials {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 0
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__socials {
        position:absolute;
        top: 24px;
        right: 24px;
        width: auto;
        margin-top: 0
    }
}

.article--single .article__author-card .author__socials .social {
    --size: 17px;
    margin: 0 .5rem
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__socials .social {
        --size:18px
    }
}

.article--single .article__author-card .author__bio {
    margin-top: 1.25rem;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.33
}

.article--single .article__author-card .author__bio p {
    margin-left: auto;
    margin-right: auto
}

.article--single .article__author-card .author__bio p:after {
    content: ".."
}

@media(min-width: 767.02px) {
    .article--single .article__author-card .author__bio {
        font-size:15px
    }

    .article--single .article__author-card .author__bio p {
        margin-left: 0;
        max-width: 80%
    }
}

@media(min-width: 1023.02px) {
    .article--single .article__author-card .author__bio p {
        max-width:75%
    }
}

.article--single .article__toc {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 40px
}

@media(min-width: 1023.02px) {
    .article--single .article__toc {
        margin-bottom:56px
    }
}

.article--single .article__toc .toc__inner {
    display: inline-block;
    width: 100%;
    max-width: 620px;
    background: #f1f3f8;
    border-radius: 30px;
    padding: 24px 18px
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__inner {
        padding:40px 32px 28px
    }
}

.article--single .article__toc .toc__highlight {
    width: 100%;
    margin-bottom: 16px
}

.article--single .article__toc .toc__highlight>div {
    display: inline-block;
    width: auto;
    background: #ff553c;
    padding: 5px 20px;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
    border-radius: 999px
}

.article--single .article__toc .toc__highlight>div span.emoji {
    font-size: 2em;
    line-height: 0
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__highlight>div {
        font-size:13.5px
    }
}

.article--single .article__toc .toc__title {
    margin-top: 8px;
    margin-bottom: 24px
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__title {
        font-size:27px
    }
}

.article--single .article__toc .toc__list {
    margin: 16px 0;
    padding-left: 0;
    list-style-type: none
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__list {
        margin-left:8px
    }
}

.article--single .article__toc .toc__list li {
    display: flex;
    flex-flow: row wrap;
    margin: 14px 0;
    color: #313336
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__list li {
        max-width:95%
    }
}

.article--single .article__toc .toc__list li a {
    color: inherit;
    position: relative;
    font-size: 15px;
    letter-spacing: -.01em;
    font-weight: 500;
    padding-left: 28px;
    transition: .15s linear
}

.article--single .article__toc .toc__list li a:hover {
    color: #ff553c
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__list li a {
        padding-left:40px;
        font-size: 15.5px
    }
}

.article--single .article__toc .toc__list li a span.icon-arrow-down_round {
    --size: 17px;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: var(--size);
    height: var(--size);
    background-color: #000;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.10945 0.226562L5.14793 0.227747L5.1537 9.78885L2.32171 6.96028L0.935547 8.34812L6.13335 13.5396L11.3249 8.34184L9.93704 6.95568L7.11522 9.78091L7.10945 0.226562Z" fill="white"/> </svg>');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media(min-width: 1023.02px) {
    .article--single .article__toc .toc__list li a span.icon-arrow-down_round {
        --size:24px;
        top: 0
    }
}

.article--excerpt {
    padding: 2.1rem 2.1rem 3rem;
    border: 1px solid #ececec;
    border-radius: 2.8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .article--excerpt {
        padding-left:1.8rem;
        padding-right: 1.8rem
    }
}

.author {
    justify-content: center;
    text-align: center;
    margin: 5rem 0
}

.author .author__avatar {
    flex: 1 1 100%;
    margin-top: 1rem;
    margin-bottom: 3rem
}

.author .author__avatar>div {
    --size: 240px;
    border: 10px solid #ff553c;
    position: relative;
    width: var(--size);
    height: var(--size);
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    overflow: hidden
}

@media(max-width: 1023px) {
    .author .author__avatar>div {
        --size:220px
    }
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .author .author__avatar>div {
        --size:180px
    }
}

.author .author__name {
    margin-bottom: 2rem
}

.author .author__roles {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: .5rem 0 1rem
}

.author .author__roles .role {
    margin: .15rem .25rem;
    padding: .5rem 1.75rem;
    border-radius: 999px;
    background: #ff553c;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .author .author__roles .role {
        font-size:13px
    }
}

.author .author__socials {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    justify-content: center
}

.author .author__description {
    margin: 2rem auto
}

.author .author__badges {
    width: 100%;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    border: 1px solid #e1e5f2;
    border-radius: 1rem;
    position: relative;
    padding: 4rem 1.6rem 2rem;
    overflow: hidden;
    grid-gap: 2rem;
    gap: 2rem
}

@media(min-width: 767.02px) {
    .author .author__badges {
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap: 5rem;
        padding: 5rem 2.5rem 3rem
    }
}

@media(min-width: 1023.02px) {
    .author .author__badges {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}

.author .author__badges-title {
    position: absolute;
    background: #e1e5f2;
    border-bottom-right-radius: 1rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .04813rem;
    color: #8e8e8e;
    padding: .6rem 1rem
}

@media(min-width: 767.02px) {
    .author .author__badges-title {
        padding:.6rem 1.6rem
    }
}

.author .author__badges .badge {
    padding: 1rem;
    position: relative
}

.author .author__badges .badge:before {
    content: "";
    position: absolute;
    top: 5%;
    right: -1rem;
    width: 1px;
    height: 90%;
    background: #e1e5f2;
    z-index: 9
}

@media(min-width: 767.02px) {
    .author .author__badges .badge:before {
        right:-2.5rem
    }
}

.author .author__badges .badge:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 5%;
    width: 90%;
    height: 1px;
    background: #e1e5f2;
    z-index: 9
}

@media(min-width: 767.02px) {
    .author .author__badges .badge:after {
        bottom:-2.5rem
    }
}

.author .author__badges .badge:last-child:after,.author .author__badges .badge:nth-child(odd):before,.author .author__badges .badge:nth-last-child(2):after {
    content: none
}

@media(min-width: 767.02px) {
    .author .author__badges .badge:last-child:after,.author .author__badges .badge:nth-child(odd):before,.author .author__badges .badge:nth-last-child(2):after {
        content:""
    }

    .author .author__badges .badge:nth-child(4n+1):before,.author .author__badges .badge:nth-last-child(-n+4):after {
        content: none
    }
}

@media(min-width: 1023.02px) {
    .author .author__badges .badge:nth-child(4n+1):before,.author .author__badges .badge:nth-last-child(-n+4):after {
        content:""
    }

    .author .author__badges .badge:nth-child(6n+1):before,.author .author__badges .badge:nth-last-child(-n+6):after {
        content: none
    }
}

.author .author__badges .badge__tooltip {
    position: absolute;
    top: 0;
    right: -.5rem;
    z-index: 99
}

.author .author__badges .badge__tooltip .tooltip__btn {
    color: #9da4bb
}

@media(min-width: 767.02px) {
    .author .author__badges .badge__tooltip {
        right:-1rem
    }
}

@media(min-width: 1023.02px) {
    .author .author__badges .badge__tooltip {
        right:-1.5rem
    }
}

.author .author__badges .badge__image {
    position: relative;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 767.02px) {
    .author .author__badges .badge__image {
        width:90px;
        height: 90px
    }
}

.author__socials {
    width: 100%
}

.author__socials .social {
    margin: .25rem .75rem;
    --size: 24px;
    line-height: 1
}

.author__socials .social a {
    background: none
}

.author__socials .social span.icon {
    display: inline-block;
    width: var(--size);
    height: var(--size);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.author__socials .social span.icon--facebook {
    background-image: url('data:image/svg+xml;utf8,<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M25.0549 12.5275C25.0549 5.6123 19.4426 0 12.5275 0C5.6123 0 0 5.6123 0 12.5275C0 18.5908 4.30945 23.6393 10.022 24.8044V16.2857H7.51648V12.5275H10.022V9.3956C10.022 6.9778 11.9888 5.01098 14.4066 5.01098H17.5384V8.76922H15.033C14.3439 8.76922 13.7802 9.33296 13.7802 10.022V12.5275H17.5384V16.2857H13.7802V24.9923C20.1066 24.3659 25.0549 19.0292 25.0549 12.5275Z" fill="%238D97B2"/> </svg>')
}

.author__socials .social span.icon--instagram {
    background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.6279 12.5969C16.6279 13.3942 16.3915 14.1735 15.9486 14.8364C15.5057 15.4993 14.8761 16.016 14.1395 16.3211C13.403 16.6262 12.5925 16.706 11.8105 16.5505C11.0286 16.3949 10.3103 16.011 9.74656 15.4473C9.18282 14.8835 8.7989 14.1653 8.64336 13.3833C8.48782 12.6014 8.56765 11.7909 8.87275 11.0543C9.17785 10.3177 9.69451 9.68819 10.3574 9.24526C11.0203 8.80232 11.7997 8.56591 12.5969 8.56591C13.665 8.56923 14.6884 8.99499 15.4436 9.75023C16.1989 10.5055 16.6246 11.5289 16.6279 12.5969ZM25.1938 7.05428V18.1396C25.1938 20.0105 24.4506 21.8048 23.1277 23.1277C21.8048 24.4506 20.0105 25.1938 18.1396 25.1938H7.05428C5.18337 25.1938 3.38908 24.4506 2.06615 23.1277C0.743216 21.8048 0 20.0105 0 18.1396V7.05428C0 5.18337 0.743216 3.38908 2.06615 2.06615C3.38908 0.743216 5.18337 0 7.05428 0H18.1396C20.0105 0 21.8048 0.743216 23.1277 2.06615C24.4506 3.38908 25.1938 5.18337 25.1938 7.05428ZM18.6434 12.5969C18.6434 11.401 18.2888 10.232 17.6244 9.23765C16.96 8.24331 16.0157 7.46831 14.9108 7.01066C13.806 6.55302 12.5902 6.43328 11.4173 6.66658C10.2444 6.89989 9.16701 7.47576 8.32138 8.32138C7.47576 9.16701 6.89989 10.2444 6.66658 11.4173C6.43328 12.5902 6.55302 13.806 7.01066 14.9108C7.46831 16.0157 8.24331 16.96 9.23765 17.6244C10.232 18.2888 11.401 18.6434 12.5969 18.6434C14.2006 18.6434 15.7385 18.0064 16.8725 16.8725C18.0064 15.7385 18.6434 14.2006 18.6434 12.5969ZM20.659 6.04652C20.659 5.74755 20.5703 5.45529 20.4042 5.20671C20.2381 4.95812 20.002 4.76437 19.7258 4.64996C19.4496 4.53555 19.1456 4.50561 18.8524 4.56394C18.5592 4.62226 18.2898 4.76623 18.0784 4.97764C17.867 5.18904 17.7231 5.45839 17.6647 5.75162C17.6064 6.04485 17.6363 6.34878 17.7508 6.625C17.8652 6.90121 18.0589 7.1373 18.3075 7.3034C18.5561 7.4695 18.8483 7.55815 19.1473 7.55815C19.5482 7.55815 19.9327 7.39889 20.2162 7.11541C20.4997 6.83192 20.659 6.44743 20.659 6.04652Z" fill="%238D97B2"/> </svg>')
}

.author__socials .social span.icon--twitter {
    background-image: url('data:image/svg+xml;utf8,<svg width="26" height="22" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26 2.73975C25.0439 3.16282 24.0034 3.46731 22.9316 3.5859C24.0443 2.90781 24.8776 1.83654 25.2751 0.57308C24.2309 1.21022 23.0871 1.657 21.8942 1.89359C21.3957 1.34688 20.7927 0.911348 20.1229 0.614129C19.4531 0.31691 18.7308 0.164375 18.001 0.166029C15.0482 0.166029 12.6735 2.62116 12.6735 5.63397C12.6735 6.05705 12.7235 6.48013 12.8047 6.88718C8.38337 6.65 4.44009 4.48333 1.81853 1.16603C1.34086 2.00294 1.09054 2.95585 1.09362 3.92564C1.09362 5.82308 2.03413 7.49615 3.46833 8.48013C2.62314 8.44598 1.79773 8.20768 1.05925 7.78461V7.85192C1.05925 10.509 2.89028 12.7109 5.33061 13.2173C4.87241 13.3394 4.40106 13.4018 3.92765 13.4032C3.58082 13.4032 3.25273 13.3679 2.92152 13.3199C3.59644 15.4865 5.56183 17.0602 7.90218 17.1115C6.07115 18.5827 3.77767 19.4481 1.28735 19.4481C0.840524 19.4481 0.428074 19.432 0 19.3808C2.36222 20.9352 5.165 21.8327 8.18339 21.8327C17.9822 21.8327 23.3441 13.5058 23.3441 6.2782C23.3441 6.04103 23.3441 5.80385 23.3284 5.56667C24.3658 4.78782 25.2751 3.82308 26 2.73975Z" fill="%238D97B2"/> </svg>')
}

.author__socials .social span.icon--linkedin {
    background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.932 0C23.6922 0 24.4213 0.302005 24.9589 0.839578C25.4965 1.37715 25.7985 2.10626 25.7985 2.8665V22.932C25.7985 23.6922 25.4965 24.4213 24.9589 24.9589C24.4213 25.4965 23.6922 25.7985 22.932 25.7985H2.8665C2.10626 25.7985 1.37715 25.4965 0.839578 24.9589C0.302005 24.4213 0 23.6922 0 22.932V2.8665C0 2.10626 0.302005 1.37715 0.839578 0.839578C1.37715 0.302005 2.10626 0 2.8665 0H22.932ZM22.2154 22.2154V14.6191C22.2154 13.3799 21.7231 12.1915 20.8469 11.3153C19.9706 10.439 18.7822 9.94675 17.543 9.94675C16.3247 9.94675 14.9058 10.692 14.2178 11.81V10.2191H10.2191V22.2154H14.2178V15.1494C14.2178 14.0458 15.1065 13.1429 16.2101 13.1429C16.7422 13.1429 17.2526 13.3543 17.6289 13.7306C18.0052 14.1069 18.2166 14.6173 18.2166 15.1494V22.2154H22.2154ZM5.56101 7.96887C6.19961 7.96887 6.81206 7.71518 7.26362 7.26362C7.71518 6.81206 7.96887 6.19961 7.96887 5.56101C7.96887 4.22809 6.89393 3.13882 5.56101 3.13882C4.9186 3.13882 4.30251 3.39401 3.84826 3.84826C3.39401 4.30251 3.13882 4.9186 3.13882 5.56101C3.13882 6.89393 4.22809 7.96887 5.56101 7.96887ZM7.55323 22.2154V10.2191H3.58312V22.2154H7.55323Z" fill="%238D97B2"/> </svg>')
}

.author__socials .social span.icon--website {
    background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.466 4.29975C11.8461 4.29975 12.2107 4.45075 12.4795 4.71954C12.7482 4.98832 12.8992 5.35288 12.8992 5.733C12.8992 6.11312 12.7482 6.47767 12.4795 6.74646C12.2107 7.01524 11.8461 7.16625 11.466 7.16625H2.8665V22.932H18.6322V14.3325C18.6322 13.9524 18.7832 13.5878 19.052 13.319C19.3208 13.0502 19.6854 12.8992 20.0655 12.8992C20.4456 12.8992 20.8102 13.0502 21.079 13.319C21.3477 13.5878 21.4987 13.9524 21.4987 14.3325V22.932C21.4987 23.6922 21.1967 24.4213 20.6592 24.9589C20.1216 25.4965 19.3925 25.7985 18.6322 25.7985H2.8665C2.10626 25.7985 1.37715 25.4965 0.839578 24.9589C0.302005 24.4213 0 23.6922 0 22.932V7.16625C0 6.406 0.302005 5.6769 0.839578 5.13933C1.37715 4.60175 2.10626 4.29975 2.8665 4.29975H11.466ZM24.3652 0C24.7454 0 25.1099 0.151003 25.3787 0.419789C25.6475 0.688575 25.7985 1.05313 25.7985 1.43325V8.5995C25.7985 8.97962 25.6475 9.34417 25.3787 9.61296C25.1099 9.88174 24.7454 10.0327 24.3652 10.0327C23.9851 10.0327 23.6206 9.88174 23.3518 9.61296C23.083 9.34417 22.932 8.97962 22.932 8.5995V4.89311L11.0461 16.7791C10.7757 17.0401 10.4137 17.1846 10.0379 17.1813C9.66211 17.1781 9.30264 17.0273 9.0369 16.7616C8.77116 16.4959 8.62043 16.1364 8.61716 15.7606C8.6139 15.3848 8.75836 15.0228 9.01944 14.7524L20.9054 2.8665H17.199C16.8189 2.8665 16.4543 2.7155 16.1855 2.44671C15.9167 2.17792 15.7657 1.81337 15.7657 1.43325C15.7657 1.05313 15.9167 0.688575 16.1855 0.419789C16.4543 0.151003 16.8189 0 17.199 0H24.3652Z" fill="%238D97B2"/> </svg>')
}

.author__socials .social span.icon--email {
    background-image: url('data:image/svg+xml;utf8,<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M25.9999 13.0548V13.2423C25.9499 15.0298 25.2874 17.0548 22.4999 17.0548C19.7124 17.0548 18.9999 14.8798 18.9999 13.0548V8.05481C19.0002 7.91806 18.9724 7.78271 18.9183 7.65712C18.8641 7.53153 18.7848 7.41838 18.6853 7.32466C18.5857 7.23093 18.4679 7.15863 18.3393 7.11222C18.2107 7.0658 18.0739 7.04626 17.9374 7.05481C17.6788 7.07693 17.4382 7.19632 17.2642 7.38888C17.0903 7.58143 16.9958 7.83282 16.9999 8.09231V8.59231C15.9051 7.5987 14.4783 7.0503 12.9999 7.05481C11.9735 7.05332 10.9639 7.31515 10.0675 7.81528C9.17124 8.31541 8.41822 9.03712 7.88048 9.91138C7.34274 10.7856 7.03828 11.7832 6.99619 12.8088C6.9541 13.8343 7.17581 14.8535 7.6401 15.7689C8.10439 16.6843 8.79575 17.4653 9.64806 18.0372C10.5004 18.609 11.4852 18.9527 12.5082 19.0353C13.5313 19.118 14.5585 18.9367 15.4915 18.509C16.4245 18.0813 17.2322 17.4213 17.8374 16.5923C17.9645 16.8102 18.1065 17.019 18.2624 17.2173C18.9374 18.0548 20.2124 19.0548 22.4999 19.0548C22.8854 19.0553 23.2702 19.0219 23.6499 18.9548C23.7441 18.9388 23.841 18.9502 23.929 18.9876C24.017 19.0249 24.0924 19.0867 24.1463 19.1657C24.2003 19.2446 24.2305 19.3373 24.2333 19.4329C24.2361 19.5284 24.2115 19.6228 24.1624 19.7048C22.9884 21.6779 21.3128 23.3048 19.306 24.4201C17.2992 25.5355 15.0329 26.0995 12.7374 26.0548C5.88738 25.9173 0.274885 20.4048 0.012385 13.5673C-0.063258 11.8356 0.208179 10.1062 0.81073 8.48096C1.41328 6.8557 2.33478 5.36734 3.52101 4.10345C4.70724 2.83955 6.13425 1.82565 7.7181 1.12138C9.30195 0.417116 11.0106 0.0367046 12.7437 0.00252742C14.4767 -0.0316497 16.1991 0.281098 17.8095 0.922372C19.4198 1.56365 20.8857 2.5205 22.1209 3.73664C23.356 4.95278 24.3355 6.40365 25.0016 8.0039C25.6678 9.60415 26.0072 11.3215 25.9999 13.0548ZM8.99988 13.0548C8.99988 13.8459 9.23448 14.6193 9.67401 15.2771C10.1135 15.9349 10.7382 16.4476 11.4692 16.7503C12.2001 17.0531 13.0043 17.1323 13.7802 16.978C14.5562 16.8236 15.2689 16.4426 15.8283 15.8832C16.3877 15.3238 16.7687 14.6111 16.923 13.8352C17.0774 13.0592 16.9982 12.255 16.6954 11.5241C16.3927 10.7932 15.88 10.1685 15.2222 9.72893C14.5644 9.28941 13.791 9.05481 12.9999 9.05481C11.94 9.05811 10.9245 9.48059 10.1751 10.23C9.42567 10.9795 9.00318 11.995 8.99988 13.0548Z" fill="%238D97B2"/> </svg>')
}

.reviews-trustpilot {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 1.2rem;
    font-weight: 500;
    font-size: 1.3rem
}

.reviews-trustpilot .reviews__logo {
    margin-bottom: .5rem
}

.reviews-trustpilot .reviews__stars {
    display: inline-flex;
    margin-bottom: .5rem
}

.reviews-trustpilot .reviews__stars li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    color: #fff;
    background-color: #eee
}

.reviews-trustpilot .reviews__stars li.is-active {
    background-color: #51b37f
}

.reviews-trustpilot .reviews__stars li+li {
    margin-left: 2px
}

.reviews-trustpilot.inlined {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.reviews-trustpilot.inlined .reviews__stars {
    margin-bottom: 0
}

.reviews-trustpilot.inlined .reviews__stars li {
    width: 2.2rem;
    height: 2.2rem
}

@media(min-width: 374.02px) {
    .reviews-trustpilot.inlined .reviews__stars li {
        width:2.5rem;
        height: 2.5rem
    }
}

@media(min-width: 575.02px) {
    .reviews-trustpilot.inlined .reviews__stars li {
        width:3rem;
        height: 3rem
    }
}

.reviews-trustpilot.inlined p:last-child {
    margin-left: .65rem
}

.spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    animation: spinner 2.5s linear infinite both
}

.spinner i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: spinner-dot 2s ease-in-out infinite both
}

.spinner i:before {
    content: "";
    display: block;
    width: 25%;
    height: 25%;
    background-color: #ff553c;
    border-radius: 100%;
    animation: spinner-dot-before 2s ease-in-out infinite both
}

.spinner i:first-child,.spinner i:first-child:before {
    animation-delay: -1.1s
}

.spinner i:nth-child(2),.spinner i:nth-child(2):before {
    animation-delay: -1s
}

.spinner i:nth-child(3),.spinner i:nth-child(3):before {
    animation-delay: -.9s
}

.spinner i:nth-child(4),.spinner i:nth-child(4):before {
    animation-delay: -.8s
}

.spinner i:nth-child(5),.spinner i:nth-child(5):before {
    animation-delay: -.7s
}

.spinner i:nth-child(6),.spinner i:nth-child(6):before {
    animation-delay: -.6s
}

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-dot {
    80%,to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-dot-before {
    50% {
        transform: scale(.4)
    }

    0%,to {
        transform: scale(1)
    }
}

.dropdown {
    position: relative
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .dropdown {
        margin-bottom:1rem
    }
}

.dropdown__button {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 1.1rem;
    color: #4d5158;
    box-shadow: 0 4px 9px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.02);
    padding: 1rem 1.5rem;
    font-size: 12.5px;
    cursor: pointer
}

.dropdown__button .svg-icon {
    width: 14px;
    height: 14px
}

@media(min-width: 767.02px) {
    .dropdown__button .svg-icon {
        width:17px;
        height: 17px
    }
}

.dropdown__button:active,.dropdown__button:hover {
    box-shadow: 0 0 2px rgba(0,0,0,.05)
}

.dropdown__button .label {
    margin-left: .75rem;
    margin-right: 1rem
}

@media(min-width: 767.02px) {
    .dropdown__button .label {
        margin-left:1rem
    }
}

.dropdown__button .icon-chevron {
    display: inline-block;
    width: 8px;
    height: 13px;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.69937 4.87206L5.00008 0.274902L0.300781 4.87206L1.69937 6.30173L5.00008 3.07276L8.30078 6.30173L9.69937 4.87206Z" fill="%23505960"/> <path d="M9.69937 11.1934L5.00008 15.7905L0.300781 11.1934L1.69937 9.7637L5.00008 12.9927L8.30078 9.7637L9.69937 11.1934Z" fill="%23505960"/> </svg>');
    background-size: 100%;
    background-position: 50%;
    margin-left: 1rem
}

@media(min-width: 767.02px) {
    .dropdown__button .icon-chevron {
        width:10px;
        height: 15px
    }
}

.dropdown__list {
    position: absolute;
    top: -1rem;
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .15s cubic-bezier(.25,.46,.45,.94);
    width: -moz-max-content;
    width: max-content;
    max-height: 250px;
    overflow-y: scroll;
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    border: .5px solid #f5f6f8;
    box-shadow: 0 1px 2px rgba(0,0,0,.12),0 3.3526px 16.763px rgba(0,0,0,.04)
}

.dropdown__item {
    transition: .2s linear;
    margin: .15rem 0
}

.dropdown__item.active {
    opacity: .5;
    background: #f5f6f8
}

.dropdown__item:active,.dropdown__item:hover {
    background: #f5f6f8;
    border-radius: 5px
}

.dropdown__item a {
    display: inline-flex;
    padding: .75rem 2rem .75rem 1rem;
    color: currentColor;
    font-weight: 500
}

.dropdown__item a:active,.dropdown__item a:hover {
    text-decoration: none;
    background: none
}

.dropdown__item .svg-icon {
    margin-right: 1.25rem;
    position: relative;
    top: 1px
}

.dropdown.expanded .dropdown__list {
    visibility: visible;
    opacity: 1;
    z-index: 100
}

.video-wrapper {
    padding: 2rem .5rem 0
}

@media(min-width: 767.02px) {
    .video-wrapper {
        padding-top:4rem
    }
}

.video__container {
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    height: 0;
    border-radius: 16px;
    position: relative
}

@media(min-width: 1023.02px) {
    .video__container {
        border-radius:20px
    }
}

.video__container .video__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__container .video__poster {
    border-radius: 16px
}

@media(min-width: 1023.02px) {
    .video__container .video__poster {
        border-radius:20px
    }
}

.video__container .video__icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 40px;
    height: 40px
}

.video__container .video__icon-play svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width: 1023.02px) {
    .video__container .video__icon-play {
        width:55px;
        height: 55px
    }
}

.video__container.playing .video__icon-play {
    display: none
}

.reviews-button {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    background: #fff;
    border: 1px solid #e9ebee;
    box-shadow: 0 2.22545px 4.4509px rgba(0,0,0,.05);
    border-radius: 7px;
    padding: 6px 8px;
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
    transition: .2s ease
}

@media(min-width: 767.02px) {
    .reviews-button {
        display:none
    }
}

@media(min-width: 374.02px) {
    .reviews-button {
        margin-right:16px
    }
}

.reviews-button:hover {
    box-shadow: none;
    border-color: #ff553c
}

.reviews-button:hover .svg-icon--star>* {
    transition: .2s ease;
    fill: #ff553c
}

.reviews-button:hover .svg-icon--arrowDown>path {
    transition: .2s ease;
    fill: #4d5158
}

.reviews-button .stars {
    display: inline-flex;
    margin-right: 8px
}

.reviews-button .stars .svg-icon:not(:last-child) {
    margin-right: 1.5px
}

.reviews-button .rating {
    font-size: 12px;
    letter-spacing: .055em;
    color: #000;
    margin-right: 4px
}

.pagination {
    width: 100%;
    margin-top: 7rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .pagination {
        margin-top:5rem
    }
}

.pagination ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    align-items: center;
    justify-content: center
}

.pagination li {
    margin: .5rem 1rem;
    font-weight: 500;
    font-size: 17px;
    line-height: 1;
    color: #757575;
    position: relative
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .pagination li {
        margin:.5rem .75rem;
        font-size: 15px
    }
}

.pagination li:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0
}

.pagination li a {
    display: inline-block;
    color: inherit;
    background: none;
    padding: .75rem .5rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .pagination li a {
        padding:.25rem
    }
}

.pagination li:not(.break):not(.previous):not(.next):hover {
    color: #ff553c
}

.pagination li:not(.break):not(.previous):not(.next):hover:after {
    bottom: -2px;
    border-bottom: 2px solid
}

.pagination li.previous {
    margin-left: 0
}

.pagination li.next {
    margin-right: 0
}

.pagination li.next.disabled,.pagination li.previous.disabled {
    opacity: .5;
    pointer-events: none
}

.pagination li.next .icon,.pagination li.previous .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #f0f2f4;
    border-radius: 100%
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .pagination li.next .icon,.pagination li.previous .icon {
        width:25px;
        height: 25px
    }
}

.pagination li.selected {
    color: #363a3e
}

.pagination li.selected:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-bottom: 2px solid
}

.package-previews {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 12px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    max-width: 40rem;
    margin: 1rem auto
}

.package-previews__top {
    padding: 8px 12px;
    border-bottom: 1px solid #ededed;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.package-previews__top h4 {
    font-size: 13.5px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.package-previews__badge {
    background: rgba(176,131,235,.3);
    border-radius: 999px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 10.5px;
    color: #5135ff;
    margin-left: auto;
    line-height: 1
}

.package-previews__badge .svg-icon {
    margin-right: 4px
}

.package-previews__body {
    overflow: hidden
}

.package-previews .preview__wrap {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-auto-flow: column;
    overflow-x: auto;
    grid-gap: 10px;
    gap: 10px;
    padding: 16px 12px
}

.package-previews .preview__comments .preview__wrap {
    padding-top: 4px
}

.package-previews .preview__images {
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 16px 12px 0
}

.package-previews .preview__image {
    position: relative;
    margin-bottom: 16px
}

.package-previews .preview__image .image {
    width: 60px;
    height: 60px;
    border: 2.35px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    opacity: .5;
    transition: .2s;
    overflow: hidden
}

.package-previews .preview__image.active .image,.package-previews .preview__image:hover .image {
    opacity: 1;
    border-color: #ff553c
}

.package-previews .preview__image.active:after,.package-previews .preview__image:hover:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    background-image: url('data:image/svg+xml;utf8,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.85809 5.33758L0.887695 0.367188H10.8285L5.85809 5.33758Z" fill="%23FF553C"/> </svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%)
}

.package-previews .preview {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #ededed;
    border-radius: 14px;
    padding: 8px;
    width: 100%;
    min-width: 250px;
    transform: scale(0)
}

.package-previews .preview__avatar {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 999px;
    overflow: hidden;
    margin-right: 10px
}

.package-previews .preview__info {
    font-size: 10.5px;
    line-height: 1
}

@media(min-width: 374.02px) {
    .package-previews .preview__info {
        font-size:11px
    }
}

.package-previews .preview__username {
    color: transparent;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.package-previews .preview__time {
    color: #657181;
    margin-left: 5px
}

.package-previews .preview--comment {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center
}

.package-previews .preview--comment .preview__avatar {
    flex: 0 1 auto;
    width: 23px;
    height: 23px
}

.package-previews .preview--comment .preview__info {
    flex: 1 1
}

.package-previews .preview--comment .preview__info .preview__time {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
    font-size: .9em
}

.is-animated .package-previews .preview {
    animation: zoom-in .2s linear forwards
}

.is-animated .package-previews .preview:nth-child(2n) {
    animation-delay: .2s
}

.is-animated .package-previews .preview:nth-child(3n) {
    animation-delay: .3s
}

.is-animated .package-previews .preview:nth-child(4n) {
    animation-delay: .4s
}

.is-animated .package-previews .preview:nth-child(5n) {
    animation-delay: .5s
}

.is-animated .package-previews .preview:nth-child(6n) {
    animation-delay: .6s
}

.is-animated .package-previews .preview:nth-child(7n) {
    animation-delay: .7s
}

.is-animated .package-previews .preview:nth-child(8n) {
    animation-delay: .8s
}

.is-animated .package-previews .preview:nth-child(9n) {
    animation-delay: .9s
}

.is-animated .package-previews .preview:nth-child(10n) {
    animation-delay: 1s
}

.is-animated .package-previews .preview:nth-child(11n) {
    animation-delay: 1.1s
}

.is-animated .package-previews .preview:nth-child(12n) {
    animation-delay: 1.2s
}

.is-animated .package-previews .preview:nth-child(13n) {
    animation-delay: 1.3s
}

.is-animated .package-previews .preview:nth-child(14n) {
    animation-delay: 1.4s
}

.is-animated .package-previews .preview:nth-child(15n) {
    animation-delay: 1.5s
}

.is-animated .package-previews .preview:nth-child(16n) {
    animation-delay: 1.6s
}

.is-animated .package-previews .preview:nth-child(17n) {
    animation-delay: 1.7s
}

.is-animated .package-previews .preview:nth-child(18n) {
    animation-delay: 1.8s
}

.is-animated .package-previews .preview:nth-child(19n) {
    animation-delay: 1.9s
}

.is-animated .package-previews .preview:nth-child(20n) {
    animation-delay: 2s
}

.is-animated .package-previews .preview:nth-child(21n) {
    animation-delay: 2.1s
}

.is-animated .package-previews .preview:nth-child(22n) {
    animation-delay: 2.2s
}

.is-animated .package-previews .preview:nth-child(23n) {
    animation-delay: 2.3s
}

.is-animated .package-previews .preview:nth-child(24n) {
    animation-delay: 2.4s
}

.is-animated .package-previews .preview:nth-child(25n) {
    animation-delay: 2.5s
}

.is-animated .package-previews .preview:nth-child(26n) {
    animation-delay: 2.6s
}

.is-animated .package-previews .preview:nth-child(27n) {
    animation-delay: 2.7s
}

.is-animated .package-previews .preview:nth-child(28n) {
    animation-delay: 2.8s
}

.is-animated .package-previews .preview:nth-child(29n) {
    animation-delay: 2.9s
}

.is-animated .package-previews .preview:nth-child(30n) {
    animation-delay: 3s
}

.is-animated .package-previews .preview:nth-child(31n) {
    animation-delay: 3.1s
}

.is-animated .package-previews .preview:nth-child(32n) {
    animation-delay: 3.2s
}

.is-animated .package-previews .preview:nth-child(33n) {
    animation-delay: 3.3s
}

.is-animated .package-previews .preview:nth-child(34n) {
    animation-delay: 3.4s
}

.is-animated .package-previews .preview:nth-child(35n) {
    animation-delay: 3.5s
}

.is-animated .package-previews .preview:nth-child(36n) {
    animation-delay: 3.6s
}

.is-animated .package-previews .preview:nth-child(37n) {
    animation-delay: 3.7s
}

.is-animated .package-previews .preview:nth-child(38n) {
    animation-delay: 3.8s
}

.is-animated .package-previews .preview:nth-child(39n) {
    animation-delay: 3.9s
}

.is-animated .package-previews .preview:nth-child(40n) {
    animation-delay: 4s
}

.is-animated .package-previews .preview:nth-child(41n) {
    animation-delay: 4.1s
}

.is-animated .package-previews .preview:nth-child(42n) {
    animation-delay: 4.2s
}

.is-animated .package-previews .preview:nth-child(43n) {
    animation-delay: 4.3s
}

.is-animated .package-previews .preview:nth-child(44n) {
    animation-delay: 4.4s
}

.is-animated .package-previews .preview:nth-child(45n) {
    animation-delay: 4.5s
}

.is-animated .package-previews .preview:nth-child(46n) {
    animation-delay: 4.6s
}

.is-animated .package-previews .preview:nth-child(47n) {
    animation-delay: 4.7s
}

.is-animated .package-previews .preview:nth-child(48n) {
    animation-delay: 4.8s
}

.is-animated .package-previews .preview:nth-child(49n) {
    animation-delay: 4.9s
}

.is-animated .package-previews .preview:nth-child(50n) {
    animation-delay: 5s
}

.is-animated .package-previews .preview:nth-child(51n) {
    animation-delay: 5.1s
}

.is-animated .package-previews .preview:nth-child(52n) {
    animation-delay: 5.2s
}

.is-animated .package-previews .preview:nth-child(53n) {
    animation-delay: 5.3s
}

.is-animated .package-previews .preview:nth-child(54n) {
    animation-delay: 5.4s
}

.is-animated .package-previews .preview:nth-child(55n) {
    animation-delay: 5.5s
}

.is-animated .package-previews .preview:nth-child(56n) {
    animation-delay: 5.6s
}

.is-animated .package-previews .preview:nth-child(57n) {
    animation-delay: 5.7s
}

.is-animated .package-previews .preview:nth-child(58n) {
    animation-delay: 5.8s
}

.is-animated .package-previews .preview:nth-child(59n) {
    animation-delay: 5.9s
}

.is-animated .package-previews .preview:nth-child(60n) {
    animation-delay: 6s
}

.is-animated .package-previews .preview:nth-child(61n) {
    animation-delay: 6.1s
}

.is-animated .package-previews .preview:nth-child(62n) {
    animation-delay: 6.2s
}

.is-animated .package-previews .preview:nth-child(63n) {
    animation-delay: 6.3s
}

.is-animated .package-previews .preview:nth-child(64n) {
    animation-delay: 6.4s
}

.is-animated .package-previews .preview:nth-child(65n) {
    animation-delay: 6.5s
}

.is-animated .package-previews .preview:nth-child(66n) {
    animation-delay: 6.6s
}

.is-animated .package-previews .preview:nth-child(67n) {
    animation-delay: 6.7s
}

.is-animated .package-previews .preview:nth-child(68n) {
    animation-delay: 6.8s
}

.is-animated .package-previews .preview:nth-child(69n) {
    animation-delay: 6.9s
}

.is-animated .package-previews .preview:nth-child(70n) {
    animation-delay: 7s
}

.is-animated .package-previews .preview:nth-child(71n) {
    animation-delay: 7.1s
}

.is-animated .package-previews .preview:nth-child(72n) {
    animation-delay: 7.2s
}

.is-animated .package-previews .preview:nth-child(73n) {
    animation-delay: 7.3s
}

.is-animated .package-previews .preview:nth-child(74n) {
    animation-delay: 7.4s
}

.is-animated .package-previews .preview:nth-child(75n) {
    animation-delay: 7.5s
}

.is-animated .package-previews .preview:nth-child(76n) {
    animation-delay: 7.6s
}

.is-animated .package-previews .preview:nth-child(77n) {
    animation-delay: 7.7s
}

.is-animated .package-previews .preview:nth-child(78n) {
    animation-delay: 7.8s
}

.is-animated .package-previews .preview:nth-child(79n) {
    animation-delay: 7.9s
}

.is-animated .package-previews .preview:nth-child(80n) {
    animation-delay: 8s
}

.is-animated .package-previews .preview:nth-child(81n) {
    animation-delay: 8.1s
}

.is-animated .package-previews .preview:nth-child(82n) {
    animation-delay: 8.2s
}

.is-animated .package-previews .preview:nth-child(83n) {
    animation-delay: 8.3s
}

.is-animated .package-previews .preview:nth-child(84n) {
    animation-delay: 8.4s
}

.is-animated .package-previews .preview:nth-child(85n) {
    animation-delay: 8.5s
}

.is-animated .package-previews .preview:nth-child(86n) {
    animation-delay: 8.6s
}

.is-animated .package-previews .preview:nth-child(87n) {
    animation-delay: 8.7s
}

.is-animated .package-previews .preview:nth-child(88n) {
    animation-delay: 8.8s
}

.is-animated .package-previews .preview:nth-child(89n) {
    animation-delay: 8.9s
}

.is-animated .package-previews .preview:nth-child(90n) {
    animation-delay: 9s
}

.is-animated .package-previews .preview:nth-child(91n) {
    animation-delay: 9.1s
}

.is-animated .package-previews .preview:nth-child(92n) {
    animation-delay: 9.2s
}

.is-animated .package-previews .preview:nth-child(93n) {
    animation-delay: 9.3s
}

.is-animated .package-previews .preview:nth-child(94n) {
    animation-delay: 9.4s
}

.is-animated .package-previews .preview:nth-child(95n) {
    animation-delay: 9.5s
}

.is-animated .package-previews .preview:nth-child(96n) {
    animation-delay: 9.6s
}

.is-animated .package-previews .preview:nth-child(97n) {
    animation-delay: 9.7s
}

.is-animated .package-previews .preview:nth-child(98n) {
    animation-delay: 9.8s
}

.is-animated .package-previews .preview:nth-child(99n) {
    animation-delay: 9.9s
}

@keyframes zoom-in {
    0% {
        transform: scale(0)
    }

    95% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.form-box {
    position: relative;
    border-radius: 1.5rem;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0 2.808px 9.36px 0 hsla(180,4%,63%,.11);
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    padding: 2rem;
    margin-top: 7rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 715px;
    align-items: center
}

@media(min-width: 767.02px) {
    .form-box {
        border-radius:2.8rem;
        padding: 3rem 5rem;
        gap: 4rem
    }

    .form-box:not(.form--tools) {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.form-box .box-notice {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%,-100%);
    width: 100%;
    max-width: 450px;
    background: #e5fcff;
    border-radius: 1rem 1rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.01em;
    color: #638084;
    line-height: 1.3;
    padding: .8rem 1.6rem
}

@media(min-width: 374.02px) {
    .form-box .box-notice {
        font-size:1.2rem
    }
}

@media(min-width: 767.02px) {
    .form-box .box-notice {
        font-size:1.3rem;
        border-radius: 1.2rem 1.2rem 0 0
    }
}

.form-box .form-left {
    display: flex;
    flex-direction: column;
    align-items: center
}

.form-box .picture {
    --size: 100px;
    width: var(--size);
    height: var(--size);
    border: 1px solid #9da4bb;
    border-radius: 999px;
    padding: 4px;
    box-shadow: 0 15.169px 20.947px rgba(201,221,243,.44),0 4.334px 9.896px rgba(181,193,224,.25);
    margin-bottom: 1rem
}

.form-box .picture.picture--rect {
    border-radius: 2.1rem;
    --size: 120px
}

@media(min-width: 767.02px) {
    .form-box .picture.picture--rect {
        --size:155px
    }
}

.form-box .picture.picture--rect .picture-inner {
    border-radius: 2.1rem
}

.form-box .picture .picture-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden
}

@media(min-width: 767.02px) {
    .form-box .picture {
        --size:118px;
        padding: 6px
    }
}

.form-box .progress .status {
    color: #8b97a5;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1;
    margin-top: .5rem
}

@media(min-width: 374.02px) {
    .form-box .progress .status {
        font-size:1.1rem
    }
}

.form-box .form-container {
    width: 100%;
    margin-top: 2rem
}

@media(min-width: 767.02px) {
    .form-box .form-container {
        margin-top:0
    }
}

.form-box form {
    width: 100%;
    text-align: left;
    --input-height: 40px
}

@media(min-width: 767.02px) {
    .form-box form {
        --input-height:45px
    }
}

.form-box form .field {
    padding: 0
}

.form-box form .field .field__label {
    line-height: 1;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #595959;
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0
}

@media(min-width: 374.02px) {
    .form-box form .field .field__label {
        font-size:1.3rem
    }
}

.form-box form .field .field__input {
    --border-color: #dadde4;
    --border-width: 1px;
    height: auto;
    padding: 0 0 0 1.4rem;
    font-size: 16px;
    font-weight: 500;
    color: #313336;
    border: var(--border-width) solid var(--border-color);
    border-radius: .5rem;
    background: #fff;
    transition: .2s;
    height: var(--input-height)
}

.form-box form .field .field__input:active,.form-box form .field .field__input:focus {
    --border-color: #ff553c
}

@media(min-width: 767.02px) {
    .form-box form .field .field__input {
        border-radius:.6rem
    }
}

.form-box form .field.is-invalid .field__input {
    --border-color: red;
    background: hsla(0,64%,87%,.17);
    padding-right: 5rem
}

.form-box form .field .field__warning {
    right: 1rem;
    padding-right: 0
}

.form-box form .field .field__warning svg {
    width: 100%
}

.form-box form button[type=submit] {
    width: 100%;
    font-size: 1.29rem;
    height: var(--input-height);
    padding: 1rem;
    margin-bottom: 1rem
}

@media(min-width: 374.02px) {
    .form-box form button[type=submit] {
        font-size:1.65rem
    }
}

.form-box form .form-notice {
    color: #9ca0a5;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1;
    margin-top: .5rem
}

.form-box form .form-notice svg {
    width: 15px;
    height: 100%;
    margin-right: .5rem
}

@media(min-width: 767.02px) {
    .form-box form .form-notice svg {
        width:17px
    }
}

@media(min-width: 374.02px) {
    .form-box form .form-notice {
        font-size:1.2rem
    }
}

.form-box .order-info {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 1.6rem;
    margin-bottom: 1rem
}

.form-box .order-info .name {
    color: #9ca0a5;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -.0205rem;
    margin-bottom: .5rem
}

@media(min-width: 374.02px) {
    .form-box .order-info .name {
        font-size:1.4rem
    }
}

.form-box .order-info .value {
    color: #313336;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -.04rem;
    display: inline-flex;
    align-items: flex-start;
    line-height: 1;
    gap: .8rem
}

@media(min-width: 374.02px) {
    .form-box .order-info .value {
        font-size:2.8rem
    }
}

.form-box .order-info .value .curr {
    opacity: .5;
    font-size: .5em;
    vertical-align: super;
    margin-right: 2px
}

.form-box .order-info .value .free-trial {
    position: relative;
    top: 3px;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #ff553c;
    font-weight: 500;
    font-size: .4em;
    letter-spacing: -.03rem
}

.form-box .order-info .value .free-trial .icon {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    background: rgba(255,85,60,.2);
    padding: 2px
}

.form-box .order-info .value .free-trial .icon svg {
    width: 100%;
    height: auto
}

.form-box.form--tools {
    gap: 2rem;
    margin-top: 2.5rem
}

.form-box.form--tools.form--show-notice {
    margin-top: 7rem
}

.form-box.form--tools .form-container {
    margin-top: 0
}

@media(min-width: 767.02px) {
    .form-box.form--tools .form-container {
        margin-left:auto;
        margin-right: auto
    }
}

.form-box.form--tools .form-notification {
    margin-top: 0;
    margin-bottom: 0
}

.form-box.form--tools .form-notification--inner {
    margin: 0
}

.form-box.form--tools form {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-gap: 1rem;
    gap: 1rem
}

@media(min-width: 767.02px) {
    .form-box.form--tools form {
        grid-template-columns:1fr 200px;
        align-items: flex-end;
        gap: 1.6rem
    }
}

.form-box.form--tools form .field {
    margin-bottom: 0;
    position: relative
}

@media(min-width: 767.02px) {
    .form-box.form--tools form .field .field__error-message {
        position:absolute
    }
}

.form-box.form--tools form button {
    margin-bottom: 0
}

.form-notification {
    width: 100%;
    max-width: 655px;
    margin: 1.6rem auto
}

@media(min-width: 767.02px) {
    .form-notification {
        margin:3.2rem auto
    }
}

.form-notification--inner {
    display: flex;
    border-radius: 1rem;
    padding: 1.25rem 1.6rem;
    font-weight: 500;
    font-size: 1.13rem;
    line-height: 1.35;
    text-align: left;
    gap: 1.2rem;
    margin: 1rem 0
}

@media(min-width: 374.02px) {
    .form-notification--inner {
        font-size:1.25rem
    }
}

@media(min-width: 767.02px) {
    .form-notification--inner {
        align-items:center;
        font-size: 1.35rem;
        padding: 1.25rem 1.8rem;
        gap: 1.4rem
    }
}

.form-notification--orange {
    background: rgba(255,85,60,.1);
    color: #ff553c
}

.form-notification--green {
    background: rgba(59,216,57,.05);
    color: #58886d
}

.form-notification--red {
    background: rgba(253,82,82,.1);
    color: #fd5252
}

.form-captcha-notification {
    width: 100%;
    margin: 1.6rem 0 1rem;
    color: #8b97a5;
    font-size: 1.2rem
}

.form-captcha-notification a {
    color: currentColor
}

.form-results {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.form-results .stories-content-wrapper {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem
}

@media(min-width: 767.02px) {
    .form-results .stories-content-wrapper {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap: 1.6rem
    }
}

.form-results .stories-content-wrapper .btn {
    max-width: 100%;
    font-size: 1.6rem;
    padding: 1rem 1.25rem;
    height: auto
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form-results .stories-content-wrapper .btn {
        max-width:100%;
        font-size: 1.35rem;
        padding: 1rem;
        height: auto
    }
}

.form-results .stories-content-wrapper .btn[disabled] {
    pointer-events: none;
    opacity: .5
}

.form-results .profile-info {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: .8rem;
    letter-spacing: -.026em
}

.form-results .profile-info__avatar {
    position: relative;
    width: 6.5rem;
    padding: 3px;
    aspect-ratio: 1;
    border: 3px solid #fff;
    border-radius: 9999px;
    overflow: hidden;
    box-shadow: 0 0 .8rem rgba(156,163,175,.2)
}

.form-results .profile-info__username {
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
    margin-bottom: .5rem
}

@media(min-width: 767.02px) {
    .form-results .profile-info__username {
        font-size:1.6rem
    }
}

.form-results .profile-info__details {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: flex-start;
    grid-gap: 2rem;
    gap: 2rem;
    font-size: 1.3rem
}

@media(min-width: 767.02px) {
    .form-results .profile-info__details {
        font-size:1.4rem
    }
}

.form-results .profile-info__details>div {
    display: flex;
    flex-direction: column
}

.form-results .profile-info__details>div .val {
    color: #000;
    font-weight: 600
}

.form-results .profile-info__details>div .name {
    color: #878787;
    font-weight: 500;
    font-size: .95em
}

.form-results .profile-followers {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .8rem;
    font-size: 1.75rem
}

@media(min-width: 767.02px) {
    .form-results .profile-followers {
        font-size:2rem;
        margin-top: 1.25rem;
        margin-bottom: 0
    }
}

.form-results .profile-followers .val {
    color: #000;
    font-weight: 600
}

.form-results .profile-followers .label {
    color: #878787;
    font-weight: 500;
    font-size: .75em
}

.form-results .download-content__thumbnail {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 10px
}

.form-results .download-content__thumbnail img,.form-results .download-content__thumbnail video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.form-results .download-content__thumbnail:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 0
}

.form-results .download-content__button {
    width: 100%;
    border-radius: 0;
    white-space: nowrap
}

.form-results .download-content__title {
    font-size: 1.8rem;
    font-weight: 400;
    color: #636e7d;
    margin-bottom: 1.8rem
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .form-results .download-content__title {
        font-size:1.6rem
    }
}

.form-results--facebook,.form-results--tiktok,.form-results--twitter {
    margin-top: 1rem
}

.form-results--facebook .profile-info,.form-results--tiktok .profile-info,.form-results--twitter .profile-info {
    flex-direction: row
}

.form-results--facebook .profile-info__avatar,.form-results--tiktok .profile-info__avatar,.form-results--twitter .profile-info__avatar {
    width: 5rem
}

.form-results--facebook .profile-info__names,.form-results--tiktok .profile-info__names,.form-results--twitter .profile-info__names {
    line-height: 1;
    text-align: left
}

.form-results--facebook .profile-info__name,.form-results--tiktok .profile-info__name,.form-results--twitter .profile-info__name {
    font-size: 1.6rem;
    font-weight: 700;
    color: #313336;
    margin-bottom: .25rem
}

.form-results--facebook .profile-info__username,.form-results--tiktok .profile-info__username,.form-results--twitter .profile-info__username {
    font-size: 1.2rem;
    font-weight: 500;
    color: #84909f;
    margin-bottom: 0
}

.form-results--facebook .download-content__thumbnail,.form-results--tiktok .download-content__thumbnail,.form-results--twitter .download-content__thumbnail {
    margin-bottom: 1.6rem;
    background: rgba(0,0,0,.1)
}

.form-results--facebook .download-content__thumbnail:before,.form-results--tiktok .download-content__thumbnail:before,.form-results--twitter .download-content__thumbnail:before {
    content: none
}

@media(min-width: 767.02px) {
    .form-results--facebook .download-content__thumbnail--video,.form-results--tiktok .download-content__thumbnail--video,.form-results--twitter .download-content__thumbnail--video {
        height:400px
    }
}

.form-results .download-content__table table {
    table-layout: auto
}

.form-results .download-content__table table thead {
    text-transform: uppercase;
    color: #747474;
    background: #e1e5f2;
    font-size: 1.2rem;
    letter-spacing: .02em
}

.form-results .download-content__table table tbody {
    font-size: 1.6rem;
    font-weight: 500
}

.form-results .download-content__table table tr th {
    padding: .8rem
}

.form-results .download-content__table table tr th:first-child {
    border-radius: .8rem 0 0 .8rem
}

.form-results .download-content__table table tr th:last-child {
    border-radius: 0 .8rem .8rem 0
}

.form-results .download-content__table table tr td {
    padding: .65rem
}

.form-results .download-content__table table tr td:first-child {
    padding-left: 0
}

.form-results .download-content__table table tr td:last-child {
    padding-right: 0
}

.form-results .download-content__table table tr td .btn {
    height: auto;
    font-size: 1.6rem;
    border-radius: .6rem;
    padding: .75rem 0
}

.ldBar {
    position: relative
}

.ldBar.label-center>.ldBar-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-shadow: 0 0 3px #fff
}

.ldBar-label {
    color: #4f5f6c;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -.03rem
}

@media(min-width: 767.02px) {
    .ldBar-label {
        font-size:2.2rem
    }
}

.ldBar-label:after {
    content: "%";
    display: inline
}

.ldBar.no-percent .ldBar-label:after {
    content: ""
}

.columns-grid {
    display: grid;
    --xs-cols: 1;
    --md-cols: 2;
    grid-template-columns: repeat(var(--xs-cols),minmax(0,1fr));
    grid-gap: 3rem;
    gap: 3rem;
    align-items: center
}

@media(max-width: 767px),screen and (max-width:812px)and (orientation:landscape) {
    .columns-grid {
        padding-left:1.2rem;
        padding-right: 1.2rem
    }
}

.columns-grid--xs-2 {
    --xs-cols: 2
}

.columns-grid--md-3 {
    --md-cols: 3
}

.columns-grid--xs-3 {
    --xs-cols: 3
}

.columns-grid--md-4 {
    --md-cols: 4
}

@media(min-width: 767.02px) {
    .columns-grid {
        gap:8rem;
        grid-template-columns: repeat(var(--md-cols),minmax(0,1fr))
    }

    .columns-grid--reverse .columns-grid__col:first-child {
        order: 999
    }
}

@media(min-width: 1023.02px) {
    .columns-grid {
        gap:12rem
    }

    .columns-grid .columns-grid__col:first-child {
        padding-right: 5.5rem
    }
}

.columns-grid__col .callout {
    align-items: flex-start
}

.columns-grid__image {
    text-align: center;
    position: relative;
    width: 100%
}

.reviews-summary {
    font-size: 1.3rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.reviews-summary.centered {
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-bottom: 1.6rem
}

.reviews-summary p {
    margin-bottom: 0
}

.reviews-summary div.first-line {
    display: flex;
    align-items: center;
    gap: .8rem
}

.reviews-summary a {
    color: currentColor;
    text-decoration: none;
    border-bottom: 1px solid;
    transition: .3s
}

.reviews-summary a:hover {
    color: #ff553c
}

.reviews-summary__stars {
    color: #ff553c;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: .3rem
}

.reviews-summary__stars li {
    line-height: 1;
    animation: stars-animation 2.5s ease both;
    animation-iteration-count: infinite
}

.reviews-summary__stars li:first-child {
    animation-delay: 0s
}

.reviews-summary__stars li:nth-child(2) {
    animation-delay: .2s
}

.reviews-summary__stars li:nth-child(3) {
    animation-delay: .4s
}

.reviews-summary__stars li:nth-child(4) {
    animation-delay: .6s
}

.reviews-summary__stars li:nth-child(5) {
    animation-delay: .8s
}

@keyframes stars-animation {
    0% {
        scale: 0
    }

    10% {
        scale: 1.2
    }

    15% {
        scale: 1
    }
}

.author-cards ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
    list-style: none
}

@media(min-width: 767.02px) {
    .author-cards ul {
        flex-direction:row;
        gap: 3rem
    }
}

.author-cards ul li {
    flex: 1 1
}

.author-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2.5rem;
    box-shadow: 0 4px 14px rgba(148,222,222,.11);
    text-align: center;
    padding: 2.5rem 2.5rem 3rem;
    height: 100%;
    gap: 1.6rem;
    text-decoration: none
}

@media(min-width: 767.02px) {
    .author-card {
        padding:2.5rem 3.5rem 3rem;
        gap: 2rem
    }
}

.author-card .card__image {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    overflow: hidden
}

@media(min-width: 767.02px) {
    .author-card .card__image {
        width:150px;
        height: 150px
    }
}

.author-card .card__inner h4 {
    color: #313336
}

.author-card .card__inner p {
    color: #4d5560
}

#cc-main {
    --cc-font-family: $ff-sans-serif;
    --cc-modal-border-radius: 12px;
    --cc-btn-primary-bg: #ff553c;
    --cc-btn-primary-border-color: transparent;
    --cc-btn-primary-hover-bg: #ffb6ab;
    --cc-btn-primary-hover-border-color: transparent;
    --cc-btn-secondary-hover-bg: #f2f6f9;
    --cc-btn-secondary-border-color: transparent;
    --cc-btn-secondary-hover-border-color: transparent;
    --cc-btn-secondary-color: #363a3e;
    --cc-btn-secondary-hover-color: #595959;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-btn-border-radius: .5rem
}

#cc-main .cm__texts {
    padding: 1.6rem 1.6rem .5rem!important
}

#cc-main .cm__link {
    color: #ff553c;
    text-decoration: underline
}

.alert {
    max-width: 700px;
    width: 100%;
    margin: 2rem auto
}

.alert__inner {
    background: rgba(255,85,60,.15);
    border: 1px solid rgba(255,85,60,.5);
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    border-radius: 6px;
    text-align: start
}

.alert__inner p {
    margin-bottom: 1.4rem
}

.alert__inner p:last-child {
    margin-bottom: 0
}


.service__entry p {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Poppins';
}


a.btn.btn--instagram {
    background: #fb4e3e !important;
    line-height: 19px;
    padding: 10px 36px;
    font-size: 16px;
    color: #fff;
    font-family: 'Poppins';
}


.offer__inner p {
    line-height: 50px;
    font-family: 'Poppins';
}


a.btn.btn--small.btn--secondary {
    font-size: 16px;
    line-height: 33px;
    font-family: 'Lato';
    padding: 4px 35px;
}