{"version":3,"file":"static/css/main.7c601d23.css","mappings":"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","sources":["styles/reset.scss","fonts/font.scss","styles/containers.scss","styles/_mixins.scss","styles/main.scss","Layout/Footer/styles.scss","Layout/Header/styles.scss","styles/_typography.scss","components/AskExpert/styles.scss","components/common/Buttons/LogButton/styles.scss","components/Popups/ContactsPopup/styles.scss","components/ContactForm/styles.scss","components/common/checkBox/styles.scss","components/common/Buttons/styles.scss","components/TrastpilotStars/style.scss","components/TrastLogo/styles.scss","components/Sections/Hero/HeroTrastpilot/styles.scss","components/Popups/Cookies/styles.scss","components/common/Link/styles.scss","pages/404/styles.scss","components/Label/styles.scss","components/Sections/Subscribe/style.scss","components/Sections/TrastedPartners/styles.scss","components/Sections/OurProducts/styles.scss","components/ProductCard/styles.scss","components/Sections/Reviews/styles.scss","components/Sections/GetStarted/style.scss","components/Sections/Hero/HeroLayout/styles.scss","pages/LandingPage/Hero/styles.scss","components/Sections/Hero/HeroCrumbs/styles.scss","pages/LandingPage/FAQ/styles.scss","pages/BrandAssets/Hero/styles.scss","components/common/Buttons/DownloadButton/styles.scss","pages/BrandAssets/Logotype/styles.scss","pages/BrandAssets/Mark/styles.scss","pages/BrandAssets/Colours/styles.scss","pages/BrandAssets/Typography/styles.scss"],"sourcesContent":["* {\n    padding: 0;\n    margin: 0;\n    border: none;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\na,\na:link,\na:visited {\n    text-decoration: none;\n}\n\na:hover {\n    text-decoration: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n    font-size: inherit;\n    font-weight: inherit;\n}\n\nul,\nul li {\n    list-style: none;\n}\n\nimg {\n    vertical-align: top;\n}\n\nimg,\nsvg {\n    max-width: 100%;\n    height: auto;\n}\n\naddress {\n    font-style: normal;\n}\n\ninput,\ntextarea,\nbutton,\nselect {\n    font-family: inherit;\n    font-size: inherit;\n    color: inherit;\n    background-color: transparent;\n}\n\ninput::-ms-clear {\n    display: none;\n}\n\nbutton,\ninput[type=\"submit\"] {\n    display: inline-block;\n    box-shadow: none;\n    background-color: transparent;\n    background: none;\n    cursor: pointer;\n}\n\ninput:focus,\ninput:active,\nbutton:focus,\nbutton:active {\n    outline: none;\n}\n\nbutton::-moz-focus-inner {\n    padding: 0;\n    border: 0;\n}\n\nlabel {\n    cursor: pointer;\n}\n\nlegend {\n    display: block;\n}\n","@font-face {\n    font-family: SpaceGrotesk-Bold;\n    font-weight: 700;\n    font-style: normal;\n    font-display: swap;\n    src: url(\"./SpaceGrotesk-Bold.woff2\");\n}\n@font-face {\n    font-family: SpaceGrotesk-SemiBold;\n    font-weight: 600;\n    font-style: normal;\n    font-display: swap;\n    src: url(\"./SpaceGrotesk-SemiBold.woff2\");\n}\n\n@font-face {\n    font-family: SpaceGrotesk-Medium;\n    font-weight: 500;\n    font-style: normal;\n    font-display: swap;\n    src: url(\"./SpaceGrotesk-Medium.woff2\");\n}\n@font-face {\n    font-family: SpaceGrotesk-Regular;\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    src: url(\"./SpaceGrotesk-Regular.woff2\");\n}\n\n@font-face {\n    font-family: SpaceGrotesk-Light;\n    font-weight: 300;\n    font-style: normal;\n    font-display: swap;\n    src: url(\"./SpaceGrotesk-Light.woff2\");\n}\n\n@font-face {\n    font-family: SourceCodePro;\n    font-weight: 600;\n    font-style: normal;\n    font-display: swap;\n    src: url(\"./SourceCodePro-Bold.woff2\");\n}\n","@import \"styles/_mixins.scss\";\n.hero-container {\n    max-width: 1440px;\n    margin: 0 auto;\n    @include w($xxl) {\n        padding: 0 16px;\n    }\n}\n\n.container {\n    max-width: 1392px;\n    margin: 0 auto;\n}\n\n.inner-container {\n    max-width: 1312px;\n    margin: 0 auto;\n    @include w($xxl) {\n        padding: 0 16px;\n    }\n}\n","@import \"./variables\";\n\n@mixin w($window-size) {\n    @media screen and (max-width: ($window-size - 1px)) {\n        @content;\n    }\n}\n@mixin min-w($window-size) {\n    @media screen and (min-width: ($window-size)) {\n        @content;\n    }\n}\n\n@mixin min-hover($window-size) {\n    @include min-w($window-size) {\n        &:hover {\n            @content;\n        }\n    }\n}\n\n@mixin reset-absolute {\n    top: auto;\n    left: auto;\n    right: auto;\n    bottom: auto;\n}\n","@import url(\"./reset.scss\");\n@import url(\"fonts/font.scss\");\n@import url(\"./_mixins.scss\");\n@import url(\"./_typography.scss\");\n@import url(\"./containers.scss\");\n\n:root {\n    /*Primary Colors*/\n    --White: #fff;\n    --Grey: #e5e7f1;\n    --Light-Grey: #f2f3f8;\n    --Dark: #0d1126;\n    --Blue-purple: #5547eb;\n    --Purple-gradient: linear-gradient(225deg, #a192ec -5.89%, #5547eb 99.74%);\n    --hover-Purple-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%),\n        linear-gradient(225deg, #a192ec -5.89%, #5547eb 99.74%);\n    --Dark-blue-gradient: linear-gradient(213deg, #283680 10%, #0d1126 84.37%);\n\n    /*Secondary colors*/\n    --Lavender: #a192ec;\n    --Pink: #d993f7;\n    --Blue: #8abdf9;\n    --Trustpilot-Green: #00b67a;\n\n    /* Opacity*/\n    --White-10: #ffffff1a;\n    --White-20: #ffffff33;\n    --White-70: #ffffffb3;\n\n    --Dark-50: #0d112680;\n\n    --Light-Grey-0: #f2f3f800;\n\n    --Blue-purple-30: #5547eb4d;\n    --Blue-purple-40: #5547eb66;\n\n    --Trustpilot-Green-10: #00b87a1a;\n    --Trustpilot-Green-20: #00b87a33;\n\n    --Lavender-10: #a192ec1a;\n    --Lavender-20: #a192ec33;\n    --Lavender-30: #a293ec4d;\n    --Lavender-40: #a293ec66;\n}\n\nhtml {\n    font-size: 16px;\n    overflow-x: hidden;\n    &.unscrolled {\n        overflow-y: hidden;\n    }\n}\n\nbody {\n    margin: 0;\n    font-family: SpaceGrotesk-Medium, sans-serif;\n    color: var(--Dark);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\nbody.dark {\n    position: relative;\n    overflow: hidden;\n}\nbody.dark:after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--Dark);\n    opacity: 0.2;\n    z-index: 5;\n    cursor: pointer;\n    animation: fadeIn 0.5s ease;\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 0.2;\n    }\n}\n// #root {\n//     margin-top: 72px;\n// }\nmain {\n    margin-top: 72px;\n    transition: 0.4s;\n    min-height: 110vh;\n    &.with-banner {\n        margin-top: 112px;\n    }\n}\ncode {\n    font-family: SourceCodePro;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 130%;\n    letter-spacing: 1px;\n}\n\na {\n    color: inherit;\n}\n","@import \"styles/_mixins.scss\";\n\n.footer {\n    padding: 64px 20px 40px;\n    @include w($md) {\n        padding: 16px 0 40px;\n    }\n    &-logo {\n        margin-bottom: 40px;\n        a {\n            display: flex;\n            img {\n                max-height: 40px;\n            }\n        }\n    }\n    &-menu {\n        display: flex;\n        gap: 20px;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        @include w($md) {\n            gap: 32px;\n            flex-direction: column;\n        }\n        &__social {\n            width: 325px;\n            display: flex;\n            align-items: center;\n            padding: 8px;\n            border-radius: 8px;\n            border: 1px solid var(--Grey);\n            gap: 16px;\n            margin-bottom: 8px;\n            background-color: var(--White);\n            transition: 0.5s;\n            @include w($md) {\n                width: 100%;\n                max-width: 325px;\n            }\n\n            &-icon {\n                width: 48px;\n                height: 48px;\n                background-color: var(--Light-Grey);\n                padding: 12px;\n                border-radius: 4px;\n                color: var(--Blue-purple);\n                transition: 0.5s;\n            }\n            &:hover {\n                background-color: var(--Light-Grey);\n\n                .footer-menu__social-icon {\n                    background-color: var(--White);\n                }\n            }\n        }\n        &__nav {\n            display: flex;\n            flex-direction: column;\n            &-container {\n                display: flex;\n                flex-wrap: wrap;\n                max-width: 868px;\n                justify-content: space-between;\n                gap: 80px;\n                @include w($lg) {\n                    gap: 20px;\n                    flex-wrap: nowrap;\n                }\n                @include w($md) {\n                    gap: 32px;\n                    flex-direction: column;\n                }\n            }\n            .description2 {\n                margin-bottom: 24px;\n            }\n            .link {\n                width: 236px;\n                margin-bottom: 20px;\n                opacity: 0.8;\n                display: flex;\n                gap: 8px;\n                align-items: center;\n                transition: 0.5s;\n                &:hover {\n                    color: var(--Blue-purple);\n                    opacity: 1;\n                }\n            }\n            &-underline {\n                border-bottom: 1px solid var(--Grey);\n                padding-bottom: 20px;\n                margin-bottom: 20px;\n            }\n        }\n    }\n    &-media {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 43px;\n\n        &-title {\n            opacity: 0.6;\n            margin-bottom: 24px;\n        }\n        &__datacenter {\n            &-items {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 8px;\n                opacity: 0.6;\n                img {\n                    max-height: 40px;\n                }\n            }\n        }\n        &__social {\n            .link {\n                text-align: end;\n            }\n            &-items {\n                display: flex;\n                gap: 8px;\n                color: var(--Blue-purple);\n            }\n\n            &-icon {\n                display: flex;\n                border-radius: 8px;\n                height: 48px;\n                width: 48px;\n                padding: 12px;\n                background-color: var(--Light-Grey);\n                transition: 0.5s;\n                &:hover {\n                    opacity: 0.6;\n                }\n            }\n        }\n    }\n\n    hr.line {\n        border-bottom: 1px solid var(--Grey);\n        margin: 40px 0 46px;\n        @include w($sm) {\n            margin: 32px 0;\n        }\n    }\n\n    &-info {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        @include w($sm) {\n            align-items: start;\n            gap: 32px;\n            flex-direction: column-reverse;\n        }\n        &__copyright {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            opacity: 0.6;\n        }\n        &__docs {\n            display: flex;\n            @include w($md) {\n                flex-direction: column;\n                gap: 16px;\n            }\n            &-item {\n                padding: 0 16px 0 16px;\n                border-right: 1px solid var(--Grey);\n                opacity: 0.6;\n                transition: 0.5s;\n\n                &:hover {\n                    color: var(--Blue-purple);\n                    opacity: 1;\n                }\n                &:last-child {\n                    padding: 0 0 0 16px;\n                    border-right: none;\n                }\n                @include w($md) {\n                    flex-direction: column;\n                    gap: 16px;\n                    padding: 0;\n                    &:last-child {\n                        padding: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/mixins\";\n\n@keyframes expandHeight {\n    from {\n        height: 0;\n    }\n    to {\n        height: 40px;\n    }\n}\n\n@keyframes headerDropdownShow {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n@keyframes headerDropdownHide {\n    to {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n}\n\n.header {\n    position: fixed;\n    top: 0;\n    background-color: var(--White);\n    z-index: 100;\n    height: 72px;\n    width: 100%;\n    transition: 0.5s;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    &-with-banner {\n        height: 112px;\n    }\n    &-price-info {\n        position: relative;\n        background: var(--Purple-gradient);\n        height: 40px;\n        color: var(--White);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: expandHeight 0.5s ease-out forwards;\n        &-close {\n            position: absolute;\n            right: 12px;\n            display: flex;\n        }\n    }\n\n    .header-container {\n        width: 100%;\n        height: 72px;\n        max-width: calc(1312px + 20px * 2);\n        padding: 0 20px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-around;\n    }\n    &-logo {\n        max-height: 40px;\n        width: auto;\n        flex: 1;\n        img {\n            aspect-ratio: 122/40;\n            max-height: 40px;\n        }\n    }\n    &-nav {\n        display: flex;\n        gap: 40px;\n        margin: 0 auto;\n        &__item {\n            &-name {\n                cursor: pointer;\n                @include link;\n                display: flex;\n                gap: 4px;\n                align-items: center;\n                color: var(--Dark);\n                transition: 0.5s;\n                &_arrow {\n                    transform: rotate(90deg);\n                    opacity: 0.5;\n                    transition: 0.5s;\n                }\n                &:hover {\n                    color: var(--Blue-purple);\n                }\n                @include w(1111) {\n                    @include body1;\n                }\n            }\n            &__dropdown {\n                display: none;\n\n                position: absolute;\n                top: 100%;\n                right: 0;\n                left: 0;\n                width: 100%;\n                background-color: var(--White);\n                border-radius: 0px 0px 8px 8px;\n                padding: 24px 40px 40px;\n                gap: 20px;\n                z-index: -1;\n                transition: 0.5s;\n                &-open {\n                    display: flex;\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n                &-close {\n                    pointer-events: none;\n                    display: flex;\n                    opacity: 0;\n                    transform: translateY(-10px);\n                    @include w(1111) {\n                        transform: translateY(0);\n                        padding: 0;\n                    }\n                }\n\n                &-section {\n                    &.col-4 {\n                        flex: 1 1 calc(33.33% - 20px);\n                    }\n                    &.col-6 {\n                        flex: 1 1 calc(50% - 20px);\n                    }\n                    &.col-8 {\n                        flex: 1 1 calc(66.66% - 20px);\n                    }\n                    display: flex;\n                    flex-direction: column;\n                    gap: 24px;\n\n                    .link {\n                        opacity: 0.5;\n                        padding-bottom: 16px;\n                        border-bottom: 1px solid var(--Light-Grey);\n                    }\n\n                    &-container {\n                        display: flex;\n                        flex-wrap: wrap;\n                        gap: 24px;\n                        @include w($sm) {\n                            flex-direction: column;\n                        }\n                    }\n                }\n                &-item {\n                    &.col-6 {\n                        flex: 1 1 calc(50% - 24px);\n                    }\n                    display: flex;\n                    align-items: center;\n                    gap: 16px;\n                    &__icon {\n                        height: 56px;\n                        width: 56px;\n                        padding: 14px;\n                        border-radius: 4px;\n                        background-color: var(--Light-Grey);\n                    }\n                    &__body {\n                        .button-text {\n                            display: flex;\n\n                            align-items: center;\n                            transition: 0.5s;\n                            .up-arrow {\n                                margin-left: 8px;\n                            }\n                            .arrow {\n                                opacity: 0;\n                                transition: 0.5s;\n                                transform: translateX(-5px);\n                            }\n                        }\n                        .body4 {\n                            margin-top: 8px;\n\n                            opacity: 0.6;\n                        }\n                    }\n\n                    &:hover {\n                        .button-text {\n                            color: var(--Blue-purple);\n                            .arrow {\n                                opacity: 1;\n                                transform: translateX(5px);\n                            }\n                        }\n                    }\n                }\n\n                &-trial {\n                    border-radius: 4px;\n                    padding: 24px;\n                    background-color: var(--Light-Grey);\n                    //TO DO\n                    //Change background-image src\n                    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' viewBox='0 0 104 104' fill='none'%3E%3Cg opacity='0.1'%3E%3Cpath d='M57.1421 4.28571C57.1421 1.91878 55.2233 0 52.8564 0H32.8567C30.4898 0 28.571 1.91878 28.571 4.28571V23.7656C28.571 24.9022 28.1195 25.9923 27.3158 26.796L26.7957 27.3162C25.9919 28.1199 24.9019 28.5714 23.7652 28.5714H4.28566C1.91876 28.5714 2.45579e-06 30.4902 2.35319e-06 32.8571L0 87.1429C0 89.5098 1.91875 91.4286 4.28566 91.4286H23.7652C24.9019 91.4286 25.9919 91.8801 26.7957 92.6838L27.3158 93.204C28.1195 94.0077 28.571 95.0978 28.571 96.2344L28.571 115.714C28.571 118.081 30.4898 120 32.8567 120H87.1417C89.5086 120 91.4273 118.081 91.4273 115.714V96.234C91.4273 95.0974 91.8788 94.0073 92.6826 93.2036L93.2023 92.6838C94.006 91.8801 95.0961 91.4286 96.2327 91.4286H115.713C118.08 91.4286 119.998 89.5098 119.998 87.1429V67.1429C119.998 64.7759 118.08 62.8571 115.713 62.8571H95.713C93.3461 62.8571 91.4273 64.7759 91.4273 67.1429V86.6227C91.4273 87.7594 90.9758 88.8494 90.1721 89.6532L89.6519 90.1733C88.8482 90.977 87.7581 91.4286 86.6215 91.4286H33.3764C32.2398 91.4286 31.1497 90.977 30.346 90.1733L29.8263 89.6536C29.0226 88.8498 28.571 87.7597 28.571 86.6231L28.571 33.3769C28.571 32.2402 29.0226 31.1502 29.8263 30.3464L30.346 29.8267C31.1497 29.023 32.2398 28.5714 33.3764 28.5714H52.8564C55.2233 28.5714 57.1421 26.6526 57.1421 24.2857V4.28571Z' fill='%23A192EC'/%3E%3Cpath d='M115.714 0C118.081 0 120 1.91878 120 4.28571V41.4286C120 43.7955 118.081 45.7143 115.714 45.7143H79.0919C77.9553 45.7143 76.8652 46.1658 76.0615 46.9695L75.5415 47.4895C74.7378 48.2932 74.2863 49.3833 74.2863 50.5199V70C74.2863 72.3669 72.3676 74.2857 70.0007 74.2857H50.0009C47.634 74.2857 45.7153 72.3669 45.7153 70V50C45.7153 47.6331 47.634 45.7143 50.0009 45.7143H69.4807C70.6173 45.7143 71.7074 45.2628 72.5111 44.459L73.0311 43.9391C73.8348 43.1354 74.2863 42.0453 74.2863 40.9086V4.28572C74.2863 1.91878 76.2051 0 78.572 0H115.714Z' fill='%23A192EC'/%3E%3C/g%3E%3C/svg%3E\");\n                    background-repeat: no-repeat;\n                    background-position: bottom right;\n                    .body1 {\n                        margin-bottom: 8px;\n                    }\n                    .body2 {\n                        margin-bottom: 26px;\n                        opacity: 0.6;\n                    }\n                }\n                &-locations {\n                    border-radius: 4px;\n                    padding: 19px 20px;\n                    background-color: var(--Light-Grey);\n                    display: flex;\n                    flex-wrap: wrap;\n                    gap: 14px;\n                    justify-content: center;\n                    &__item {\n                        padding: 8px;\n                        border-radius: 6px;\n                        background: var(--White);\n                        box-shadow: 0px 16px 24px -16px rgba(85, 71, 235, 0.2);\n                        display: flex;\n                        align-items: center;\n                        gap: 12px;\n                        transition: 0.5s;\n                        img {\n                            border-radius: 2px;\n                            width: 28px;\n                            height: 28px;\n                        }\n                        &:hover {\n                            transform: translate(-2px, -2px);\n                        }\n                    }\n                }\n                &-post {\n                    border-radius: 8px;\n                    border: 1px solid var(--Grey);\n                    background: var(--White);\n                    display: flex;\n                    flex-direction: column;\n                    gap: 16px;\n                    padding: 16px;\n                    &__image {\n                        overflow: hidden;\n                        border-radius: 4px;\n\n                        img {\n                            aspect-ratio: 281/172;\n                            transform: scale(1);\n                            transition: 0.5s;\n                        }\n                    }\n                    .body2 {\n                        transition: 0.5s;\n                    }\n\n                    &__tags {\n                        display: flex;\n                        flex-wrap: wrap;\n                        flex-direction: row;\n                        gap: 8px;\n                    }\n                    &:hover {\n                        .header-nav__item__dropdown-post__image img {\n                            transform: scale(1.05);\n                        }\n                        .body2 {\n                            color: var(--Blue-purple);\n                        }\n                    }\n                }\n            }\n\n            &.active {\n                .header-nav__item-name {\n                    color: var(--Blue-purple);\n                    &_arrow {\n                        transform: rotate(-90deg);\n                        opacity: 1;\n                    }\n                }\n            }\n        }\n    }\n    &-log {\n        display: flex;\n        gap: 24px;\n        flex: 1;\n        justify-content: flex-end;\n        @include w(1111) {\n            justify-content: flex-start;\n        }\n        @include w(500) {\n            .ask-expert {\n                flex: 1 1;\n                justify-content: center;\n            }\n            .log-btn-container {\n                flex: 1 1;\n            }\n            .log-btn {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n    }\n    .burger-button {\n        padding: 9px 6px;\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 4px;\n        &-line {\n            position: relative;\n            height: 2px;\n            width: 20px;\n            transform: rotate(0);\n\n            border-radius: 8px;\n            background-color: var(--Blue-purple);\n            transition: 0.5s;\n            &.top-line {\n                top: 0px;\n            }\n            &.middle-line {\n                width: 20px;\n            }\n            &.bottom-line {\n                bottom: 0px;\n            }\n        }\n        &.active {\n            .top-line {\n                transform: rotate(45deg);\n                top: 6px;\n            }\n            .middle-line {\n                width: 0;\n            }\n            .bottom-line {\n                transform: rotate(-45deg);\n                bottom: 6px;\n            }\n        }\n    }\n    &-mobile-menu {\n        position: absolute;\n        // top: -100%;\n        background-color: var(--White);\n        top: 100%;\n        width: 100%;\n        z-index: -1;\n        transition: 0.5s;\n        overflow-y: auto;\n        height: calc(100dvh - 72px);\n        max-height: calc(100dvh - 72px);\n        padding: 16px;\n\n        &--with-banner {\n            max-height: calc(100dvh - 112px);\n        }\n\n        &--open {\n            // animation: headerDropdownShowMob 0.5s ease-out forwards;\n            left: 0;\n        }\n        &--close {\n            left: -100%;\n\n            // animation: headerDropdownHideMob 0.5s ease-out forwards;\n        }\n        .header-nav {\n            flex-direction: column;\n            gap: 20px;\n            &__item {\n                max-height: 26px;\n                overflow: hidden;\n                transition: 0.5s;\n\n                &.active {\n                    max-height: 1300px;\n                }\n                &__dropdown {\n                    position: static;\n                    flex-direction: column;\n                    padding: 24px 0 0;\n                }\n            }\n        }\n        .log-btn {\n            background: var(--Purple-gradient);\n            color: var(--White);\n            border: none;\n            transition: 0.5s;\n            height: 48px;\n            svg {\n                color: var(--White);\n            }\n        }\n        .ask-expert {\n            padding: 16px;\n            border-radius: 4px;\n            border: 1px solid var(--Blue-purple-30);\n            height: 48px;\n        }\n        .header-log {\n            margin-bottom: 40px;\n        }\n    }\n\n    &.scrolled {\n        background-color: var(--White-70);\n        backdrop-filter: blur(200px);\n        .log-btn {\n            background: var(--Purple-gradient);\n            color: var(--White);\n            // border: none;\n            border: 1px solid;\n            border-image: linear-gradient(225deg, #a192ec -5.89%, #5547eb 99.74%);\n            border-image-slice: 1;\n            transition:\n                all 0.5s,\n                border 0.01s;\n\n            svg {\n                color: var(--White);\n            }\n            &:not([disabled]):hover {\n                opacity: 0.8;\n            }\n        }\n    }\n}\n","@import \"styles/mixins\";\n\n/* h1 style */\n@mixin h1 {\n    font-size: 80px;\n    line-height: 100%;\n    letter-spacing: -3px;\n    @include w($sm) {\n        font-size: 40px;\n        line-height: 120%;\n        letter-spacing: -1px;\n    }\n}\n.h1,\nh1 {\n    @include h1;\n}\n\n/* h2 style */\n@mixin h2 {\n    font-size: 56px;\n    line-height: 110%;\n    letter-spacing: -2px;\n    @include w($sm) {\n        font-size: 32px;\n        line-height: 120%;\n        letter-spacing: -1px;\n    }\n}\n.h2,\nh2 {\n    @include h2;\n}\n\n/* H3 */\n\n@mixin h3 {\n    font-size: 40px;\n    line-height: 120%;\n    letter-spacing: -1px;\n    @include w($sm) {\n        font-size: 24px;\n        line-height: 120%;\n        letter-spacing: -1px;\n    }\n}\n.h3,\nh3 {\n    @include h3;\n}\n\n/* Body 1 */\n@mixin body1 {\n    font-size: 20px;\n    line-height: 130%;\n    @include w($sm) {\n        font-size: 16px;\n        line-height: 140%;\n    }\n}\n\n.body1 {\n    @include body1;\n}\n\n/* Body 2 */\n@mixin body2 {\n    font-size: 16px;\n    line-height: 140%;\n    @include w($sm) {\n        font-size: 14px;\n    }\n}\n\n.body2 {\n    @include body2;\n}\n\n/* Body 3 */\n@mixin body3 {\n    font-size: 14px;\n    line-height: 100%;\n    @include w($sm) {\n        font-size: 12px;\n    }\n}\n\n.body3 {\n    @include body3;\n}\n\n/* Body 4 */\n\n@mixin body4 {\n    font-size: 14px;\n    line-height: 140%;\n    letter-spacing: 0.5px;\n    @include w($sm) {\n        font-size: 12px;\n    }\n}\n\n.body4 {\n    @include body4;\n}\n\n/* Description 1 */\n\n@mixin description1 {\n    font-size: 32px;\n    line-height: 110%;\n    letter-spacing: -1px;\n    @include w($sm) {\n        font-size: 24px;\n        line-height: 130%;\n        letter-spacing: -0.5px;\n    }\n}\n\n.description1 {\n    @include description1;\n}\n\n/* Description 2 */\n\n@mixin description2 {\n    font-family: SpaceGrotesk-Bold;\n    font-size: 24px;\n    line-height: 120%;\n    @include w($sm) {\n        font-size: 20px;\n    }\n}\n\n.description2 {\n    @include description2;\n}\n\n/* Link */\n\n@mixin link {\n    font-size: 16px;\n    line-height: 100%;\n    @include w($sm) {\n        font-size: 14px;\n    }\n}\n\n.link {\n    @include link;\n}\n\n/* Tag */\n\n@mixin tag-text {\n    font-family: SpaceGrotesk-Bold;\n    font-size: 14px;\n    line-height: 100%;\n    @include w($sm) {\n        font-size: 12px;\n    }\n}\n\n.tag-text {\n    @include tag-text;\n}\n\n/* Button */\n\n@mixin button-text {\n    font-family: SpaceGrotesk-Bold;\n    font-size: 16px;\n    line-height: 100%;\n}\n\n.button-text {\n    @include button-text;\n}\n",".ask-expert {\n    display: flex;\n    align-items: center;\n    color: var(--Blue-purple);\n    gap: 8px;\n    opacity: 1;\n    transition: 0.5s;\n    cursor: pointer;\n    z-index: 9999;\n    &:hover {\n        opacity: 0.6;\n    }\n}\n",".log-btn {\n    &-container {\n        overflow: hidden;\n        border-radius: 4px;\n    }\n    display: flex;\n    align-items: center;\n    color: var(--Blue-purple);\n    height: 40px;\n    padding: 0 16px;\n    background: linear-gradient(225deg, var(--White) -5.89%, var(--White) 99.74%);\n    border: 1px solid var(--Blue-purple-30);\n    border-radius: 4px;\n    gap: 8px;\n    transition: 0.5s;\n    svg {\n        color: var(--Blue-purple);\n        width: 16px;\n        height: 16px;\n    }\n    &:hover {\n        border: 1px solid var(--Blue-purple);\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.contacts-popup {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    display: none;\n    align-items: center;\n    max-width: 1100px;\n    border-radius: 12px;\n    background-color: var(--Light-Grey);\n    padding: 16px 32px 16px 16px;\n    gap: 32px;\n    width: max-content;\n    opacity: 0;\n    z-index: 111;\n    transform: translateX(100%);\n    transition: 1s;\n    max-height: 97dvh;\n    overflow-y: auto;\n\n    &--open {\n        display: flex;\n        opacity: 1;\n        transform: translate(-50%, -50%);\n        transition: 1s;\n    }\n\n    &-info {\n        background: var(--Purple-gradient);\n        padding: 24px;\n        color: var(--White);\n        border-radius: 6px;\n        max-width: 360px;\n        width: 100%;\n\n        .hero-trastpilot {\n            margin: 0;\n        }\n        .description1 {\n            margin: 24px 0;\n        }\n        &-list {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            margin-bottom: 71px;\n            li {\n                display: flex;\n            }\n            &__icon {\n                color: var(--Trustpilot-Green);\n                height: 20px;\n                width: 20px;\n                display: block;\n            }\n        }\n        &__datacenter {\n            &-title {\n                max-width: 190px;\n                opacity: 0.5;\n                margin-bottom: 24px;\n            }\n            &-items {\n                display: flex;\n                flex-wrap: wrap;\n                row-gap: 24px;\n                column-gap: 10px;\n                img {\n                    max-height: 48px;\n                }\n            }\n        }\n    }\n    &-layer {\n        display: none;\n        position: fixed;\n        top: 0;\n        height: 100dvh;\n        width: 100vw;\n        z-index: 110;\n        background-color: var(--Dark);\n        opacity: 0.2;\n        cursor: pointer;\n        animation: fadeIn 0.5s ease;\n        &--open {\n            display: block;\n        }\n    }\n    &-exit {\n        cursor: pointer;\n        position: absolute;\n        top: 8px;\n        right: 8px;\n    }\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 0.2;\n        }\n    }\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n    @include w(1100) {\n        max-width: calc(100vw - 16px * 2);\n    }\n    @include w($lg) {\n        padding: 24px 16px 16px;\n        align-items: start;\n    }\n}\n","@import \"styles/typography\";\n@import \"styles/_mixins.scss\";\n\n.contact-form {\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 24px;\n    column-gap: 20px;\n    & .col-6 {\n        flex: 1 1 calc(50% - 20px);\n    }\n    & .col-12 {\n        flex: 1 1 100%;\n    }\n\n    input:not([type=\"checkbox\"]),\n    textarea {\n        @include body2;\n        display: flex;\n        align-items: center;\n        padding: 0 20px;\n        border-radius: 4px;\n        border: 1px solid var(--Grey);\n        background: var(--White);\n        height: 56px;\n        width: 100%;\n\n        &:hover {\n            border: 1px solid rgba(85, 71, 235, 0.5);\n        }\n        &::placeholder {\n            opacity: 0.3;\n        }\n        &.error {\n            border: 1px solid #ef436c;\n            animation: error-input 0.5s ease-in-out;\n        }\n    }\n    textarea {\n        padding: 17px 20px 15px;\n        outline: none;\n        height: 120px;\n        resize: none;\n    }\n\n    &-dropdown {\n        position: relative;\n    }\n\n    &-flag {\n        height: 20px;\n        width: 20px;\n        border-radius: 2px;\n    }\n    &-select {\n        padding: 0 20px;\n        cursor: pointer;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        border-radius: 4px;\n        border: 1px solid var(--Grey);\n        background-color: var(--White);\n        height: 56px;\n        .arrow {\n            opacity: 0.6;\n            transform: rotate(90deg);\n            transition: 0.5s;\n        }\n        &.open {\n            .arrow {\n                opacity: 1;\n                transform: rotate(-90deg);\n            }\n        }\n        &-country {\n            display: flex;\n            gap: 12px;\n        }\n    }\n    &-options {\n        opacity: 0;\n        position: absolute;\n        width: 100%;\n        z-index: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        padding: 4px;\n        margin-top: 8px;\n        border-radius: 4px;\n        border: 1px solid var(--Grey);\n        background: var(--White);\n        overflow: hidden;\n        transition: max-height 0.6s ease;\n        max-height: 245px;\n        overflow-y: auto;\n        transition: 0.5s;\n        pointer-events: none;\n\n        &.open {\n            opacity: 1;\n            pointer-events: all;\n        }\n\n        &-item {\n            cursor: pointer;\n            display: flex;\n            gap: 12px;\n            padding: 12px 16px;\n            transition: 0.5s;\n            border-radius: 4px;\n            background-color: var(--White);\n            &:hover {\n                background-color: var(--Light-Grey);\n            }\n        }\n    }\n    label {\n        @include body3;\n        margin-bottom: 12px;\n        display: block;\n        opacity: 0.4;\n    }\n    &-agree {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 20px;\n        label {\n            opacity: 1;\n            margin-bottom: 0;\n        }\n        .checkbox + label::before {\n            margin-top: 0;\n        }\n\n        &__check {\n            display: flex;\n            align-items: center;\n            a {\n                color: var(--Blue-purple);\n            }\n        }\n    }\n    .error-message {\n        margin-top: 12px;\n        color: #ef436c;\n    }\n\n    &-success {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        text-align: center;\n        &__img {\n            padding: 16px;\n            border-radius: 8px;\n            background-color: var(--Trustpilot-Green-10);\n            img {\n                height: 32px;\n                width: 32px;\n            }\n        }\n        &__title {\n            margin-top: 24px;\n            margin-bottom: 16px;\n            max-width: 300px;\n        }\n        &__desc {\n            max-width: 350px;\n        }\n    }\n    @include w($lg) {\n        & .col-6 {\n            flex: 1 1 100%;\n        }\n    }\n    @include w($md) {\n        &-agree {\n            flex-direction: column;\n            align-items: start;\n            .button {\n                width: 100%;\n            }\n        }\n    }\n    @include w($md) {\n        input:not([type=\"checkbox\"]) {\n            height: 44px;\n            padding: 0 16px;\n        }\n        row-gap: 12px;\n        &-select {\n            padding: 0 16px;\n        }\n        textarea {\n            padding: 16px;\n        }\n        &-agree {\n        }\n    }\n}\n",".checkbox {\n    display: none;\n\n    & + label {\n        position: relative;\n        cursor: pointer;\n        user-select: none;\n        padding-left: 36px;\n    }\n\n    & + label::before {\n        margin-top: 2px;\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 20px;\n        height: 20px;\n        border: 1px solid var(--White);\n        background: transparent;\n        border-radius: 2px;\n    }\n\n    &:checked + label::before {\n        content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M2 4.85714L4.25 7L9.5 2' stroke='%235547EB' strokeWidth='2' strokeLinecap='square'/%3E%3C/svg%3E\");\n        background-color: var(--White);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: jelly 0.6s ease;\n    }\n\n    &--purple {\n        & + label::before {\n            border: 1px solid var(--Dark);\n            opacity: 0.3;\n        }\n        &:checked + label::before {\n            content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2.25 4.35714L4.5 6.5L9.75 1.5' stroke='white' strokeWidth='2' strokeLinecap='square'/%3E%3C/svg%3E\");\n            opacity: 1;\n            border: 1px solid var(--Blue-purple);\n            background-color: var(--Blue-purple);\n        }\n    }\n    &--error {\n        & + label::before {\n            border: 2px solid #ef436c;\n            animation: jelly 0.5s ease-in-out;\n        }\n    }\n}\n@keyframes jelly {\n    0%,\n    100% {\n        transform: scale(1, 1);\n    }\n    30% {\n        transform: scale(1.1, 0.9);\n    }\n    40% {\n        transform: scale(0.8, 1.2);\n    }\n    50% {\n        transform: scale(1.1, 0.8);\n    }\n    65% {\n        transform: scale(0.9, 1);\n    }\n    75% {\n        transform: scale(1, 0.9);\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.button {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    overflow: hidden;\n    width: fit-content;\n    padding: 0 48px;\n    gap: 8px;\n    transition: 0.5s;\n\n    span {\n        @include button-text;\n        display: flex;\n        align-items: center;\n        transition: 0.5s;\n    }\n\n    /*   Type    */\n\n    &.button {\n        //Purple\n        &--purple {\n            background: var(--Purple-gradient);\n            color: var(--White);\n            box-shadow: 0px 16px 24px -16px var(--Blue-purple-40);\n            transition: opacity 0.5s;\n            &:not([disabled]):hover {\n                opacity: 0.8;\n            }\n        }\n        //White\n        &--white {\n            background: var(--White);\n            color: var(--Blue-purple);\n            box-shadow: 0px 16px 24px -16px var(--Blue-purple-40);\n        }\n        //Outline\n        &--outline,\n        &--outlineAnchor {\n            border: 1px solid var(--Blue-purple-30);\n            background: none;\n            color: var(--Blue-purple);\n            &:hover {\n                border: 1px solid var(--Blue-purple);\n            }\n        }\n    }\n\n    &.button {\n        &--S {\n            height: 40px;\n            padding: 0 24px;\n        }\n        &--M {\n            height: 52px;\n            @include w($sm) {\n                height: 48px;\n                padding: 20px;\n            }\n        }\n        &--L {\n            height: 56px;\n        }\n    }\n\n    &--with-arrow {\n        span {\n            margin-left: -24px;\n        }\n        .arrow {\n            height: 16px;\n            width: 16px;\n            transition: 0.5s;\n            &--rotate {\n                transform: rotate(90deg);\n            }\n            &:first-child {\n                opacity: 0;\n                transform: translateX(-24px);\n            }\n        }\n        &:not([disabled]):hover {\n            span {\n                transform: translateX(24px);\n            }\n            .arrow {\n                &:first-child {\n                    opacity: 1;\n                    transform: translateX(0px);\n                }\n                &:last-child {\n                    opacity: 0;\n                    transform: translateX(24px);\n                }\n            }\n        }\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n        border: 1px solid var(--Grey);\n        background: linear-gradient(0deg, var(--Grey), var(--Grey)),\n            linear-gradient(0deg, var(--Light-Grey), (--Light-Grey));\n        box-shadow: none;\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.trastpilot-rate {\n    display: flex;\n    gap: 2px;\n    &__star {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--White);\n        background-color: var(--Trustpilot-Green);\n        &--M {\n            height: 16px;\n            width: 16px;\n            padding: 2px;\n            border-radius: 2px;\n            svg {\n                height: 12px;\n                width: 12px;\n            }\n        }\n        &--L {\n            width: 24px;\n            height: 24px;\n            padding: 3px;\n            border-radius: 3px;\n            svg {\n                height: 18px;\n                width: 18px;\n            }\n        }\n    }\n}\n",".trustpilot-logo {\n    display: flex;\n    align-items: baseline;\n\n    &__star {\n        &--green {\n            color: var(--Trustpilot-Green);\n        }\n        &--outline {\n            color: var(--White);\n        }\n    }\n    &__name {\n        &--green {\n            color: var(--Dark);\n        }\n        &--outline {\n            color: var(--White);\n        }\n    }\n    &--M {\n        gap: 4px;\n        .trustpilot-logo__star {\n            width: 16px;\n            height: 16px;\n        }\n        .trustpilot-logo__name {\n            width: 58px;\n            height: 12px;\n        }\n    }\n    &--L {\n        gap: 6px;\n\n        .trustpilot-logo__star {\n            width: 24px;\n            height: 24px;\n        }\n        .trustpilot-logo__name {\n            width: 87px;\n            height: 18px;\n        }\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.hero-trastpilot {\n    display: flex;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: 40px;\n    gap: 12px;\n    width: fit-content;\n    margin-top: 64px;\n\n    &--green {\n        border: 1px solid var(--Trustpilot-Green-20);\n        background-color: var(--Trustpilot-Green-10);\n        span {\n            opacity: 0.6;\n        }\n    }\n    &--outline {\n        border: 1px solid var(--White-20);\n        background-color: var(--White-10);\n        span {\n            color: var(--White);\n        }\n    }\n\n    &__reviews {\n        display: flex;\n        gap: 4px;\n    }\n\n    @include w($sm) {\n        margin-top: 32px;\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.cookies {\n    position: fixed;\n    bottom: 16px;\n    right: 16px;\n    border-radius: 8px;\n    border: 1px solid var(--Light-Grey);\n    background-color: var(--White);\n    box-shadow: 0px 8px 24px 0px rgba(46, 36, 133, 0.1);\n    padding: 24px;\n    max-width: 400px;\n    z-index: 5;\n    transform: translateY(calc(100% + 16px));\n    transition: 0.4s;\n    &-container {\n        max-width: 1440px;\n        margin: 0 auto;\n        position: relative;\n    }\n    &.active {\n        transform: translateY(0);\n    }\n    &-header {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        &__image {\n            padding: 8px;\n            border-radius: 4px;\n            background-color: var(--Light-Grey);\n        }\n    }\n    &-body {\n        margin: 16px 0 24px;\n    }\n    &-buttons {\n        display: flex;\n        gap: 24px;\n        .button {\n            padding: 0 25px;\n        }\n    }\n    @include w($sm) {\n        max-width: 100%;\n        bottom: 16px;\n        left: 16px;\n        right: 16px;\n        &-buttons {\n            .button {\n                width: 100%;\n            }\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n    }\n    // @include min-w(1440px) {\n    //     left: calc(50% + 285px);\n    // }\n}\n","@import \"styles/_typography.scss\";\n\n.link-item {\n    @include button-text;\n    display: flex;\n    align-items: center;\n    // margin-top: 24px;\n    gap: 8px;\n    color: var(--Blue-purple);\n    transition: 0.5s;\n    &:hover {\n        color: var(--Lavender);\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.fzf {\n    padding: 64px 16px;\n    display: flex;\n    gap: 20px;\n    justify-content: space-between;\n    &-content {\n        flex: 1 1;\n        .body1 {\n            margin: 24px 0 40px;\n            opacity: 0.6;\n        }\n    }\n\n    &-image {\n        flex: 1 1;\n        border-radius: 8px;\n        height: 328px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-image: url(\"../../assets/backgrounds/404.svg\"), var(--Purple-gradient);\n        background-position: center, center;\n        background-size: contain, contain;\n        width: 100%;\n        padding: 16px 16px;\n    }\n    @include w($md) {\n        flex-direction: column-reverse;\n        &-image {\n            padding: 32px;\n        }\n        .button {\n            width: 100%;\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n.label {\n    @include tag-text;\n    padding: 4px 12px;\n    border-radius: 24px;\n    text-align: center;\n    display: inline-block;\n    &--green {\n        border: 1px solid var(--Trustpilot-Green-20);\n        background-color: var(--Trustpilot-Green-10);\n        color: var(--Trustpilot-Green);\n    }\n    &--outline {\n        color: var(--White);\n        border: 1px solid var(--White-20);\n        background: var(--White-10);\n    }\n}\n","@import \"styles/_mixins.scss\";\n@import \"styles/typography\";\n\n.newsletter-subscriber {\n    margin: 24px auto;\n    border-radius: 16px;\n    position: relative;\n    background-image: var(--Purple-gradient);\n    background-position: center, center;\n    background-size: contain, contain;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    padding: 48px 16px 54px;\n    color: var(--White);\n    &-sent {\n        padding: 72px 16px 72px;\n    }\n    &__bg {\n        position: absolute;\n        top: 25%;\n        left: 0;\n        width: 100%;\n    }\n    .label {\n        z-index: 1;\n        position: relative;\n    }\n    .h2 {\n        text-align: center;\n        max-width: 720px;\n        margin: 24px 0;\n        z-index: 1;\n        position: relative;\n    }\n    &__desc {\n        opacity: 0.8;\n        text-align: center;\n        max-width: 440px;\n        z-index: 1;\n        position: relative;\n    }\n    &__input {\n        width: 100%;\n        .error {\n            color: #ef436c;\n            margin-top: 12px;\n        }\n    }\n    .button {\n        padding: 0 32px;\n    }\n\n    .input-container {\n        display: flex;\n        margin: 40px 0 24px;\n\n        gap: 16px;\n        width: 100%;\n        max-width: 582px;\n        align-items: flex-start;\n        z-index: 1;\n        position: relative;\n        .input {\n            @include body2;\n            display: flex;\n            align-items: center;\n            padding: 0 20px;\n            border-radius: 4px;\n            border: 1px solid var(--White-20);\n            background: var(--White-20);\n            height: 56px;\n            width: 100%;\n            &::placeholder {\n                opacity: 0.3;\n                color: var(--White);\n            }\n\n            &:hover {\n                border: 1px solid rgba(85, 71, 235, 0.5);\n            }\n            &--error {\n                border: 1px solid #ef436c;\n                animation: error-input 0.5s ease-in-out;\n            }\n        }\n\n        ~ .input-container {\n            margin: 0;\n        }\n        @keyframes error-input {\n            0%,\n            100% {\n                transform: translateX(0);\n            }\n            10%,\n            50%,\n            90% {\n                transform: translateX(-5px);\n            }\n            20%,\n            60% {\n                transform: translateX(5px);\n            }\n        }\n    }\n    &-label {\n        border: 1px solid var(--White-20);\n        background: linear-gradient(0deg, var(--White-20), var(--White-20)),\n            linear-gradient(0deg, var(--White-10), var(--White-10));\n        border-radius: 8px;\n        padding: 15px;\n        z-index: 1;\n        position: relative;\n        img {\n            height: 32px;\n            width: 32px;\n        }\n    }\n\n    &::before {\n        content: url(\"data:image/svg+xml,%3Csvg width='296' height='72' viewBox='0 0 296 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M16 0C7.16345 0 0 7.16345 0 16V72C0 63.1635 7.16345 56 16 56H264C272.837 56 280 48.8366 280 40V16C280 7.16344 287.163 0 296 0H16Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A\");\n        position: absolute;\n        top: -1px;\n        left: -1px;\n        height: 72px;\n    }\n    &::after {\n        content: url(\"data:image/svg+xml,%3Csvg width='256' height='107' viewBox='0 0 256 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M0 107H240C248.837 107 256 99.8365 256 91V0C256 8.83656 248.837 16 240 16H32C23.1635 16 16 23.1634 16 32V91C16 99.8365 8.83655 107 0 107Z' fill='%23FFFFFF'/%3E%3C/svg%3E\");\n        position: absolute;\n        bottom: -1px;\n        right: -1px;\n        height: 107px;\n    }\n\n    @include w(1392) {\n        margin: 24px 16px;\n    }\n    @include w($lg) {\n        padding: 64px 16px 64px;\n        .button {\n            width: 100%;\n        }\n        .input-container {\n            flex-wrap: wrap;\n        }\n        &::before {\n            content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='75' viewBox='0 0 81 75' fill='none'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M8 0C3.58173 0 0 3.58173 0 8V74.6181C0 70.1999 3.58173 66.6181 8 66.6181H64.0115C68.4298 66.6181 72.0115 63.0364 72.0115 58.6181V8C72.0115 3.58173 75.5932 0 80.0115 0H8Z' fill='white'/%3E%3C/svg%3E\");\n            height: 75px;\n        }\n        &::after {\n            content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='69' height='56' viewBox='0 0 69 56' fill='none'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M0 56H61C65.4183 56 69 52.4183 69 48V0.844315C69 5.2626 65.4183 8.8443 61 8.8443H16C11.5817 8.8443 8 12.426 8 16.8443V48C8 52.4183 4.41828 56 0 56Z' fill='white'/%3E%3C/svg%3E\");\n            height: 56px;\n        }\n    }\n    @include w($sm) {\n        .h2 {\n            margin: 16px 0;\n        }\n        .input-container {\n            gap: 8px;\n            margin: 24px 0;\n        }\n        &-label {\n            padding: 13px;\n            img {\n                height: 28px;\n                width: 28px;\n            }\n        }\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.trasted-partners {\n    padding: 64px 0;\n    .body2 {\n        text-align: center;\n        opacity: 0.6;\n        margin-bottom: 32px;\n    }\n    &__container {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 20px;\n        @include w($sm) {\n            gap: 8px;\n        }\n    }\n    &-item {\n        border-radius: 8px;\n        border: 1px solid var(--Grey);\n        height: 64px;\n        width: 202px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            height: 28px;\n        }\n    }\n    @include w($sm) {\n        padding: 64px 0 40px;\n        &-item {\n            flex: 1 1 calc(50% - 8px);\n        }\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.our-products {\n    background-color: var(--Light-Grey);\n    border-radius: 16px;\n    padding: 64px 40px;\n    max-width: 1392px;\n    margin: 24px auto;\n    &__label {\n        text-align: center;\n    }\n    &__title {\n        text-align: center;\n        max-width: 674px;\n        margin: 24px auto 64px;\n    }\n    &__container {\n        display: flex;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n    @include w($sm) {\n        padding: 64px 0 40px;\n        &__title {\n            margin: 16px auto 32px;\n        }\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.product-card {\n    flex: 1 1;\n    padding: 24px;\n    border-radius: 8px;\n    background-color: var(--White);\n    display: flex;\n    flex-direction: column;\n    transition: 0.5s box-shadow;\n    &:hover {\n        box-shadow: 0px 16px 48px -16px rgba(59, 44, 177, 0.16);\n        .button {\n            opacity: 0.8;\n            span {\n                transform: translateX(24px);\n            }\n            .arrow {\n                &:first-child {\n                    opacity: 1;\n                    transform: translateX(0px);\n                }\n                &:last-child {\n                    opacity: 0;\n                    transform: translateX(24px);\n                }\n            }\n        }\n    }\n    @include w(1257) {\n        flex: 0 1 calc(50% - 10px);\n    }\n    @include w(910) {\n        flex: 0 1 100%;\n    }\n\n    &__icon {\n        height: 72px;\n        width: 72px;\n        padding: 16px;\n        background-color: var(--Light-Grey);\n        img {\n            height: 40px;\n            width: 40px;\n        }\n    }\n    .body2 {\n        opacity: 0.6;\n    }\n    &__info {\n        margin: 24px 0;\n        &-title {\n            margin-bottom: 16px;\n        }\n    }\n    &__text-container {\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n        white-space: nowrap;\n    }\n    &__body {\n        margin-top: auto;\n        display: flex;\n        flex-direction: column;\n    }\n    &__body-2 {\n        margin-top: auto;\n        display: flex;\n        flex-direction: column;\n    }\n    &__price-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 10px 10px 10px 16px;\n        border-radius: 4px;\n        gap: 20px;\n        background-color: var(--Light-Grey);\n        .body3 {\n            display: flex;\n            flex-wrap: nowrap;\n            display: inline;\n            opacity: 0.5;\n        }\n        .button-text {\n            display: inline-block;\n            margin: 0 8px;\n            line-height: 140%;\n        }\n        .label {\n            margin-left: auto;\n        }\n        @include w(1315) {\n            min-height: 58px;\n        }\n        @include w(1257) {\n            min-height: auto;\n        }\n    }\n\n    ul {\n        margin: 32px 0;\n        li {\n            .list-icon {\n                height: 24px;\n                width: 24px;\n            }\n            display: flex;\n            gap: 8px;\n            padding: 12px 0;\n            border-bottom: 1px solid var(--Light-Grey);\n\n            &:first-child {\n                padding: 0 0 12px;\n            }\n            &:last-child {\n                padding: 12px 0 0;\n                border-bottom: none;\n            }\n        }\n    }\n    .button {\n        margin-top: auto;\n        justify-content: center;\n        width: 100%;\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.reviews {\n    padding: 64px 0;\n    background-color: var(--Light-Grey);\n    border-radius: 16px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 24px auto;\n\n    h2 {\n        margin-top: 24px;\n    }\n\n    &-rows {\n        width: 100%;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        gap: 20px 0;\n        margin: 64px 0;\n        &:before,\n        &:after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            width: 120px;\n            height: 100%;\n        }\n        &:before {\n            left: 0;\n            background: linear-gradient(90deg, var(--Light-Grey) 0%, var(--Light-Grey-0) 100%);\n            z-index: 1;\n        }\n        &:after {\n            right: 0;\n            background: linear-gradient(270deg, var(--Light-Grey) 0%, var(--Light-Grey-0) 100%);\n        }\n        @include w($sm) {\n            margin: 32px 0 40px;\n        }\n    }\n\n    &-container {\n        display: flex;\n        overflow: hidden;\n        &:hover {\n            animation-play-state: paused;\n        }\n        .reviews-area {\n            @keyframes moveLeft {\n                from {\n                    transform: translateX(0);\n                }\n            }\n\n            display: flex;\n            animation-name: moveLeft;\n            animation-timing-function: linear;\n            animation-iteration-count: infinite;\n            animation-play-state: inherit;\n        }\n        .reviews-item {\n            display: flex;\n            flex-direction: column;\n            width: 436px;\n            border-radius: 8px;\n            margin-right: 20px;\n            padding: 20px;\n            gap: 20px;\n            background-color: var(--White);\n            &-abbreviation {\n                &--lavender {\n                    color: var(--Lavender);\n                }\n                &--blue {\n                    color: var(--Blue);\n                }\n                &--pink {\n                    color: var(--Pink);\n                }\n                height: 40px;\n                width: 40px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                border-radius: 4px;\n                background: var(--Light-Grey);\n                text-transform: uppercase;\n            }\n            &__header {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n            }\n            &__data {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                .body3 {\n                    opacity: 0.5;\n                }\n            }\n            &__body {\n                display: grid;\n                gap: 12px;\n                .body2 {\n                    position: relative;\n                    display: -webkit-box;\n                    -webkit-box-orient: vertical;\n                    -webkit-line-clamp: 5;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    opacity: 0.6;\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        bottom: 0;\n                        left: 0;\n                        width: 100%;\n                        height: 40px;\n                        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--White) 100%);\n                    }\n                }\n            }\n        }\n    }\n\n    &-tristpilot {\n        border-radius: 8px;\n        background: var(--White);\n        box-shadow: 0px 16px 16px -16px rgba(31, 26, 78, 0.1);\n        display: flex;\n        gap: 56px;\n        padding: 16px;\n        background-color: var(--White);\n\n        &__upperrow {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 12px;\n        }\n        &__underrow {\n            display: flex;\n            justify-content: center;\n            &-item {\n                display: flex;\n                gap: 4px;\n                border: none;\n                span {\n                    opacity: 0.5;\n                }\n                &:first-child {\n                    padding: 0 8px 0 0;\n                    border-right: 1px solid var(--Light-Grey);\n                }\n                &:last-child {\n                    padding: 0 0 0 8px;\n                }\n            }\n        }\n        @include w($sm) {\n            flex-direction: column;\n            align-items: center;\n            gap: 24px;\n            width: 100%;\n            &__upperrow {\n                justify-content: center;\n            }\n            &__underrow {\n                justify-content: center;\n            }\n        }\n    }\n    @include w($sm) {\n        margin: 0 auto;\n        .inner-container {\n            width: 100%;\n        }\n        &-rows {\n            gap: 16px;\n            .reviews-item {\n                margin-right: 16px;\n                padding: 16px;\n                width: 320px;\n                gap: 16px;\n                &__body {\n                    gap: 8px;\n                    .body2 {\n                        -webkit-line-clamp: 4;\n                    }\n                }\n            }\n        }\n        &-tristpilot {\n            .button {\n                width: 100%;\n            }\n        }\n    }\n    @include w($lg) {\n        border-radius: 0;\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.getstarted {\n    margin: 24px auto;\n    border-radius: 16px;\n    position: relative;\n    background-image: var(--Purple-gradient);\n    background-position: center, center;\n    background-size: contain, contain;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    padding: 64px 24px;\n    .label {\n        z-index: 1;\n        position: relative;\n    }\n    .h1 {\n        color: var(--White);\n        text-align: center;\n        max-width: 640px;\n        margin: 24px 0 52px;\n        z-index: 1;\n        position: relative;\n    }\n    &-button {\n        z-index: 1;\n        position: relative;\n    }\n    &__bg {\n        position: absolute;\n        top: 130px;\n        left: 0;\n        width: 100%;\n    }\n    &::before {\n        content: url(\"data:image/svg+xml,%3Csvg width='296' height='72' viewBox='0 0 296 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M16 0C7.16345 0 0 7.16345 0 16V72C0 63.1635 7.16345 56 16 56H264C272.837 56 280 48.8366 280 40V16C280 7.16344 287.163 0 296 0H16Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A\");\n        position: absolute;\n        top: -1px;\n        left: -1px;\n        height: 72px;\n    }\n    &::after {\n        content: url(\"data:image/svg+xml,%3Csvg width='256' height='107' viewBox='0 0 256 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M0 107H240C248.837 107 256 99.8365 256 91V0C256 8.83656 248.837 16 240 16H32C23.1635 16 16 23.1634 16 32V91C16 99.8365 8.83655 107 0 107Z' fill='%23FFFFFF'/%3E%3C/svg%3E\");\n        position: absolute;\n        bottom: -1.5px;\n        right: -1.3px;\n        height: 107px;\n    }\n    @include w(1392) {\n        margin: 24px 16px;\n    }\n    @include w($md) {\n        &::before {\n            content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='51' viewBox='0 0 81 51' fill='none'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M8 0C3.58173 0 0 3.58171 0 7.99998V50.3818C0 45.9635 3.58173 42.3818 8 42.3818H64.0115C68.4298 42.3818 72.0115 38.8001 72.0115 34.3818V8C72.0115 3.58173 75.5932 0 80.0115 0H8Z' fill='white'/%3E%3C/svg%3E\");\n            height: 50px;\n            top: -1px;\n        }\n        &::after {\n            content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='69' height='38' viewBox='0 0 69 38' fill='none'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M0 38H61C65.4183 38 69 34.4183 69 30V0C69 4.41827 65.4183 8 61 8H16C11.5817 8 8 11.5817 8 16V30C8 34.4183 4.41828 38 0 38Z' fill='white'/%3E%3C/svg%3E\");\n            height: 37px;\n        }\n    }\n}\n","@import \"styles/_mixins.scss\";\n.hero {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 64px;\n    gap: 50px;\n    margin: 0 auto;\n    &-component__left {\n        flex: 1 1;\n        padding-left: 64px;\n\n        @include w($lg) {\n            padding-left: 0;\n            .hero-container {\n                padding: 0;\n            }\n        }\n        @include w($sm) {\n            .button {\n                width: 100%;\n            }\n        }\n    }\n    &-component__right {\n        flex: 1 1;\n    }\n    &-main-img img {\n        border-radius: 9px;\n    }\n    @include w($lg) {\n        gap: 80px;\n        flex-direction: column;\n        &-main-img {\n            display: flex;\n            justify-content: center;\n        }\n    }\n}\n",".hero {\n    &-container {\n        &--with-crumbs {\n            .hero-trastpilot {\n                margin-top: 0;\n            }\n        }\n    }\n    &-body {\n        margin: 40px 0;\n        .body1 {\n            opacity: 0.6;\n            margin-top: 24px;\n            max-width: 450px;\n        }\n        &-buttons {\n            display: flex;\n            gap: 24px;\n        }\n    }\n    &-main-img {\n        img {\n            width: 100%;\n            height: 100%;\n            max-width: 680px;\n            max-height: 640px;\n        }\n    }\n}\n","@import \"styles/_mixins.scss\";\n\n.hero-bredcrumbs {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 16px;\n    margin-bottom: 50px;\n    transition: 0.3s;\n\n    span {\n        opacity: 0.6;\n    }\n    svg {\n        color: var(--Dark);\n        transition: 0.3s;\n    }\n    a:hover {\n        color: var(--Blue-purple);\n        svg {\n            color: var(--Blue-purple);\n        }\n    }\n    @include w($sm) {\n        margin-bottom: 32px;\n    }\n}\n","@import \"styles/_mixins.scss\";\n@import \"styles/_typography.scss\";\n\n.faq-radio {\n    margin-top: 120px;\n    padding-bottom: 120px;\n    .label {\n        margin: 0 auto;\n        width: fit-content;\n        display: block;\n    }\n    h2 {\n        text-align: center;\n        margin: 24px auto 80px;\n        max-width: 700px;\n    }\n    &__container {\n        display: flex;\n        gap: 20px;\n    }\n    &-menu {\n        position: sticky;\n        top: 136px;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        flex: 0 1 calc(100% / 12 * 5 - 10px);\n        &__item {\n            position: relative;\n            border-radius: 8px;\n            height: fit-content;\n            border: 1px solid var(--Grey);\n            background-color: var(--White);\n            display: flex;\n            align-items: center;\n            gap: 24px;\n            padding: 24px;\n            cursor: pointer;\n            transition: background-color 0.4s;\n\n            input[type=\"radio\"] {\n                opacity: 0;\n                position: absolute;\n            }\n\n            .radio-button {\n                width: 24px;\n                height: 24px;\n                aspect-ratio: 1/1;\n                border: 1.5px solid var(--Grey);\n                border-radius: 50%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                transition: 0.4s;\n\n                &::after {\n                    content: \"\";\n                    width: 12px;\n                    height: 12px;\n                    border-radius: 50%;\n                    background-color: var(--Blue-purple);\n                    opacity: 0;\n                    transition: 0.4s;\n                }\n            }\n            &:hover {\n                background-color: var(--Light-Grey);\n                .radio-button {\n                    border: 1.5px solid var(--Blue-purple);\n                }\n            }\n\n            &.active {\n                background-color: var(--Light-Grey);\n                .radio-button {\n                    border: 1.5px solid var(--Blue-purple);\n                    &::after {\n                        opacity: 1;\n                    }\n                }\n            }\n        }\n    }\n    &-content {\n        flex: 0 1 calc(100% / 12 * 7 - 10px);\n        &-body {\n            padding: 32px;\n            border-radius: 8px;\n            background-color: var(--Light-Grey);\n            display: grid;\n            gap: 24px;\n            transition: max-height 0.5s ease-in-out;\n            overflow: hidden;\n            h4 {\n                @include body1;\n            }\n            p {\n                @include body2;\n            }\n\n            h4,\n            p {\n                opacity: 0;\n                transition: opacity 0.5s ease;\n            }\n            &.fade-in {\n                h4,\n                p {\n                    opacity: 1;\n                }\n            }\n        }\n    }\n    &__help {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 20px;\n        padding: 32px;\n        border-radius: 8px;\n        background: var(--Purple-gradient);\n        margin-top: 8px;\n        .description2 {\n            color: var(--White);\n        }\n    }\n    @include w($lg) {\n        &__container {\n            flex-direction: column;\n        }\n        &-menu {\n            position: static;\n        }\n    }\n\n    @include w($sm) {\n        h2 {\n            margin: 16px auto 40px;\n        }\n        &-menu {\n            &__item {\n                padding: 20px 24px;\n                grid-area: 16px;\n                .radio-button {\n                    width: 20px;\n                    height: 20px;\n                    &::after {\n                        height: 10px;\n                        width: 10px;\n                    }\n                }\n            }\n        }\n        &-content {\n            &-body {\n                padding: 24px;\n            }\n        }\n        &__help {\n            padding: 24px;\n            flex-direction: column;\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.brand-assets-hero {\n    text-align: center;\n    padding-bottom: 88px;\n    .title {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    .description {\n        margin: 24px auto 40px;\n        max-width: 480px;\n        opacity: 0.6;\n    }\n    .download-button {\n        margin: 0 auto;\n    }\n    .instruction {\n        margin: 24px auto 0;\n        opacity: 0.6;\n    }\n    @include w($sm) {\n        padding-bottom: 64px;\n        .description {\n            margin: 16px auto 32px;\n        }\n        .download-button {\n            width: 100%;\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.download-button {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    overflow: hidden;\n    width: fit-content;\n    padding: 0 48px;\n    gap: 8px;\n    transition: 0.5s;\n\n    span {\n        @include button-text;\n        display: flex;\n        align-items: center;\n        transition:\n            opacity 0.5s,\n            border 0.5s;\n    }\n\n    /*   Type    */\n    &--default {\n        background: var(--Purple-gradient);\n        color: var(--White);\n        box-shadow: 0px 16px 24px -16px var(--Blue-purple-40);\n        transition: opacity 0.5s;\n        &:not([disabled]):hover {\n            opacity: 0.8;\n        }\n    }\n\n    &--short {\n        border: 1px solid var(--Blue-purple-30);\n        background: none;\n        color: var(--Blue-purple);\n        &:hover {\n            border: 1px solid var(--Blue-purple);\n        }\n    }\n\n    // SIZES\n\n    &--M {\n        padding: 0 48px;\n        height: 52px;\n        @include w($sm) {\n            height: 48px;\n            padding: 20px;\n        }\n    }\n    &--S {\n        padding: 0 24px;\n        height: 52px;\n        @include w($sm) {\n            height: 48px;\n            padding: 20px;\n        }\n    }\n\n    .icon {\n        height: 16px;\n        width: 16px;\n        transition: 0.5s;\n        &--rotate {\n            transform: rotate(90deg);\n        }\n        &:first-child {\n            opacity: 0;\n            transform: translateX(-24px);\n        }\n    }\n    &:not([disabled]):hover {\n        span {\n            transform: translateX(24px);\n        }\n        .icon {\n            &:first-child {\n                opacity: 1;\n                transform: translateX(0px);\n            }\n            &:last-child {\n                opacity: 0;\n                transform: translateX(24px);\n            }\n        }\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n        border: 1px solid var(--Grey);\n        background: linear-gradient(0deg, var(--Grey), var(--Grey)),\n            linear-gradient(0deg, var(--Light-Grey), (--Light-Grey));\n        box-shadow: none;\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.brand-assets-logotype {\n    padding: 80px 40px 40px;\n    margin-top: 24px;\n    margin-bottom: 24px;\n    border-radius: 16px;\n    background: var(--Light-Grey);\n    &__title {\n        text-align: center;\n    }\n    &__description {\n        text-align: center;\n        margin: 24px auto 80px;\n        max-width: 812px;\n        opacity: 0.6;\n    }\n    &__wrapper {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\n    &-item {\n        position: relative;\n        aspect-ratio: 648/320;\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        background-color: var(--White);\n        border-radius: 8px;\n        .title {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            opacity: 0.5;\n        }\n        .logo {\n            display: flex;\n            justify-content: center;\n            margin: auto auto;\n        }\n        .button-download {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            margin-left: auto;\n            padding: 16px;\n            border-radius: 4px;\n            border: 1px solid rgba(85, 71, 235, 0.2);\n            aspect-ratio: 1/1;\n            width: 52px;\n            transition: 0.4s;\n            svg {\n                display: block;\n                color: var(--Blue-purple);\n                transition: 0.4s;\n            }\n            &:hover {\n                border: 1px solid rgba(85, 71, 235, 1);\n                svg {\n                    transform: scale(1.1);\n                }\n            }\n        }\n\n        //Color\n        &.white {\n            background-color: var(--White);\n        }\n        &.dark-blue {\n            background: var(--Dark-blue-gradient);\n        }\n        &.purple {\n            background: var(--Purple-gradient);\n        }\n        &.dark-blue,\n        &.purple {\n            .title {\n                color: var(--White);\n            }\n            .button-download {\n                border: 1px solid var(--White-20);\n                svg {\n                    color: var(--White);\n                }\n                &:hover {\n                    border: 1px solid var(--White);\n                }\n            }\n        }\n    }\n    @include w($lg) {\n        border-radius: 0;\n        &__wrapper {\n            grid-template-columns: 1fr;\n        }\n    }\n    @include w($sm) {\n        padding: 64px 16px 40px;\n        &__wrapper {\n            gap: 16px;\n        }\n        &__description {\n            margin: 16px auto 40px;\n        }\n        &-item {\n            aspect-ratio: 358/256;\n            .logo {\n                max-width: 180px;\n            }\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.brand-assets-mark {\n    padding: 120px 40px;\n    border-radius: 16px;\n    &__title {\n        text-align: center;\n    }\n    &__description {\n        text-align: center;\n        margin: 24px auto 80px;\n        max-width: 812px;\n        opacity: 0.6;\n    }\n    &__wrapper {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n    &-item {\n        position: relative;\n        flex: 0 1 calc(100% / 3 - 20px * 2 / 3);\n        aspect-ratio: 424/320;\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        background-color: var(--White);\n        border-radius: 8px;\n        .title {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            opacity: 0.5;\n        }\n        .logo {\n            display: flex;\n            justify-content: center;\n            margin: auto auto;\n        }\n        .button-download {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            margin-left: auto;\n            padding: 16px;\n            border-radius: 4px;\n            border: 1px solid rgba(85, 71, 235, 0.2);\n            aspect-ratio: 1/1;\n            width: 52px;\n            transition: 0.4s;\n            svg {\n                display: block;\n                color: var(--Blue-purple);\n                transition: 0.4s;\n            }\n            &:hover {\n                border: 1px solid rgba(85, 71, 235, 1);\n                svg {\n                    transform: scale(1.1);\n                }\n            }\n        }\n\n        //Color\n        &.white {\n            background-color: var(--White);\n            border: 1px solid var(--Grey);\n        }\n        &.dark-blue {\n            background: var(--Dark-blue-gradient);\n        }\n        &.purple {\n            background: var(--Purple-gradient);\n        }\n        &.gray {\n            background: var(--Light-Grey);\n            border: 1px solid var(--Grey);\n        }\n        &.dark-blue,\n        &.purple {\n            .title {\n                color: var(--White);\n            }\n            .button-download {\n                border: 1px solid var(--White-20);\n                svg {\n                    color: var(--White);\n                }\n                &:hover {\n                    border: 1px solid var(--White);\n                }\n            }\n        }\n    }\n    @include w($lg) {\n        &-item {\n            flex: 0 1 calc(100% / 2 - 20px / 2);\n        }\n    }\n    @include w($sm) {\n        padding: 80px 16px 80px;\n        &__wrapper {\n            gap: 16px;\n        }\n        &__description {\n            margin: 16px auto 40px;\n        }\n        &-item {\n            flex: 1 1 100%;\n            aspect-ratio: 358/256;\n            .logo {\n                max-width: 96px;\n            }\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.brand-assets-colours {\n    padding: 80px 40px 40px;\n    margin-top: 24px;\n    margin-bottom: 24px;\n    border-radius: 16px;\n    background: var(--Light-Grey);\n    &__title {\n        text-align: center;\n    }\n    &__description {\n        text-align: center;\n        margin: 24px auto 80px;\n        max-width: 812px;\n        opacity: 0.6;\n    }\n    &__wrapper {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n    &__primary,\n    &-gradient,\n    &__secondary {\n        padding: 24px;\n        border-radius: 16px;\n    }\n\n    &-section {\n        background-color: var(--White);\n        .title {\n            margin-bottom: 24px;\n        }\n    }\n\n    &__primary {\n        flex: 1 1 calc(100% / 10 * 6 - 20px);\n        .brand-assets-colours-item {\n            &:first-child {\n                background-color: var(--Light-Grey);\n            }\n            &:nth-child(2) {\n                background-color: var(--Grey);\n            }\n            &:nth-child(3) {\n                background-color: var(--Dark);\n                color: var(--White);\n            }\n            &:nth-child(4) {\n                background-color: var(--Blue-purple);\n                color: var(--White);\n            }\n            &:nth-child(5) {\n                background-color: var(--Lavender);\n                color: var(--White);\n            }\n        }\n    }\n    &-gradient {\n        flex: 1 1 calc(100% / 10 * 4 - 20px);\n        color: var(--White);\n        position: relative;\n\n        .deg-line {\n            position: absolute;\n            top: 46%;\n            display: flex;\n            align-items: center;\n        }\n        .circle {\n            border-radius: 50%;\n            height: 32px;\n            aspect-ratio: 1/1;\n            border: 2px solid var(--White);\n            background-color: var(--White-20);\n        }\n        .line {\n            height: 2px;\n            background-color: var(--White);\n            width: 100%;\n        }\n        .color-code {\n            position: absolute;\n            opacity: 0.6;\n            &:nth-child(2) {\n                top: 25px;\n                right: 65px;\n            }\n            &:nth-child(3) {\n                bottom: 25px;\n                left: 65px;\n            }\n        }\n    }\n    &__secondary {\n        flex: 1 1 100%;\n        height: fit-content;\n        .brand-assets-colours-item {\n            &:first-child {\n                background-color: var(--Blue);\n                color: var(--White);\n            }\n            &:nth-child(2) {\n                background-color: var(--Pink);\n                color: var(--White);\n            }\n            &:nth-child(3) {\n                background-color: var(--Trustpilot-Green);\n                color: var(--White);\n            }\n        }\n    }\n\n    &-primary-container,\n    &-secondary-container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    &-item {\n        flex: 1 1 calc(100% / 3 - 20px);\n        height: 185px;\n        display: flex;\n        flex-direction: column;\n        padding: 24px;\n        border-radius: 6px;\n        ul {\n            margin-top: auto;\n            opacity: 0.6;\n            li + li {\n                margin-top: 16px;\n            }\n        }\n    }\n    @include w($lg) {\n        border-radius: 0;\n        &__wrapper {\n            flex-direction: column;\n        }\n        &-gradient {\n            min-height: 350px;\n        }\n    }\n    @include w($sm) {\n        padding: 64px 16px 40px;\n        &-primary-container,\n        &-secondary-container {\n            flex-direction: column;\n            gap: 0;\n        }\n        &-item {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n        }\n        &-item + &-item {\n            margin-top: -6px;\n        }\n        &-gradient {\n            .color-code {\n                position: absolute;\n                opacity: 0.6;\n                &:nth-child(2) {\n                    top: 30px;\n                    right: 70px;\n                }\n                &:nth-child(3) {\n                    bottom: 30px;\n                    left: 70px;\n                }\n            }\n        }\n    }\n}\n","@import \"styles/_typography.scss\";\n@import \"styles/_mixins.scss\";\n\n.brand-assets-typography {\n    padding: 120px 40px;\n    border-radius: 16px;\n    &__title {\n        text-align: center;\n    }\n    &__description {\n        text-align: center;\n        margin: 24px auto 80px;\n        max-width: 812px;\n        opacity: 0.6;\n    }\n    &__wrapper {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\n    &-item {\n        position: relative;\n        border-radius: 8px;\n        border: 1px solid var(--Grey);\n        padding: 32px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        &-head {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 32px;\n            position: relative;\n            z-index: 1;\n            margin-bottom: auto;\n        }\n        .bgFont {\n            // font-size: min(31vw, 450px);\n            font-size: 100%;\n            line-height: 70%;\n            display: flex;\n            justify-content: center;\n            transform: scale(1.2) translateY(10px);\n        }\n        &-symbols {\n            margin-bottom: auto;\n        }\n        &-weight {\n            margin-top: 30px;\n            li {\n                font-size: 32px;\n                &:first-child {\n                    font-family: SpaceGrotesk-Light;\n                }\n                &:nth-child(2) {\n                    font-family: SpaceGrotesk-Regular;\n                }\n                &:nth-child(3) {\n                    font-family: SpaceGrotesk-Medium;\n                }\n                &:nth-child(4) {\n                    font-family: SpaceGrotesk-Bold;\n                }\n            }\n            li + li {\n                margin-top: 24px;\n            }\n        }\n    }\n    @include w($lg) {\n        &__wrapper {\n            grid-template-columns: 1fr;\n        }\n        &-item {\n            .bgFont {\n                justify-content: end;\n            }\n        }\n    }\n    @include w($sm) {\n        padding: 80px 16px;\n        &-item {\n            &-head {\n                flex-direction: column;\n                align-items: start;\n                gap: 24px;\n                .download-button {\n                    width: 100%;\n                }\n            }\n            &-weight {\n                li {\n                    font-size: 18px;\n                }\n                li + li {\n                    margin-top: 14px;\n                }\n            }\n        }\n        &__description {\n            margin: 16px auto 40px;\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}

• [F] 101.01fb6a9e.chunk.css
  Delete
• [F] 101.01fb6a9e.chunk.css.map
  Delete
• [F] 112.5455204d.chunk.css
  Delete
• [F] 112.5455204d.chunk.css.map
  Delete
• [F] 118.a809818f.chunk.css
  Delete
• [F] 118.a809818f.chunk.css.map
  Delete
• [F] 159.a5ecfc90.chunk.css
  Delete
• [F] 159.a5ecfc90.chunk.css.map
  Delete
• [F] 18.76ad1211.chunk.css
  Delete
• [F] 18.76ad1211.chunk.css.map
  Delete
• [F] 306.60117493.chunk.css
  Delete
• [F] 306.60117493.chunk.css.map
  Delete
• [F] 309.87b44d66.chunk.css
  Delete
• [F] 309.87b44d66.chunk.css.map
  Delete
• [F] 405.0774d294.chunk.css
  Delete
• [F] 405.0774d294.chunk.css.map
  Delete
• [F] 477.b609eebc.chunk.css
  Delete
• [F] 477.b609eebc.chunk.css.map
  Delete
• [F] 510.026effcd.chunk.css
  Delete
• [F] 510.026effcd.chunk.css.map
  Delete
• [F] 608.94b0352c.chunk.css
  Delete
• [F] 608.94b0352c.chunk.css.map
  Delete
• [F] 776.b609eebc.chunk.css
  Delete
• [F] 776.b609eebc.chunk.css.map
  Delete
• [F] 856.b609eebc.chunk.css
  Delete
• [F] 856.b609eebc.chunk.css.map
  Delete
• [F] 890.767be554.chunk.css
  Delete
• [F] 890.767be554.chunk.css.map
  Delete
• [F] 900.227b25ea.chunk.css
  Delete
• [F] 900.227b25ea.chunk.css.map
  Delete
• [F] 990.6c3e64a4.chunk.css
  Delete
• [F] 990.6c3e64a4.chunk.css.map
  Delete
• [F] main.7c601d23.css
  Delete
• [F] main.7c601d23.css.map
  Delete