html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class^=w-icon-],
[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

.w-icon-slider-right:before {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

.w-icon-nav-menu:before {
    content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: ""
}

.w-icon-file-upload-remove:before {
    content: ""
}

.w-icon-file-upload-icon:before {
    content: ""
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

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

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: transparent !important
}

.w-code-block {
    margin: unset
}

pre.w-code-block code {
    all: inherit
}

.w-webflow-badge,
.w-webflow-badge * {
    z-index: auto;
    visibility: visible;
    box-sizing: border-box;
    float: none;
    clear: none;
    box-shadow: none;
    opacity: 1;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background: 0 0;
    border: 0 transparent;
    border-radius: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    list-style-type: disc;
    transition: none;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
    transform: none
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
    visibility: visible !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    opacity: 1 !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    top: auto !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    overflow: visible !important;
    transform: none !important
}

.w-webflow-badge>img {
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0 0 10px
}

figcaption {
    text-align: center;
    margin-top: 5px
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before,
.w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    padding: 0;
    position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button,
[type=button],
[type=reset] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none
}

label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block
}

.w-input,
.w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
    color: #999
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
    color: #999;
    opacity: 1
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
    color: #999
}

.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee
}

textarea.w-input,
textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-radio:before,
.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal
}

.w-file-upload {
    margin-bottom: 10px;
    display: block
}

.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: .1px;
    height: .1px;
    position: absolute;
    overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
    color: #333;
    display: inline-block
}

.w-file-upload-error {
    margin-top: 10px;
    display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,
.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,
.w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333%
}

.w-col-2 {
    width: 16.6667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.3333%
}

.w-col-5 {
    width: 41.6667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.3333%
}

.w-col-8 {
    width: 66.6667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.3333%
}

.w-col-11 {
    width: 91.6667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none !important
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }

    .w-hidden-main {
        display: inherit !important
    }

    .w-hidden-medium {
        display: none !important
    }

    .w-col-medium-1 {
        width: 8.33333%
    }

    .w-col-medium-2 {
        width: 16.6667%
    }

    .w-col-medium-3 {
        width: 25%
    }

    .w-col-medium-4 {
        width: 33.3333%
    }

    .w-col-medium-5 {
        width: 41.6667%
    }

    .w-col-medium-6 {
        width: 50%
    }

    .w-col-medium-7 {
        width: 58.3333%
    }

    .w-col-medium-8 {
        width: 66.6667%
    }

    .w-col-medium-9 {
        width: 75%
    }

    .w-col-medium-10 {
        width: 83.3333%
    }

    .w-col-medium-11 {
        width: 91.6667%
    }

    .w-col-medium-12 {
        width: 100%
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width:767px) {

    .w-hidden-main,
    .w-hidden-medium {
        display: inherit !important
    }

    .w-hidden-small {
        display: none !important
    }

    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333%
    }

    .w-col-small-2 {
        width: 16.6667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.3333%
    }

    .w-col-small-5 {
        width: 41.6667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.3333%
    }

    .w-col-small-8 {
        width: 66.6667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.3333%
    }

    .w-col-small-11 {
        width: 91.6667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }

    .w-hidden-main,
    .w-hidden-medium,
    .w-hidden-small {
        display: inherit !important
    }

    .w-hidden-tiny {
        display: none !important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333%
    }

    .w-col-tiny-2 {
        width: 16.6667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.3333%
    }

    .w-col-tiny-5 {
        width: 41.6667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.3333%
    }

    .w-col-tiny-8 {
        width: 66.6667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.3333%
    }

    .w-col-tiny-11 {
        width: 91.6667%
    }

    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none !important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-top: -4px;
    margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-top: -4px;
    margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

.w-background-video--control {
    background-color: transparent;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.w-background-video--control>[hidden] {
    display: none !important
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    background: #ddd;
    height: 300px;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px rgba(51, 51, 51, .4)
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: rgba(34, 34, 34, .4)
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .4);
    width: 1em;
    height: 1em;
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.w-slider-force-show {
    display: block !important
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .9);
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}

.w-lightbox-figure {
    margin: 0;
    position: relative
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, .4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all .3s;
    position: absolute;
    top: 0
}

.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0
}

.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0
}

.w-lightbox-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    height: 2.6em;
    right: 0
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0, 0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    background: #222;
    height: 10vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid rgba(0, 0, 0, .4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}

.w-lightbox-spinner:after {
    content: "";
    border: 3px solid transparent;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,
    .w-lightbox-right {
        opacity: .5;
        display: block
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,
.w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
    white-space: initial
}

.w-richtext ol,
.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-richtext figure {
    max-width: 60%;
    position: relative
}

.w-richtext figure>div:before {
    cursor: default !important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    color: transparent;
    font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
    caption-side: bottom;
    display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom: inherit;
    display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}

.w-tab-pane {
    display: none;
    position: relative
}

.w--tab-active {
    display: block
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
    display: none !important
}

.wf-layout-layout {
    display: grid
}

.w-code-component>* {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

:root {
    --medium-orchid: #ba43fc;
    --slate-blue: #4a3280;
    --333: #333;
    --lime-green: #5ec045
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
    outline-offset: 2px;
    border-radius: 50%;
    outline: 2px solid #3b79c3
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.w-commerce-commercecheckoutformcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px
}

.w-commerce-commercelayoutcontainer {
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.w-commerce-commercelayoutmain {
    flex: 0 800px;
    margin-right: 20px
}

.w-commerce-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    height: 38px;
    min-height: 30px;
    margin-bottom: 8px;
    padding: 0;
    text-decoration: none;
    display: flex
}

.w-commerce-commercecartapplepayicon {
    width: 100%;
    height: 50%;
    min-height: 20px
}

.w-commerce-commercecartquickcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    height: 38px;
    margin-bottom: 8px;
    padding: 0 15px;
    text-decoration: none;
    display: flex
}

.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
    margin-right: 8px;
    display: block
}

.w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex
}

.w-commerce-commercecheckoutblockcontent {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 20px
}

.w-commerce-commercecheckoutlabel {
    margin-bottom: 8px
}

.w-commerce-commercecheckoutemailinput {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutemailinput::placeholder {
    color: #999
}

.w-commerce-commercecheckoutemailinput:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutshippingfullname {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingfullname:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingstreetaddress {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutrow {
    margin-left: -8px;
    margin-right: -8px;
    display: flex
}

.w-commerce-commercecheckoutcolumn {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px
}

.w-commerce-commercecheckoutshippingcity {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingcity::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingcity:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingstateprovince {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingzippostalcode {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingcountryselector {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
    color: #999
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutshippingmethodslist {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.w-commerce-commercecheckoutshippingmethoditem {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 0;
    padding: 16px;
    font-weight: 400;
    display: flex
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
    flex-direction: column;
    flex-grow: 1;
    margin-left: 12px;
    margin-right: 12px;
    display: flex
}

.w-commerce-commerceboldtextblock {
    font-weight: 700
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 64px 16px
}

.w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutcardnumber {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutcardnumber::placeholder {
    color: #999
}

.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutcardexpirationdate {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
    color: #999
}

.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutcardsecuritycode {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
    color: #999
}

.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
    flex-direction: row;
    display: flex
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top: 4px
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
    margin-left: 8px;
    font-weight: 400
}

.w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top: 16px;
    margin-bottom: 20px
}

.w-commerce-commercecheckoutbillingfullname {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingfullname:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingstreetaddress {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingcity {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingcity::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingcity:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingstateprovince {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingzippostalcode {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutbillingcountryselector {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
    color: #999
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutsummaryblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex
}

.w-commerce-commercecheckoutorderitemslist {
    margin-bottom: -20px
}

.w-commerce-commercecheckoutorderitem {
    margin-bottom: 20px;
    display: flex
}

.w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
    white-space: pre-wrap;
    display: flex
}

.w-commerce-commercecheckoutorderitemoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none
}

.w-commerce-commercelayoutsidebar {
    flex: 0 0 320px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}

.w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex
}

.w-commerce-commercecheckoutsummarytotal {
    font-weight: 700
}

.w-commerce-commercecheckoutplaceorderbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    align-items: center;
    margin-bottom: 20px;
    padding: 9px 15px;
    text-decoration: none;
    display: block
}

.w-commerce-commercecheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px
}

.w-commerce-commerceaddtocartform {
    margin: 0 0 15px
}

.w-commerce-commerceaddtocartoptionpillgroup {
    margin-bottom: 10px;
    display: flex
}

.w-commerce-commerceaddtocartoptionpill {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
    padding: 8px 15px
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
    color: #fff;
    background-color: #000
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none
}

.w-commerce-commerceaddtocartquantityinput {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 60px;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
    color: #999
}

.w-commerce-commerceaddtocartquantityinput:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commerceaddtocartbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none
}

.w-commerce-commercebuynowbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    margin-top: 10px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none
}

.w-commerce-commerceaddtocartoutofstock {
    background-color: #ddd;
    margin-top: 10px;
    padding: 10px
}

.w-commerce-commerceaddtocarterror {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px
}

.w-commerce-commercecartwrapper {
    display: inline-block;
    position: relative
}

.w-commerce-commercecartopenlink {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex
}

.w-commerce-commercecartopenlinkicon {
    margin-right: 8px
}

.w-commerce-commercecartopenlinkcount {
    color: #3898ec;
    text-align: center;
    background-color: #fff;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block
}

.w-commerce-commercecartcontainerwrapper {
    z-index: 1001;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    display: flex
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
    background-color: transparent;
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    background-color: transparent;
    position: absolute;
    top: 100%;
    bottom: auto;
    left: auto;
    right: 0
}

.w-commerce-commercecartcontainer {
    background-color: #fff;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    max-width: 480px;
    display: flex;
    overflow: auto;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .25)
}

.w-commerce-commercecartheader {
    border-bottom: 1px solid #e6e6e6;
    flex: none;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    display: flex;
    position: relative
}

.w-commerce-commercecartheading {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.w-commerce-commercecartcloselink {
    width: 16px;
    height: 16px
}

.w-commerce-commercecartformwrapper {
    flex-direction: column;
    flex: 1;
    display: flex
}

.w-commerce-commercecartform {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    display: flex
}

.w-commerce-commercecartlist {
    -webkit-overflow-scrolling: touch;
    flex: 1;
    padding: 12px 24px;
    overflow: auto
}

.w-commerce-commercecartitem {
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex
}

.w-commerce-commercecartiteminfo {
    flex-direction: column;
    flex: 1;
    margin-left: 16px;
    margin-right: 16px;
    display: flex
}

.w-commerce-commercecartproductname {
    font-weight: 700
}

.w-commerce-commercecartoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none
}

.w-commerce-commercecartquantity {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 60px;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block
}

.w-commerce-commercecartquantity::placeholder {
    color: #999
}

.w-commerce-commercecartquantity:focus {
    border-color: #3898ec;
    outline-style: none
}

.w-commerce-commercecartfooter {
    border-top: 1px solid #e6e6e6;
    flex-direction: column;
    flex: none;
    padding: 16px 24px 24px;
    display: flex
}

.w-commerce-commercecartlineitem {
    flex: none;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 16px;
    display: flex
}

.w-commerce-commercecartordervalue {
    font-weight: 700
}

.w-commerce-commercecartcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: block
}

.w-commerce-commercecartemptystate {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex
}

.w-commerce-commercecarterrorstate {
    background-color: #ffdede;
    flex: none;
    margin: 0 24px 24px;
    padding: 10px
}

.w-embed-youtubevideo {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg);
    background-position: 50%;
    background-size: cover;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.w-embed-youtubevideo:empty {
    min-height: 75px;
    padding-bottom: 56.25%
}

.w-commerce-commerceorderconfirmationcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom: 20px
}

.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
    margin-bottom: 8px
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
    flex-direction: row;
    justify-content: flex-start;
    display: flex
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right: .33em
}

.w-commerce-commercecheckoutshippingsummarywrapper,
.w-commerce-commercecheckoutpaymentsummarywrapper {
    margin-bottom: 20px
}

.w-commerce-commercepaypalcheckoutformcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px
}

.w-commerce-commercepaypalcheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px
}

.w-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px
}

.w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:991px) {
    .w-layout-blockcontainer {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {
    .w-layout-blockcontainer {
        max-width: none
    }

    .w-commerce-commercelayoutcontainer {
        flex-direction: column;
        align-items: stretch
    }

    .w-commerce-commercelayoutmain {
        flex-basis: auto;
        margin-right: 0
    }

    .w-commerce-commercelayoutsidebar {
        flex-basis: auto
    }
}

@media screen and (max-width:479px) {

    .w-commerce-commercecheckoutemailinput,
    .w-commerce-commercecheckoutshippingfullname,
    .w-commerce-commercecheckoutshippingstreetaddress,
    .w-commerce-commercecheckoutshippingstreetaddressoptional {
        font-size: 16px
    }

    .w-commerce-commercecheckoutrow {
        flex-direction: column
    }

    .w-commerce-commercecheckoutshippingcity,
    .w-commerce-commercecheckoutshippingstateprovince,
    .w-commerce-commercecheckoutshippingzippostalcode,
    .w-commerce-commercecheckoutshippingcountryselector,
    .w-commerce-commercecheckoutcardnumber,
    .w-commerce-commercecheckoutcardexpirationdate,
    .w-commerce-commercecheckoutcardsecuritycode,
    .w-commerce-commercecheckoutbillingfullname,
    .w-commerce-commercecheckoutbillingstreetaddress,
    .w-commerce-commercecheckoutbillingstreetaddressoptional,
    .w-commerce-commercecheckoutbillingcity,
    .w-commerce-commercecheckoutbillingstateprovince,
    .w-commerce-commercecheckoutbillingzippostalcode,
    .w-commerce-commercecheckoutbillingcountryselector,
    .w-commerce-commerceaddtocartquantityinput {
        font-size: 16px
    }

    .w-commerce-commercecartcontainerwrapper--cartType-modal {
        flex-direction: row;
        justify-content: center;
        align-items: stretch
    }

    .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown,
    .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .w-commerce-commercecartquantity {
        font-size: 16px
    }
}

body {
    color: #333;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px
}

.column-14 {
    flex: 1;
    display: block
}

.column-13 {
    position: absolute
}

.text-block-12 {
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    font-size: 20px;
    text-decoration: none
}

.text-block-12.mobile-logo-2 {
    color: #181818;
    text-shadow: 0 0 1px #181818
}

.text-block-12.mobile-logo-2.mobile-logo-renk.logobey {
    color: #fff
}

.text-block-12.alt-logo-siyah {
    color: #181818
}

.text-block-13 {
    color: #ccc
}

.text-block-13.mobile-logo-1 {
    color: #181818;
    text-shadow: none
}

.text-block-13.mobile-logo-1.logobeyaz {
    color: #fff
}

.text-block-13.alt-log-siyah-text {
    color: #181818
}

.text-block-13.alt-log-siyah-text.alt-logo-slogan {
    text-align: center
}

.brand-2 {
    z-index: 999999;
    float: left;
    clear: none;
    text-align: left;
    position: static
}

.brand-2.logo-margin {
    z-index: 0;
    width: 100%;
    padding-top: 10px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.new-navbar {
    color: #fff;
    background-color: transparent
}

.div-block-17 {
    float: left;
    text-align: right;
    margin-top: 25px;
    margin-left: 81px;
    padding-top: 0;
    position: relative
}

.div-block-17.mob-le-logo-text-top {
    margin-top: 20px;
    margin-left: 0
}

.div-block-17.altt {
    margin-top: 10px;
    margin-left: 0
}

.div-block-18 {
    position: relative
}

.div-block-16 {
    float: left;
    text-align: left;
    width: 5%;
    position: relative
}

.div-block-16.alt-logo-div {
    width: 20%
}

.contasiner {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    max-width: 1300px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: block;
    position: relative
}

.contasiner.merkez {
    display: flex
}

.contasiner.ozelliklerimiz {
    margin-top: -176px;
    padding-top: 0
}

.contasiner.dssd.basin {
    margin-top: 41px
}

.contasiner.v-3-top,
.contasiner.vvv-2 {
    margin-top: 40px
}

.contasiner.v-2-top {
    padding-top: 16px
}

.contasiner.con-pad {
    padding-top: 91px
}

.contasiner.con-pad.mobile-padding,
.contasiner.con-pad.mobile-padding.acbakcontainer {
    padding-top: 0
}

.contasiner.con-pad.mobile-padding.acbakcontainer.ggizle {
    display: none
}

.contasiner.con-pad.tab-00 {
    padding-top: 0
}

.contasiner.qwe {
    flex: 1;
    justify-content: flex-start;
    display: flex
}

.columns-8 {
    display: flex
}

.menu-beyaz {
    color: #fff;
    font-size: 14px
}

.menu-beyaz.w--current {
    color: #1fbed3;
    font-weight: 600
}

.menu-beyaz.mobile-aktif.w--current {
    color: #df49e7
}

.menu-beyaz.mobile-aktif.border-right {
    color: #0a9b38;
    padding-top: 0;
    padding-right: 10px;
    font-size: 16px
}

.menu-beyaz.mobile-aktif.border-right.right-20 {
    margin-right: 20px
}

.menu-beyaz.mobile-aktif.border-right.right-20.imenuler {
    color: #fff;
    padding-top: 20px
}

.menu-beyaz.mobile-aktif.border-right.i-menuler {
    color: #fff;
    padding-top: 20px;
    font-size: 16px
}

.button-3 {
    position: absolute
}

.button-3.giris-buton {
    float: right;
    text-align: center;
    background-color: #2a3570;
    border-radius: 20px;
    width: auto;
    height: 30px;
    margin-top: 15px;
    margin-right: 13px;
    padding-top: 4px;
    font-size: 14px;
    display: block;
    position: static;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.button-3.giris-buton.mobile-buton-gizle {
    background-color: #ec5f23
}

.button-3.giris-buton.mobile-buton-gizle.y {
    color: #fff;
    background-color: #2cc400
}

.button-3.giris-buton.mobile-buton-gizle.y:hover {
    background-color: #007aff
}

.button-3.giris-buton._15gun.buton-mavii {
    background-color: #df49e7;
    font-size: 14px
}

.button-3.giris-buton._15gun.buton-mavii.mavi.m {
    color: #fff;
    background-color: #007aff;
    box-shadow: 1px 1px 3px rgba(255, 255, 255, .1)
}

.button-3.giris-buton._15gun.buton-mavii.mavi.m:hover {
    background-color: #2cc400
}

.heading-25 {
    font-size: 30px;
    font-weight: 400
}

.columns-14 {
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex
}

.divler-margin-bottom {
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    padding-bottom: 78px;
    display: flex;
    box-shadow: 1px 1px 6px -4px #000
}

.divler-margin-bottom.top-0 {
    box-shadow: none;
    margin-top: -64px
}

.divler-margin-bottom.top-0.gizzlee {
    display: none
}

.fiyat-text {
    color: #181818;
    text-align: center
}

.fiyat-text.padding-10 {
    margin-bottom: 41px
}

.ozellik-1 {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 10px;
    box-shadow: 0 0 30px -10px rgba(133, 153, 162, .5)
}

.bold-text-16 {
    font-weight: 400
}

.bold-text-16.h-text {
    color: #2c3035;
    text-align: justify;
    font-weight: 400
}

.columns-15 {
    width: 620px
}

.oz-baslik {
    color: #181818;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em
}

.div-block-20 {
    justify-content: center;
    align-items: center;
    display: flex
}

.tab-images {
    border: 1px #000;
    margin-top: 0
}

.tab-top {
    border: 1px #2cc400;
    margin-top: 0
}

.gizleeee {
    margin-top: 5px;
    margin-bottom: 51px;
    display: block
}

.ozellik-beyaz {
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 170px;
    padding-left: 20px;
    padding-right: 20px
}

.ozellik-baslik {
    font-weight: 600
}

.ozellik-baslik.imzala {
    text-align: center
}

.ozellik-baslik.imzala.mobile-basliklar.sistem-ba-l-k {
    padding-top: 84px
}

.tab-link-tab-3 {
    background-color: #3397eb;
    border: 1px #000;
    width: 100%;
    padding-bottom: 40px
}

.tab-link-tab-3.w--current {
    background-color: transparent;
    border: 1px dotted #3397eb
}

.tab-link-tab-3.aktif-3 {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b0cf039ba75_orta-y-3.png);
    background-position: 50%;
    background-size: cover;
    border: .2px #2cc400;
    border-radius: 20px;
    height: 260px
}

.tab-link-tab-3.aktif-3.w--current {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b69b339ba79_orta-g-3.png);
    border-style: none;
    border-color: #808891
}

.tab-link-tab-3.aktif-3.mobile-3 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b8aef39ba65_orta-y-3.png)
}

.yok {
    display: none
}

.tab-link-tab-2 {
    background-color: rgba(51, 151, 235, .8);
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 40px
}

.tab-link-tab-2.w--current {
    background-color: transparent;
    border: 1px dashed #3397eb
}

.tab-link-tab-2.aktif-2 {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301bce9b39ba67_orta-y-2.png);
    background-position: 50%;
    background-size: cover;
    border: .5px #2cc400;
    border-radius: 20px;
    height: 260px
}

.tab-link-tab-2.aktif-2.w--current {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b294839ba61_orta-g-2.png);
    border-style: none;
    padding-top: 0
}

.tabs-content {
    width: 70%
}

.tab-link-tab-1 {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b6fe439ba5d_orta-y-1.png);
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 260px;
    margin-bottom: 0;
    padding-bottom: 40px
}

.tab-link-tab-1.w--current {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b723339ba73_orta-g-1.png);
    background-position: 50%;
    background-size: cover;
    border: 1px #3397eb;
    width: 100%;
    height: 260px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 40px
}

.paragraph-13 {
    font-size: 15px
}

.tab-right {
    float: left;
    width: 30%
}

.image-14 {
    border-radius: 10px 10px 0 0
}

.wrapper {
    z-index: 999999;
    width: 100%;
    max-width: 1400px;
    display: block;
    position: static
}

.wrapper.top-80 {
    margin-top: 80px
}

.wrapper.top-80.top-mob-40.gizleeee.ggiz {
    display: none
}

.wrapper.cntr-ccr {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.wrapper.yuzde3 {
    padding-left: 3%;
    padding-right: 3%
}

.wrapper.yuzde3.ss {
    padding-left: 0%;
    padding-right: 0%
}

.wrapper.container-22223.pp {
    padding-left: 20px;
    padding-right: 20px
}

.toppp {
    margin-top: -28px
}

.hakk-m-zda-basliklar {
    text-align: center;
    font-size: 20px;
    font-weight: 600
}

.image-17 {
    width: 80%
}

.standartlar {
    background-color: #fff;
    margin-top: -59px;
    margin-bottom: 75px
}

.standartlar.wrappper.wrapper {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: -1px;
    display: flex;
    position: relative
}

.icon-4 {
    color: #181818;
    background-color: transparent;
    margin-top: 85px;
    display: flex
}

.icon-5 {
    color: #632649;
    margin-top: 85px
}

.right-arrow-2 {
    overflow: hidden
}

.certifica-logo {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
    display: flex
}

.card-quarter-wrapper {
    flex-direction: column;
    align-items: stretch;
    width: 25%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex
}

.card-quarter-wrapper.hakkizda-carousel.yuzdeyuz {
    width: auto
}

.card-quarter-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #111;
    text-align: center;
    background-color: #fff;
    border: 1px rgba(0, 0, 0, .04);
    border-radius: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 15px 15px;
    text-decoration: none;
    transition: transform .3s, box-shadow .3s;
    display: flex;
    box-shadow: 0 6px 12px 2px rgba(0, 0, 0, .05)
}

.card-quarter-content:hover {
    transform: scale(1.05)translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(0, 0, 0, .15)
}

.logo-mask {
    width: 14%;
    overflow: visible
}

.logo-slider {
    text-align: center;
    background-color: transparent;
    flex: 0 auto;
    width: 100%;
    height: 340px;
    padding-top: 20px;
    padding-bottom: 50px;
    overflow: hidden
}

.alt-sekil.alt-sekil-2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: scroll
}

.alt-sekil.alt-sekil-2.alt-sekil-3 {
    margin-top: -272px;
    padding-top: 12px;
    padding-bottom: 49px;
    display: block;
    position: static
}

.heading-19 {
    color: #181818;
    margin-bottom: 50px;
    font-weight: 600
}

.ozellik-list {
    margin-bottom: 27px
}

.columns-9 {
    padding-top: 114px
}

.columns-9.mobile-9.container {
    padding-top: 90px
}

.columns-9.mobile-9.container.contasiner {
    margin-top: 17px;
    padding-top: 80px
}

.ozelliklerim {
    background-color: #f7f7f5;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc725ba1155a73d9787897_background_dots_01.png);
    background-size: auto;
    margin-top: -45px
}

.col-ab {
    margin-top: -48px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: -4%
}

.col-ab.abs-2 {
    margin-top: 357px
}

.col-ab.abs-2.mobile-real {
    margin-top: 398px
}

.text-block-8 {
    color: #181818
}

.text-block-8.alan-text-beyaz {
    color: #fff;
    font-weight: 600
}

.text-block-8.alan-text-beyaz.text-shodow {
    text-shadow: 1px 1px 6px #666
}

.list {
    margin-top: 60px
}

.paragraph-12 {
    font-size: 15px;
    font-weight: 400
}

.col-top-2 {
    margin-top: 31px
}

.col-mar {
    padding-right: 0;
    display: block
}

.tek-satir {
    margin-top: 10px
}

.ozellik-text {
    color: #181818;
    text-align: center;
    padding-bottom: 60px;
    font-size: 1.44em
}

.alan-1 {
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
    height: 630px
}

.alan-1.alan-2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc7261c46546402fcff457_5fbcbb9b81fb5226b3d52d9a_shutterstock_600196436-\(1\).jpg);
    background-position: 62%;
    background-repeat: repeat;
    background-size: cover;
    height: 630px
}

.alan-1.alan-2.alan-6 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc7261c465467d65cff461_5fbcc5241d60d57d38ffa5c4_insan.jpg)
}

.alan-1.alan-2.alan-4 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc7261c4654661cacff45c_5fbcc465256a7543066f6a5c_yazisma.jpg)
}

.html-embed-16 {
    margin-top: -32px;
    margin-left: 112px;
    position: relative
}

.heading-18 {
    color: #181818;
    font-weight: 600
}

.heading-18.ozellik-baslik {
    text-align: center
}

.detayli-bilgi {
    color: #181818;
    background-color: transparent;
    padding-top: 40px;
    padding-left: 0;
    font-weight: 600
}

.detayli-bilgi.detay-ust {
    padding-top: 20px
}

.detayli-bilgi.deatli-bilgi-beyaz {
    color: #fff
}

.div-block-15 {
    padding: 28px 25px 19px;
    position: absolute
}

.div-block-15.alan-orta {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.kullanim-alanlari {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc725ba1155a73d9787897_background_dots_01.png);
    background-position: 55%;
    background-size: auto;
    margin-bottom: 0
}

.alan-basliklari {
    color: #181818;
    text-align: left;
    font-size: 1.5em;
    font-weight: 600
}

.alan-basliklari.alan-baslik-beyaz {
    color: #fff
}

.alan-basliklari.mobile-basliklar-3.video-line {
    line-height: 30px
}

.colom-top {
    margin-top: 40px
}

.cards-image {
    float: left;
    clear: left;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    max-width: none;
    height: auto;
    display: inline-block;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.heading-26 {
    justify-content: center;
    align-items: center;
    display: flex
}

.cards-image-mask {
    border-radius: 0%;
    width: 100%;
    padding-top: 0%;
    position: relative;
    overflow: hidden
}

.bg-gray {
    text-align: center;
    background-color: #f7f7f5;
    margin-top: 26px;
    margin-bottom: 19px;
    padding: .5em 2em
}

.cards-grid-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: left;
    grid-template: "Area"/1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.t-right {
    float: right
}

.paragraph-14 {
    font-weight: 400
}

.h-200 {
    height: 150px
}

.dergi-text {
    margin-top: 127px;
    font-weight: 400;
    display: block
}

.container {
    align-self: auto
}

.container.wrappper.dergi-video {
    margin-top: 68px
}

.c-3-v {
    margin-top: 100px
}

.v-1 {
    margin-bottom: 60px;
    padding-bottom: 0
}

.v-1.v-2 {
    background-color: #f7f7f5
}

.vvv {
    background-color: #f7f7f5;
    margin-top: -49px
}

.vvv.vvv-3 {
    margin-top: -11px;
    padding-top: 5px;
    padding-bottom: 76px
}

.vvvv2 {
    margin-top: 62px
}

.youtube-3 {
    border: 1px solid #2cc400
}

.vv-1 {
    margin-top: 100px
}

.c-2-v,
.c-v-1 {
    margin-top: 0
}

.mar-top-50 {
    margin-top: -86px
}

.ac-bak-sec {
    background-color: #f7f7f5;
    margin-top: -44px;
    padding-top: 1px
}

.html-embed-22 {
    margin-top: 55px
}

.html-embed-5 {
    color: #808891;
    font-family: PT Sans, sans-serif
}

.html-embed-5.tab-martop {
    color: #181818;
    margin-top: 20px;
    font-weight: 600
}

.section-105 {
    background-color: #f7f7f5
}

.section-105.paln {
    margin-top: -20px
}

.section-105.paln._3lu {
    background-color: #fff
}

.section-105.paln._3lu.sss {
    margin-top: -222px
}

.list-2 {
    margin-top: 30px
}

.image-9 {
    object-fit: scale-down;
    max-width: 63%;
    height: auto;
    margin-top: 7px;
    padding-top: 0;
    display: inline-block;
    position: absolute
}

.image-9.mobile-logo {
    z-index: 9999
}

.image-9.mobile-logo.mlog {
    max-width: 150%;
    margin-top: 10px;
    margin-left: 10px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.image-9.mobile-logo.mlog.alt-logo-tek {
    margin-top: 0;
    display: none
}

.image-30 {
    padding-top: 10px;
    padding-bottom: 10px
}

.list-item {
    font-size: .9em
}

.list-item.fot-link {
    padding-bottom: 12px
}

.list-item.fot-link:hover {
    color: #2cc400
}

.html-embed-21 {
    width: 72px
}

.div-block-14 {
    text-align: left;
    position: relative
}

.ptb-25 {
    padding-bottom: 25px
}

.text-block-15 {
    font-weight: 300
}

.ac-footer-menu {
    color: #181818;
    background-color: #f7f7f5;
    padding-top: 44px;
    position: relative
}

.fot-link {
    color: #666;
    padding-bottom: 12px;
    font-size: .9em
}

.heading-17 {
    color: #181818
}

.columns-7 {
    flex: 1
}

.new-footer.btdarkskin {
    color: #fff;
    background-color: #191919;
    display: block
}

.column-11 {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.footer-coppy-link {
    color: #fff;
    text-align: right;
    font-size: .8em;
    text-decoration: none
}

.column-12 {
    color: #fff
}

.copy {
    margin-top: 15px;
    font-size: .8em
}

.text-block-6 {
    color: #fff;
    text-align: right;
    margin-top: 15px
}

.columns-6 {
    flex: 1;
    align-self: center;
    height: 50px
}

.image-24 {
    text-align: right;
    margin-left: -10px
}

.button-5 {
    background-color: #2a3670;
    border-radius: 20px;
    margin-left: 31px
}

.button-5.buton-green {
    background-color: #047485
}

.button-5.buton-green.gizleee {
    background-image: linear-gradient(90deg, #df49e7, #ec5f23);
    padding: 20px 40px
}

.button-5.buton-green.gizleee.yesil-buton {
    background-image: linear-gradient(90deg, #df49e7, #ec5f23)
}

.button-5.buton-green.gizleee.yesil-buton.ym {
    float: right;
    text-align: right;
    background-image: linear-gradient(90deg, #007aff, #2cc400)
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene {
    float: left;
    color: #fff;
    text-align: left;
    background-color: #2cc400;
    background-image: none;
    margin-left: 0;
    margin-right: 10px;
    padding: 5px 25px;
    font-size: 22px;
    font-weight: 300
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene:hover {
    background-color: #007aff
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi {
    float: left;
    clear: none;
    color: #fff;
    text-align: left;
    background-color: #007aff;
    font-size: 22px;
    font-weight: 300;
    display: block
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi:hover {
    background-color: #2cc400
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi._4-b {
    margin-left: 34px
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi._4-b.masa-gizle {
    display: none
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi.but-20 {
    margin-bottom: 20px;
    font-size: 22px
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi.marjin-az {
    margin-right: 0
}

.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi.marjin-az.mmobile-detay.en-detayli-bilgi,
.button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.en-free {
    font-size: 15px
}

.image-29 {
    text-align: right
}

.asd-hiden {
    display: none
}

.image-28 {
    text-align: left
}

.right-arrow {
    color: #181818
}

.image-25 {
    margin-left: -10px
}

.column-16 {
    text-align: right
}

.column-16.qws {
    left: -75px
}

.column-16.qws._3-2 {
    text-align: right;
    margin-top: 20px;
    left: auto
}

.bold-text-6 {
    float: none;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 32px;
    display: inline;
    position: static
}

.bold-text-6.mobile-slide-text-1 {
    color: #fff;
    font-weight: 400
}

.bold-text-6.mobile-slide-text-1.y-s {
    color: #fff;
    text-align: left;
    font-weight: 200
}

.bold-text-6.mobile-slide-text-1.y-s.siyah-yaz {
    color: #181818;
    font-weight: 300
}

.bold-text-6.textler {
    font-size: 25px;
    font-weight: 400
}

.bold-text-6.textler.mobile-text-2 {
    color: #fff;
    font-weight: 400
}

.bold-text-6.textler.mobile-text-2.y-s {
    color: #fff;
    font-weight: 200;
    line-height: 37px
}

.bold-text-6.textler.mobile-text-2.y-s.siyah-yazi-1 {
    color: #181818;
    font-weight: 300
}

.bold-text-6.textler.mobile-text-2.y-s.slide-mavi-bg-yazi {
    color: #181818;
    width: 80%;
    font-weight: 300
}

._3-slide {
    clear: left;
    margin-top: 20px
}

._3-slide._3-0 {
    margin-left: 18px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

._3-slide._3-0._3-3-3 {
    margin-left: -10px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.slide-multi-doc {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce407563a7e78_slide-4.jpg);
    background-position: 50% 0;
    background-size: cover
}

._3-1 {
    text-align: right;
    margin-top: 20px
}

.columns-13 {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-23 {
    text-align: left;
    margin-left: -10px
}

.bold-text-7 {
    line-height: 45px
}

.bold-text-7.mobile-slide-2-1 {
    color: #fff;
    font-weight: 200;
    line-height: 37px
}

.bold-text-7.mobile-slide-2-1.s-3-text.siyahyazi.basl-k-mavi-siyah {
    color: #181818;
    width: 80%;
    font-weight: 300
}

.masa-gizle {
    display: none
}

.slide-connecttwosign {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce450053a7e4b_slide-2.jpg);
    background-position: 50%;
    background-size: cover
}

.left-arrow {
    color: #181818
}

.image-22 {
    display: inline-block
}

.slide-sign-verify {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce411343a7e62_slide-3.jpg);
    background-position: 50% 0;
    background-size: cover
}

.slide-acbak {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce412523a7e54_slide-new-1.jpg);
    background-position: 50%;
    background-size: cover
}

.slide-acbak.acbak-1 {
    background-color: #181818;
    background-image: none
}

.slide-acbak.acbak-1.bgb {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce46f273a7e34_slide.jpg);
    background-size: cover
}

.slide-acbak.acbak-1.bgb.rigt-10 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce462513a7e5c_slide.jpg)
}

.slide-acbak.acbak-1.bgb.rigt-10.slide-mobile-1 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce485a43a7e81_slide.jpg);
    background-position: 58%;
    background-repeat: repeat-x;
    background-attachment: scroll;
    box-shadow: 1px 1px 3px #000
}

.html-embed-19 {
    display: none
}

.slide-alan {
    justify-content: flex-start;
    align-items: center;
    max-width: 1500px;
    margin-top: 363px;
    display: flex
}

.slide-alan.slidealan-2 {
    clear: right;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    margin-left: 360px;
    display: none;
    position: static
}

.slide-alan.slidealan-2.slide-alani-3 {
    justify-content: flex-start;
    margin-left: 20px
}

.slide-heading {
    float: none;
    width: 100%;
    margin-top: -7px;
    margin-bottom: 38px;
    margin-left: 34px;
    font-size: 32px;
    font-weight: 700;
    line-height: 45px;
    position: static;
    overflow: visible
}

.slide-heading.mobli-slide-2-2-2 {
    color: #fff;
    margin-bottom: 20px;
    margin-left: 0;
    font-weight: 400
}

.slide-heading.slide-4-text {
    margin-bottom: 9px
}

.slide-heading.slide-4-text.m-s-text {
    margin-bottom: 20px;
    font-weight: 200;
    line-height: 37px
}

.slide-heading.slide-4-text.m-s-text.slide-mavi-1 {
    color: #181818;
    font-weight: 300
}

.slide-heading.mobile-text-3.y-s {
    float: right;
    clear: none;
    color: #181818;
    text-align: left;
    margin-bottom: 20px;
    line-height: 37px
}

.slide-heading.mobile-slide-3-1 {
    margin-bottom: 20px;
    margin-left: 0;
    font-weight: 300;
    line-height: 37px
}

.html-embed-20 {
    display: none
}

.hero-slider {
    z-index: auto;
    color: #fff;
    width: 100%;
    height: 100vh;
    min-height: 650px;
    font-size: 20px;
    font-weight: 400;
    top: -88px
}

.hero-slider.mobile-slide-height {
    box-shadow: -12px -4px 20px -7px #007aff
}

.asa {
    text-align: left
}

._2-1 {
    text-align: right;
    padding-left: 0
}

.columns-11 {
    justify-content: center;
    align-items: center;
    margin-top: 16%;
    display: block
}

.slider-block {
    clear: none;
    text-align: left;
    flex: 0 auto;
    max-width: 670px;
    margin-top: -5%;
    padding-left: 40px
}

.slider-block.topp {
    margin-top: -10%
}

.store {
    text-align: right;
    width: 469px;
    margin-top: 35px
}

.store.store2 {
    padding-left: 0;
    display: block
}

.store.store2._147 {
    clear: left;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.columns-10 {
    margin-top: -83px
}

.app-margin-top {
    margin-top: 20px
}

.columns-12 {
    margin-top: 18%
}

.text-block-11 {
    margin-bottom: 20px;
    margin-left: 35px;
    font-size: 15px;
    font-weight: 400;
    line-height: 35px
}

.text-block-11.mobile-text-5.mobile-text-gizlee {
    text-align: left;
    width: 80%;
    margin-left: 0;
    font-weight: 200
}

.slide-title-medium {
    margin-top: 0;
    font-size: 44px;
    font-weight: 300;
    line-height: 54px
}

.slide-title-medium._34 {
    margin-left: 34px;
    font-size: 25px;
    line-height: 35px
}

.slide-title-medium._34.gizleeee {
    margin-bottom: 20px;
    font-weight: 200;
    line-height: 37px
}

.slide-title-medium._34.gizleeee.slide-mavi-2 {
    color: #181818;
    font-weight: 300
}

.image-26 {
    margin-left: 0
}

.hakk-m-zda-slide-banner {
    color: #fff;
    font-weight: 600
}

.hakk-m-zda-slide-banner.mobile-slide-hakk-m-zda.m-h-t {
    font-weight: 400
}

.paragraph-8 {
    font-family: Open Sans, sans-serif;
    font-weight: 400
}

.paragraph-8.h-text-1 {
    color: #181818;
    text-align: justify
}

.h-beyaz-dalga {
    margin-top: -571px
}

.html-embed-23 {
    margin-top: -60px
}

.basliklar {
    color: #181818;
    text-align: center;
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 600
}

.basliklar.mobile-baslik.musteriler {
    margin-top: -129px;
    padding-bottom: 65px
}

.section-109 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60e5667f024dea33219a32a8_hero_about_us.jpg);
    background-position: 50% 6%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 500px;
    margin-top: -70px;
    display: flex;
    box-shadow: 1px 1px 3px #000
}

.section-109.mobile-bg-1.m-b-h {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60e5667f024dea11bf9a32a2_hakkimizda.jpg);
    background-position: 0%
}

.section-13 {
    background-color: #f5f7fb;
    justify-content: center;
    align-items: center;
    display: flex
}

.section-13.hakk-m-zda-margin {
    background-color: #f7f7f5;
    margin-bottom: 0;
    padding-top: 84px;
    padding-bottom: 594px
}

.section-13.hakk-m-zda-margin.genel-padding.ing-s-f-r {
    padding-top: 0
}

.section-12 {
    justify-content: center;
    align-items: center;
    display: flex
}

.section-12.standartlar {
    background-color: #fff;
    margin-top: -21px;
    margin-bottom: 13px;
    padding-top: 0;
    padding-bottom: 2px
}

.section-12.standartlar.genel-padding-hakk-mzda {
    margin-top: 0
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 260px;
    display: flex
}

.navbar-logo-left-container {
    z-index: 5;
    background-color: transparent;
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px
}

.navbar-logo-left-container.shadow-three {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.container-4 {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

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

.nav-menu-two {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.nav-link {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}

.nav-link:hover {
    color: rgba(26, 27, 31, .75)
}

.nav-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd
}

.nav-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd
}

.nav-dropdown {
    margin-left: 5px;
    margin-right: 5px
}

.nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px
}

.nav-dropdown-toggle:hover {
    color: rgba(26, 27, 31, .75)
}

.nav-dropdown-toggle:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-toggle[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-icon {
    margin-right: 10px
}

.nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px
}

.nav-dropdown-list.w--open {
    padding-top: 10px;
    padding-bottom: 10px
}

.nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px
}

.nav-dropdown-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-divider {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px
}

.nav-link-accent {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none
}

.nav-link-accent:hover {
    color: rgba(26, 27, 31, .75)
}

.button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s
}

.button-primary:hover {
    color: #fff;
    background-color: #32343a
}

.button-primary:active {
    background-color: #43464d
}

.button-primary.alt-n-bg {
    background-color: gold
}

.top-line {
    background-color: #f3f3f3;
    padding-top: 8px;
    padding-bottom: 8px
}

.link-gold {
    color: gold
}

.text-light {
    font-weight: 300
}

.body {
    font-family: Poppins, sans-serif
}

.banner {
    color: #fff;
    background-color: #35b8be;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff4809cfb8c6e113e8b6e7_Banner%20Wave.svg);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 5px 3%;
    font-size: 15px;
    display: flex
}

.banner-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    display: flex
}

.notice-text {
    color: rgba(255, 255, 255, .8)
}

.white-link {
    color: #fff;
    text-decoration: none
}

.review-wrap {
    white-space: nowrap;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
    display: flex
}

.review-logo {
    margin-bottom: 10px;
    margin-right: 16px
}

.hero-h1 {
    color: #fff;
    letter-spacing: -.03em;
    max-width: 580px;
    margin-bottom: 20px;
    font-size: 60px;
    line-height: 1
}

.hero-content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding-right: 40px;
    display: flex
}

.review-text {
    color: #08090a;
    font-size: 16px
}

.brand-span {
    color: #a5c926
}

.header {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ee373b01bc1_BG%20Shape.svg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    padding: 100px 3% 140px;
    display: flex;
    position: relative;
    overflow: hidden
}

.button-wrapper {
    flex-direction: column;
    align-items: center;
    margin-top: 45px;
    display: flex
}

.button {
    text-align: center;
    background-color: #94c020;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    min-height: 60px;
    padding: 20px 35px;
    font-size: 18px;
    transition: background-color .25s
}

.button:hover {
    background-color: #2faeb4
}

.button.button-space {
    margin-top: 40px
}

.container-flex {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    display: flex
}

.hero-image-wrap {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    display: flex
}

.hero-paragraph {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.34
}

.content-section-bg {
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff4833f043a26e30bb7aca_BG%20Shape%20Content.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 96% 90%;
    padding: 140px 3%;
    position: relative
}

.container-5 {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.content-grid {
    grid-column-gap: 44px;
    grid-template-rows: auto
}

.content-block {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.content-block.bg-text {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff4833f043a21837bb7ac7_YumYum.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.image-block {
    justify-content: center;
    align-items: center;
    display: flex
}

.title-wrap-centre {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 670px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.step-image {
    margin-bottom: 40px
}

.line {
    border: 1.3px #d1cdcd;
    border-top-style: dashed;
    width: 100%;
    height: 1px
}

.works-grid {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .3fr 1fr .3fr 1fr
}

.content-section {
    background-color: transparent;
    padding: 120px 3%;
    position: relative
}

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

.line-column {
    justify-content: center;
    align-items: center;
    padding-bottom: 140px;
    display: flex
}

.tab-link-round {
    background-color: transparent;
    border: 1px solid rgba(97, 114, 131, .2);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 16px;
    display: flex
}

.tab-link-round.w--current {
    color: #fff;
    background-color: #35b8be;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: rgba(97, 114, 131, 0);
    border-radius: 6px
}

.menu-item {
    margin-bottom: 20px
}

.tab-menu-round {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
    display: flex
}

.pattern {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.footer-detail-left {
    align-items: center;
    width: 50%;
    min-height: 40px;
    display: flex
}

.footer-grid {
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr
}

.social-link {
    border: 1px solid rgba(126, 130, 143, .3);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    padding: 10px;
    transition: all .2s;
    display: flex
}

.social-link:hover {
    border-color: rgba(126, 130, 143, .86)
}

.footer {
    background-color: #94c020;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff4861ab62a86f5b9dc9aa_Pattern%20Footer.svg);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 3% 60px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-legal {
    border-top: 1px solid rgba(126, 130, 143, .09);
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
    padding-top: 60px;
    font-size: 15px;
    display: flex
}

.footer-detail-right {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    min-height: 40px;
    display: flex
}

.webflow-link {
    color: #35b8be
}

.social-icon {
    width: 18px
}

.title {
    color: #08090a;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600
}

.footer-column {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.footer-logo {
    margin-bottom: 25px
}

.social-icon-wrap {
    display: flex
}

.footer-link {
    color: #546285;
    margin-bottom: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    font-size: 16px;
    text-decoration: none
}

.footer-link:hover {
    color: #28224b
}

.legal {
    color: #353448
}

.brand {
    margin-right: 40px
}

.nav-link-2 {
    opacity: .8;
    color: #28224b;
    text-transform: none;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    transition: opacity .2s
}

.nav-link-2:hover {
    opacity: 1;
    color: #28224b
}

.nav-link-2.w--current {
    color: #35b8be
}

.cart-quantity {
    color: #35b8be;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-width: 25px;
    height: 25px;
    font-size: 13px;
    display: flex;
    position: absolute;
    top: -6px;
    bottom: auto;
    left: auto;
    right: -6px;
    box-shadow: 7px 7px 25px rgba(126, 130, 143, .27)
}

.navigation-right {
    align-items: center;
    display: flex
}

.text-block {
    color: #191b22
}

.checkout-button {
    background-color: #35b8be;
    border-radius: 4px;
    justify-content: center;
    min-height: 52px;
    display: flex
}

.remove-button {
    color: #ff8946;
    text-decoration: none
}

.apple-pay {
    border-radius: 4px;
    height: 44px
}

.arrow-drawn {
    position: relative;
    left: 40px
}

.cart-line-item {
    color: #7e828f;
    font-size: 18px
}

.button-arrow-wrap {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 40px;
    display: flex;
    position: relative
}

.cart-button {
    text-align: center;
    background-color: #35b8be;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    min-width: 55px;
    min-height: 55px;
    padding: 13px;
    font-size: 18px;
    transition: background-color .25s;
    position: relative
}

.empty-state {
    flex-direction: column
}

.navbar {
    background-color: #fff;
    align-items: center;
    padding: 20px 3%;
    display: flex
}

.navigation-container {
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navigation-left {
    align-items: center;
    display: flex
}

.text-block-2 {
    color: #ff8946
}

.cart-icon {
    width: 25px;
    margin-right: 0
}

.nav-menu {
    margin-right: 14px
}

.home-category-image-2 {
    width: 220px;
    position: absolute;
    bottom: 17px;
    right: 21px
}

.nav-menu-4 {
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    display: flex
}

.footer-bottom-right {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    display: flex
}

.nav-link-3 {
    color: #111;
    border-radius: 16px;
    padding: 12px 18px;
    transition: color .3s, background-color .3s, box-shadow .3s
}

.nav-link-3:hover {
    text-decoration: underline
}

.nav-link-3.w--current {
    color: #111
}

.cart-list {
    padding: 16px 32px
}

.footer-link-2 {
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    padding: 4px;
    text-decoration: none
}

.footer-link-2:hover {
    text-decoration: underline
}

.cart-remove-link {
    color: #fb416b;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline
}

.nav-top-info {
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex
}

.subscribe {
    background-color: #fff;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 48px;
    display: flex;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .25);
    justify-content: space-between;
    width: 100%;
    margin-top: 48px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 11px;
    line-height: 16px;
    display: flex
}

.title-2 {
    color: #a5c926;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px
}

.title-2.white {
    color: #fff
}

.nav-top-text {
    margin-right: 16px
}

.social-link-2 {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    padding: 5px;
    transition: background-color .3s;
    display: flex
}

.social-link-2:hover {
    background-color: rgba(0, 0, 0, .08)
}

.home-category-card {
    color: #fff;
    background-color: #ffc12c;
    border-radius: 16px;
    flex: 1;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 48px 40px;
    display: flex;
    position: relative
}

.home-category-card.red {
    background-color: #fb416b;
    justify-content: flex-end
}

.wrapper-2 {
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    display: flex
}

.wrapper-2.nav-bar-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    height: 72px;
    display: flex
}

.wrapper-2.side-paddings {
    padding-left: 15px;
    padding-right: 15px
}

.wrapper-2.nav-top-wrapper {
    flex-direction: row;
    justify-content: space-between;
    height: 100%
}

.cart-icon-2 {
    width: 32px;
    margin-left: 10px
}

.home-category-info-1 {
    margin-left: 224px
}

.instagram-link {
    border-radius: 16px;
    flex: 1;
    margin-left: 8px;
    margin-right: 8px;
    transition: transform .3s, box-shadow .3s;
    position: relative;
    overflow: hidden
}

.instagram-link:hover {
    z-index: 1;
    transform: scale(1.05)translate(0);
    box-shadow: 0 8px 20px -4px rgba(0, 0, 0, .16)
}

.subscribe-form-wrapper {
    width: 50%;
    margin-bottom: 0;
    padding-left: 15px
}

.full-width {
    width: 100%
}

.footer-brand {
    color: #fff;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Varela Round, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    display: flex
}

.button-7 {
    color: #fff;
    text-align: center;
    background-color: #a5c926;
    border-radius: 24px;
    justify-content: center;
    height: 48px;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    transition: transform .3s, box-shadow .3s
}

.button-7:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px -4px rgba(165, 201, 38, .5)
}

.button-7.small {
    border-radius: 20px;
    height: 40px;
    padding: 8px 24px;
    font-size: 13px;
    line-height: 24px
}

.mouse-wheel-icon {
    background-color: #bbb;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin-top: 6px
}

.footer-social {
    justify-content: flex-end;
    align-items: center;
    width: 200px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

.subscribe-info {
    flex: 1;
    align-items: center;
    padding-right: 15px;
    display: flex
}

.no-margin-bottom {
    margin-bottom: 0
}

.input {
    background-color: #f8f8f8;
    border: 2px solid #e5e5e5;
    border-radius: 24px;
    height: 48px;
    margin-bottom: 24px;
    padding-left: 28px;
    padding-right: 28px;
    transition: border-color .3s, background-color .3s
}

.input:hover {
    background-color: #fff
}

.input:focus {
    background-color: #fff;
    border-color: #a5c926
}

.input.subscribe-input {
    margin-bottom: 0;
    margin-right: 16px
}

.input.subscribe-input:focus {
    background-color: #fff;
    border-color: #a5c926
}

.input.quantity-input {
    width: 80px;
    margin-bottom: 12px;
    margin-right: 8px
}

.item-count {
    color: #fff;
    background-color: #a5c926;
    border-radius: 10px;
    min-width: 20px;
    height: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
    font-weight: 600
}

.section {
    background-color: #f8f8f8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 24px;
    display: flex
}

.section.video-section {
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff49c059044e7357b0393f_tim-gouw-165547-unsplash.jpg);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    padding-bottom: 112px
}

.section.color {
    background-color: #a5c926
}

.section.hero-section {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff4d06f043a2873fbbe0cd_slide.jpg);
    background-position: 50% 94%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative
}

.section.hero-section.bilgi-banner {
    background-position: 50% 0;
    background-size: cover;
    height: 53vh
}

.section.no-padding-bottom {
    padding-top: 129px
}

.section.no-padding-bottom.padding-top-30 {
    background-color: #000;
    padding-top: 30px
}

.side-image {
    border-radius: 16px;
    width: 100%
}

.no-margin {
    margin: 0
}

.footer-nav {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex
}

.hero-intro {
    color: #111;
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 570px;
    padding: 56px 48px;
    display: flex
}

.footer-left {
    align-items: center;
    width: 200px;
    display: flex
}

.nav-top-social {
    justify-content: flex-end;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

.nav-main {
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    height: 72px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex
}

.shop-header-line {
    background-color: #e5e5e5;
    width: 100%;
    height: 2px;
    margin-top: 32px
}

.home-category-info-2 {
    text-align: right;
    margin-right: 224px
}

.footer-bottom-divider {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    width: 3px;
    height: 3px;
    margin-left: 8px;
    margin-right: 8px
}

.link {
    color: #111;
    border-bottom: 2px solid #ddd;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    transition: border-color .3s;
    display: inline-block
}

.link:hover {
    border-bottom-color: #a5c926
}

.link.arrow-link {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff49c059044e9a9cb03937_arrow-right-mini-icon.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 11px;
    margin-top: 4px;
    padding-right: 20px
}

.cart-container {
    border-radius: 16px
}

.scroll-mouse-link {
    z-index: 2;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: -32px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.text-green {
    color: #a5c926
}

.text-grey {
    color: #fff;
    font-weight: 300
}

.cart-pay-button {
    border-radius: 24px;
    height: 45px;
    margin-bottom: 12px
}

.divider {
    background-color: #a5c926;
    width: 70px;
    height: 2px;
    margin-top: 8px;
    margin-bottom: 23px
}

.subscribe-icon {
    background-color: #a5c926;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    margin-right: 24px;
    padding: 18px 16px 16px;
    display: flex
}

.product-card-wrapper {
    flex-direction: column;
    width: 25%;
    padding: 15px;
    display: flex
}

.brand-3 {
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Varela Round, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    display: flex
}

.form-success {
    background-color: transparent
}

.nav-bar {
    z-index: 100;
    box-shadow: none;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.products {
    flex-wrap: wrap;
    width: 100%;
    display: flex
}

.home-categories {
    justify-content: center;
    width: 100%;
    padding-top: 32px;
    display: flex
}

.mouse-icon {
    border: 2px solid #bbb;
    border-radius: 12px;
    justify-content: center;
    align-items: flex-start;
    width: 20px;
    height: 30px;
    display: flex
}

.shop-header-color {
    background-color: #a5c926;
    width: 136px;
    height: 100%
}

.footer-2 {
    flex-wrap: wrap;
    width: 100%;
    padding-top: 48px;
    display: flex;
    position: relative
}

.shop-header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex
}

.side-blocks {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex
}

.page-wrapper {
    background-color: #fff;
    padding-top: 104px;
    overflow: hidden
}

.side-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding-left: 8.33%;
    padding-right: 8.33%;
    display: flex;
    position: relative
}

.side-block.small-padding-side {
    padding-left: 15px;
    padding-right: 15px
}

.side-block.no-padding-left {
    padding-left: 0%
}

.side-block.no-padding-right {
    padding-right: 0%
}

.cart-footer {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px
}

.subscribe-form {
    justify-content: center;
    align-items: center;
    display: flex
}

.link-white {
    color: #fff;
    text-decoration: underline
}

.instagram {
    width: 100%;
    margin-bottom: 72px;
    padding-left: 7px;
    padding-right: 7px;
    display: flex
}

.cart-header {
    padding: 24px 32px
}

.home-category-image-1 {
    width: 220px;
    position: absolute;
    bottom: 26px;
    left: 15px
}

.form-error {
    color: #fb416b;
    background-color: rgba(251, 65, 107, .1);
    border-radius: 16px;
    margin-top: 12px;
    padding: 6px 20px;
    font-size: 12px;
    line-height: 20px
}

.play-button {
    background-color: #a5c926;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    padding: 20px;
    transition: transform .3s;
    display: flex
}

.play-button:hover {
    transform: scale(1.1)
}

.intro {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex
}

.intro.wide {
    max-width: 800px
}

.intro.no-margin {
    max-width: 100%;
    margin: 0
}

.footer-bottom-left {
    align-items: center;
    width: 50%;
    display: flex
}

.side-info {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex
}

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

.footer-social-link {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 6px;
    transition: background-color .3s;
    display: flex
}

.footer-social-link:hover {
    background-color: rgba(0, 0, 0, .08)
}

.heading {
    font-size: 36px;
    line-height: 44px
}

.nav-top {
    color: #fff;
    background-color: #94c020;
    flex-direction: column;
    align-items: center;
    height: 32px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 11px;
    line-height: 16px;
    display: flex
}

.cart-button-2 {
    color: #111;
    background-color: transparent
}

.link-grey {
    color: #999;
    text-decoration: none
}

.link-grey:hover {
    text-decoration: underline
}

.breadcrumbs {
    color: #999;
    border: 2px solid #e5e5e5;
    border-radius: 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 48px;
    margin-top: 48px;
    margin-bottom: -8px;
    padding: 8px 28px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

.breadcrumbs-arrow {
    opacity: .2;
    width: 9px;
    margin-left: 10px;
    margin-right: 10px
}

.page-wrapper-2 {
    padding-top: 8px;
    overflow: hidden
}

.about-image {
    border-radius: 16px;
    width: 100%;
    margin-top: 64px
}

.tab-link-01 {
    opacity: .75;
    white-space: nowrap;
    background-color: #fff;
    border-right: 5px solid #fff;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: all .2s
}

.tab-link-01:hover {
    opacity: 1
}

.tab-link-01.w--current {
    opacity: 1;
    color: var(--medium-orchid);
    -webkit-text-stroke-color: var(--slate-blue);
    background-color: #fff;
    border-right-color: #3b2ae5;
    transition: all .2s
}

.tabs-01 {
    width: 100%;
    max-width: 1100px;
    display: flex
}

.button-8 {
    text-transform: none;
    background-color: #94c020;
    border-radius: 0;
    padding: 13px 22px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: all .2s
}

.button-8:hover {
    opacity: .8
}

.content-section-inner-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 1100px;
    display: grid
}

.button-wrapper-2 {
    align-items: center;
    margin-top: 20px;
    display: flex
}

.tabs-content-01 {
    flex: 1;
    justify-content: space-around;
    padding: 40px 0 40px 40px;
    display: block
}

.tabs-menu-01 {
    border-right: 1px solid #dbdbdb;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex
}

.heading-2 {
    margin-top: 0;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px
}

.paragraph {
    opacity: .75;
    font-size: 16px;
    line-height: 22px
}

.secondary-button {
    color: #000;
    align-items: center;
    margin-left: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.secondary-button:hover {
    opacity: .8;
    transform: translate(5px)
}

.border-effect {
    z-index: 1;
    background-color: #fff;
    border: 5px solid #3b2ae5;
    position: absolute;
    top: -20px;
    bottom: 15px;
    left: 15px;
    right: -20px
}

.border-effect.no-fill {
    background-color: transparent
}

.content-wrap-left {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 40px;
    display: flex
}

.in-tabs-image {
    z-index: 5;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/640068861d854a0138f27bfa_guy-in-suit.jpg);
    background-position: 50%;
    background-size: cover;
    min-height: 350px;
    position: relative
}

.section-title {
    color: #3b2ae5;
    text-transform: none;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none
}

.right-arrow-3 {
    height: 15px;
    margin-top: 2px;
    margin-left: 7px
}

.tabs-section-01 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 66vh;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex
}

.tabs-section-01.mh {
    height: auto
}

.tabs-section-01.mh.t0 {
    padding-top: 20px
}

.money-p {
    z-index: 2;
    text-transform: uppercase;
    font-size: 19px;
    position: relative
}

.file-size {
    text-transform: uppercase;
    min-width: 60px;
    padding-top: 10px;
    font-family: Montserrat, sans-serif
}

.file-size.durum {
    text-transform: none;
    font-style: normal;
    font-weight: 500;
    text-decoration: none
}

.file-size.durum.text-white {
    color: #fff
}

.file-format {
    color: #5d21d2;
    background-color: rgba(104, 82, 237, 0);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin-right: 25px;
    padding-top: 10px;
    padding-left: 13px;
    padding-right: 13px;
    display: flex
}

.file-format.tur-bg {
    background-color: transparent
}

.checkbox {
    cursor: pointer;
    border-width: 2px;
    border-color: #c6c9d4;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    margin-top: 0
}

.file-img {
    max-width: 40px;
    margin-left: 30px;
    margin-right: 20px
}

.person-name {
    color: #616a73;
    margin-bottom: 5px;
    font-weight: 500
}

.person-address {
    font-size: 16px
}

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

.checkbox-form__block {
    margin-bottom: 0
}

.sqaure-button {
    border: 2px solid #e2e3e9;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    min-width: 37px;
    height: 37px;
    transition: transform .2s;
    display: flex
}

.sqaure-button:hover {
    transform: scale(1.1)
}

.sqaure-button.mr-10 {
    white-space: normal;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-clip: border-box;
    margin-right: 10px;
    text-decoration: none
}

.sqaure-button.mr-10.ss {
    border-style: none;
    align-items: flex-end
}

.sqaure-button.mr-10.buton-gizle {
    display: none
}

.file {
    grid-column-gap: 58px;
    grid-row-gap: 58px;
    border-bottom: 1px solid #eff0f2;
    flex-wrap: nowrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.75fr 1fr 1.5fr .75fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    justify-items: start;
    margin-top: 3px;
    padding: 10px 35px 10px 25px;
    display: block
}

.file.ust-file {
    background-color: #94c020;
    padding-top: 0;
    padding-bottom: 0
}

.file.ust-file.file-top {
    background-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
    background-position: 0 0;
    background-size: cover;
    border: 1px solid #94c020;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 0
}

.money-wrap {
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin-right: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
    overflow: hidden
}

.files-scroll {
    width: 100%;
    max-width: 100%;
    padding-bottom: 10px;
    overflow: auto
}

.money-bg {
    opacity: .15;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.bill-type {
    grid-column-gap: 14px;
    background-color: #eef0f6;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 7px 15px;
    display: flex
}

.file-format__p {
    color: #000;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 400
}

.file-format__p.tur {
    color: #333;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none
}

.file-format__p.tur.text-white {
    color: #fff;
    font-family: Montserrat, sans-serif
}

.file-format__p.cap {
    text-transform: lowercase
}

.files-list {
    background-color: #fff;
    border: 1px #e2e3e9;
    border-radius: 10px;
    box-shadow: 0 1px 5px -2px rgba(143, 147, 163, .6)
}

.x-icon {
    cursor: pointer
}

.file-name {
    color: #333;
    width: 83%;
    margin-right: 40px;
    padding-top: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden
}

.file-name.text-white {
    color: #fff;
    font-family: Montserrat, sans-serif
}

.h2 {
    color: #616a73;
    font-size: 23px;
    font-weight: 600
}

.none {
    display: none
}

.collection-wrapper {
    border: 1px #9f33c6;
    min-width: 100%
}

.checkbox-field {
    margin-bottom: 0
}

.person-img {
    border-radius: 50%;
    min-width: 48px;
    height: 48px;
    margin-right: 18px
}

.body-2 {
    font-family: Poppins, sans-serif
}

.heading-27 {
    font-weight: 500
}

.color-neutral-300 {
    color: #000
}

.card {
    background-color: var(--333);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a6aeb7090015bc07e5151a_bg.svg);
    background-position: 0 0;
    background-size: auto;
    border: 1px solid #eff0f6;
    border-radius: 24px;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .06)
}

.card.form {
    min-height: 620px;
    margin-bottom: 0;
    padding: 72px 40px
}

.card.form.pd-sides-78px {
    padding-left: 78px;
    padding-right: 78px
}

.card.content-center {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    display: flex
}

.card.content-left {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 48px 32px;
    display: flex
}

.card.content-left.card-over-image {
    z-index: 1;
    margin-top: -33px;
    margin-left: 40px;
    margin-right: 40px;
    position: relative
}

.card.pricing-popular {
    background-color: var(--medium-orchid);
    color: #f7f7fc;
    position: relative
}

.grid-2-columns {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.grid-2-columns.form {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.grid-2-columns.contact-v4 {
    grid-column-gap: 0px;
    grid-template-columns: 1.8fr 1fr
}

.grid-2-columns.contact-v9 {
    grid-column-gap: 120px;
    grid-template-columns: .7fr 1fr
}

.grid-2-columns.logo-strip-v2 {
    grid-template-columns: .25fr 1fr
}

.half-bg-image-right {
    z-index: -1;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.half-bg-image-right.width-65 {
    width: 65%
}

.half-bg-image-right.width-65.contact-v4 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6406d760eebef454087d8c09_banner-15.jpg);
    background-size: cover
}

.line-rounded-icon.success-message-check {
    margin-bottom: 6px;
    font-size: 22px
}

.line-rounded-icon.success-message-check.large {
    margin-bottom: 16px;
    font-size: 80px;
    line-height: 88px
}

.line-rounded-icon.link-icon-right {
    margin-left: 6px;
    display: inline-block
}

.input-2 {
    clear: right;
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 100px;
    min-height: 70px;
    margin-bottom: 0;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .08)
}

.input-2:hover {
    border-color: #4a3aff;
    box-shadow: 0 2px 12px rgba(20, 20, 43, .1)
}

.input-2:focus {
    color: #211f54;
    border-color: #4a3aff
}

.input-2::placeholder {
    color: #6e7191;
    font-size: 18px
}

.section-110 {
    padding-top: 176px;
    padding-bottom: 176px
}

.error-message {
    color: #ff5a65;
    text-align: center;
    background-color: #ffeff0;
    border-radius: 16px;
    margin-top: 20px;
    padding: 20px 24px
}

.elements---element-title {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 12px;
    margin-top: 72px;
    margin-bottom: 32px;
    padding: 24px 32px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, .06)
}

.elements---element-title.first,
.elements---element-title.first.large {
    margin-top: 0
}

.btn-primary {
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #94c01f;
    border-radius: 48px;
    justify-content: center;
    padding: 26px 38px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}

.btn-primary:hover {
    color: #fff;
    background-color: #3324d5;
    transform: translate3d(0, -3px, .01px)
}

.container-default {
    max-width: 1218px;
    margin-top: 56px;
    padding-left: 24px;
    padding-right: 24px
}

.mg-bottom-0 {
    margin-bottom: 0
}

.text-area {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 22px;
    min-height: 144px;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .08)
}

.text-area:hover {
    border-color: #4a3aff;
    box-shadow: 0 2px 12px rgba(20, 20, 43, .1)
}

.text-area:focus {
    color: #211f54;
    border-color: #4a3aff
}

.text-area::placeholder {
    color: #6e7191;
    font-size: 18px
}

.mg-bottom-40px {
    color: #fff;
    margin-bottom: 40px
}

.success-message {
    color: #4a3aff;
    background-color: #f3f2ff;
    border-radius: 24px;
    padding: 28px 28px 32px
}

.margintop-50 {
    margin-top: 50px
}

.button-9 {
    background-color: rgba(56, 152, 236, 0);
    border: 1px solid #fff;
    border-radius: 100px;
    margin-top: 15px;
    padding: 15px 30px;
    font-size: 17px;
    font-weight: 400;
    transition: all .5s
}

.button-9:hover {
    color: #242021;
    background-color: #fff
}

.button-9.yellow {
    color: #fff;
    border-color: #fff
}

.button-9.yellow:hover {
    color: #000;
    background-color: #94c020
}

.button-9.margin-right {
    color: #000;
    border-color: #000;
    margin-right: 20px
}

.button-9.margin-right.black {
    color: #000;
    border-color: #000
}

.button-9.black {
    color: #231f20;
    border-color: #231f20
}

.button-9.black:hover {
    color: #fff;
    background-color: #231f20
}

.section_header {
    height: 121px;
    margin-left: -2%;
    padding-left: 0
}

.section_header.margin-left-0 {
    margin-left: 0%
}

.section_header.margin-left-0.h-muhur {
    height: 71px
}

.custom_container {
    width: 100%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto
}

.custom_container.sections {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: -275px;
    display: flex
}

.custom_container.sections.margin-0 {
    margin-top: 0
}

.custom_container.sections.margin-0.topp {
    margin-top: 72px
}

.section-111 {
    justify-content: center;
    align-items: flex-end;
    min-height: 100vh;
    padding-top: 60vh
}

.section-111.hero {
    z-index: 9;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/640598d84b572632e0a317dc_banner-1.jpg), linear-gradient(#08101d, #08101d);
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    margin-top: 48px;
    padding-top: 65vh;
    padding-bottom: 60px;
    position: relative
}

.section-111.iphone-12-pro {
    z-index: 8;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-top: -46px;
    padding-top: 70vh;
    position: relative
}

.section-111.iphone-12-pro.margin-yok {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6407344126ccfefce5467552_MicrosoftTeams-image%20\(78\).png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
    padding-top: 16vh
}

.section-111.iphone-12 {
    z-index: 7;
    background-color: #fff;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6406f228722f323f87155ac5_MicrosoftTeams-image%20\(68\).png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -8%;
    padding-top: 78vh;
    position: relative;
    top: auto
}

.section-111.iphone-12.padding-0 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64072372f80a801b6e6d9095_MicrosoftTeams-image%20\(72\).png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 56vh
}

.section-111.iphone-12.padding-0.sec3 {
    padding-top: 34vh
}

.section-111.magsafe {
    z-index: 6;
    background-color: #fff;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 65vh;
    position: relative
}

.section-111.magsafe.pp {
    padding-top: 21vh
}

.section-111.homepod {
    z-index: 5;
    background-color: #f2f2f2;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6406443cf1dd7d3dc049ce42_banner-14.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60vh;
    position: relative
}

.section_text {
    color: #fff;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px
}

.section_text.yellow {
    color: #fff;
    text-align: left;
    align-self: auto;
    font-size: 20px;
    font-weight: 300
}

.section_text.white {
    color: #000;
    text-align: left;
    font-size: 20px;
    font-weight: 300
}

.section_text.text-black {
    color: #000;
    font-size: 20px
}

.section_text.siyah {
    color: #000
}

.section_text.siyah.zaman {
    font-size: 20px
}

.section-subtext {
    color: #6e6e73;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 26px
}

.btn-group {
    margin-top: 5px;
    margin-bottom: 100px
}

.footer_copy_menu {
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    display: flex
}

.footer_copyright {
    margin-top: 20px
}

.link-2 {
    color: #06c;
    text-decoration: none
}

.footer-disclaimer {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    padding-bottom: 10px
}

.footer-disclaimer.copy {
    margin-bottom: 10px
}

.footer_nav {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    display: grid
}

.text-block-16 {
    color: rgba(35, 31, 32, .6);
    margin-bottom: 10px
}

.text-block-16.copy {
    margin-bottom: 0
}

.div-block {
    align-items: center;
    display: flex
}

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

.footer_nav_item {
    color: rgba(35, 31, 32, .7);
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 3px;
    text-decoration: none
}

.footer_country {
    color: rgba(35, 31, 32, .7)
}

.text-block-17 {
    text-decoration: none
}

.footer_nav_headin {
    margin-top: 22px;
    margin-bottom: 10px
}

.seprator {
    background-color: rgba(35, 31, 32, .3);
    width: 1px;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px
}

.link-3 {
    color: rgba(0, 0, 0, .7)
}

.footer-3 {
    z-index: 99999999;
    background-color: #f5f5f7;
    margin-top: 7px;
    padding-top: 0;
    padding-bottom: 20px;
    position: relative
}

.link-block {
    text-decoration: none
}

.body-3 {
    font-family: Poppins, sans-serif
}

.bold-text-17 {
    font-weight: 300
}

.body-4 {
    font-family: Poppins, sans-serif
}

.body-4.bg-black {
    background-color: #fff;
    font-family: Montserrat, sans-serif
}

.heading-28 {
    color: #fff;
    font-weight: 500
}

.text-block-18 {
    font-weight: 400
}

.text-block-19 {
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.text-block-20 {
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.body-5 {
    font-family: Poppins, sans-serif
}

.body-5.bg-black {
    background-color: #000
}

.heading-29,
.field-label,
.field-label-2,
.field-label-3,
.field-label-4,
.field-label-5 {
    font-weight: 400
}

.stage {
    perspective: 2000px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px;
    display: flex;
    overflow: hidden;
    transform: none
}

.bg-layer-blur {
    z-index: 50;
    opacity: .36;
    filter: blur(30px);
    width: 1400px;
    height: 100px;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0%;
    transform: translateY(-50%)
}

.color-strip {
    z-index: 100;
    opacity: 0;
    background-image: linear-gradient(90deg, #fff 14%, #00ffd0 25%, #0090ff 35%, #e0f 47%, #ee2a4e 57%, #ffa70d 68%, #d9ff00 78%, #fff 89%);
    width: 100%;
    height: 100%;
    font-size: 14px;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(0)
}

.overlay-inner-shadow-mask {
    z-index: 51;
    box-shadow: none;
    background-image: radial-gradient(circle, rgba(27, 27, 27, 0) 29%, #1b1b1b 63%);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.cta-container {
    z-index: 52;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 16px 3px rgba(0, 0, 0, .28)
}

.bg-layer {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.button-10 {
    z-index: 500;
    color: #d3d3d3;
    mix-blend-mode: darken;
    background-color: #181818;
    border: 1px solid #292929;
    border-radius: 20px;
    padding: 20px;
    font-size: 17px;
    line-height: 1;
    transition: border-color .2s, transform .2s, border-width .2s;
    position: relative
}

.button-10:hover {
    border-width: 3px;
    border-color: #9c9c9c;
    transform: perspective(2000px)
}

.dropdown-list {
    background-color: #bea5a5
}

.dropdown-list.w--open {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.bg-layer-2 {
    width: 1400px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.color-strip-2 {
    z-index: 100;
    opacity: 0;
    background-image: linear-gradient(90deg, #fff 14%, #00ffd0 25%, #0090ff 35%, #e0f 47%, #ee2a4e 57%, #ffa70d 68%, #d9ff00 78%, #fff 89%);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(0)
}

.button-11 {
    z-index: 500;
    color: #d3d3d3;
    mix-blend-mode: darken;
    background-color: #181818;
    border: 1px solid #292929;
    border-radius: 20px;
    padding: 27px 65px;
    font-size: 2.7rem;
    line-height: 1;
    transition: border-color .2s, transform .2s, border-width .2s;
    position: relative
}

.button-11:hover {
    border-width: 3px;
    border-color: #9c9c9c;
    transform: perspective(2000px)
}

.div-block-264 {
    box-shadow: none;
    color: #221e1f;
    background-color: #1a1a1a;
    border: 0 solid #f90;
    border-radius: 29ch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 249px;
    margin-top: 0;
    padding: 10px 20px 10px 10px;
    text-decoration: none;
    display: flex;
    position: relative
}

.text-block-77 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 9px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none
}

.image-54 {
    transform-style: preserve-3d;
    width: 8px;
    position: absolute;
    top: 40%;
    bottom: 5%;
    left: auto;
    right: 8%;
    transform: scale(1.5, 1.9)
}

.image-53 {
    object-fit: contain;
    border-radius: 9px;
    width: 100px;
    padding: 0 14px
}

.image-55 {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 7%
}

.image-55.ark-damga {
    float: right;
    clear: none;
    text-align: left;
    margin-top: 86px;
    margin-right: 12px;
    position: static
}

.damga {
    margin-top: 68px
}

.rapid-home-flex {
    z-index: 60;
    justify-content: flex-start;
    width: 100%;
    display: flex;
    position: relative
}

.sketch-top-right {
    z-index: 47;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.ui-slider {
    z-index: 51;
    opacity: 1;
    background-color: transparent;
    width: 100%;
    max-width: 77vw;
    height: auto;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.rapid-phone-image {
    z-index: 61;
    justify-content: center;
    align-items: flex-start;
    width: 1000px;
    max-width: 33vw;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 12vw;
    transform: perspective(1000px)
}

.rapid-fixed-contact {
    z-index: 62;
    opacity: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%)
}

.phone-mask-fore {
    z-index: 50;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: auto
}

.transparent-mask-background {
    z-index: 10;
    opacity: 0;
    max-width: 77vw;
    max-height: 90vh;
    position: static;
    bottom: 0;
    left: auto;
    right: auto
}

.phone-mask-ui-wrapper {
    z-index: 48;
    opacity: 1;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 77vw;
    display: flex;
    position: relative
}

.white-rapid-home-background {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.rapid-paragraph {
    max-width: 45vw;
    margin-top: 3.5vh;
    margin-bottom: 3.5vh;
    font-size: 15px;
    line-height: 30px
}

.phone-mask-back {
    z-index: 0;
    opacity: 0;
    filter: contrast(200%);
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: auto
}

.rapid-logo-block {
    justify-content: space-between;
    display: flex
}

.ui-colour {
    z-index: 51;
    opacity: 1;
    background-color: transparent;
    width: 100%;
    max-width: 77vw;
    height: auto;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.success {
    color: #434343;
    background-color: #fff;
    border: 1px solid #434343;
    border-radius: 4px
}

.right-colour-block {
    z-index: 50;
    float: right;
    background-color: transparent;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/642179454ea429316429d8e2_Group%205.png);
    background-position: 100%;
    background-size: cover;
    width: 30%;
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.row-padding-left {
    padding-right: 12px
}

.row-padding-left.less {
    padding-right: 8px
}

.rapid-title {
    margin-top: 7vh;
    margin-bottom: 1vh;
    font-size: 68px;
    font-weight: 700;
    line-height: 78px
}

.sketch-bottom {
    z-index: 47;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.scroll-track {
    perspective: 1000px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 600vh;
    display: flex
}

.frame-bottom-right {
    z-index: 49;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.spruce-logo-rapid {
    flex: 0 auto
}

.rapid-btn-wrapper {
    background-image: linear-gradient(90deg, #02adcf, #01dfe7);
    border-radius: 34px;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    padding: 2px
}

.rapid-subhead {
    color: #02adcf;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 38px
}

.rapid-subhead.landscape-subhead {
    text-align: center
}

.frame-top,
.frame-top-right {
    z-index: 49;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.frame-bg {
    z-index: 48;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.contact-phone {
    float: left;
    padding-top: 10px;
    padding-left: 14px
}

.logo-sub {
    color: #363e4c;
    letter-spacing: 12.86px;
    text-transform: uppercase;
    border-left: 2px solid #02adcf;
    align-items: center;
    height: 56px;
    margin-left: 32px;
    padding-left: 32px;
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.phone-mask-back-reversed {
    z-index: 49;
    opacity: 0;
    filter: contrast(200%);
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: auto
}

.slide-2 {
    z-index: 51
}

.sketch-top-left {
    z-index: 47;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.left-colour-block {
    z-index: 50;
    float: right;
    background-color: #1522b2;
    width: 8px;
    height: 100vh;
    position: absolute
}

.rapid-button {
    color: #363e4c;
    background-color: #fff;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/642179454ea4293e1d29d8e6_blue%20right%20arrow%20.svg);
    background-position: 90%;
    background-repeat: no-repeat;
    border-color: #00fff4;
    border-radius: 32px;
    justify-content: flex-start;
    align-items: center;
    min-height: 68px;
    padding-bottom: 9px;
    padding-left: 33px;
    padding-right: 100px;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s cubic-bezier(.95, .05, .795, .035);
    display: flex
}

.rapid-button:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/642179454ea429b03129d8e5_white-arrow.svg);
    background-position: 90%;
    background-size: auto
}

.rapid-home-text-wrapper {
    z-index: 50;
    background-color: #fff;
    flex-direction: column;
    flex: 1;
    min-width: 407px;
    max-width: 700px;
    display: flex;
    position: relative
}

.frame-top-left {
    z-index: 49;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.contact {
    padding-bottom: 72px;
    font-weight: 300
}

.about-spruce {
    margin-bottom: 15px;
    padding-right: 42px;
    font-size: 16px;
    line-height: 24px
}

.sketch-bottom-left {
    z-index: 47;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.btn {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 10px 22px;
    font-weight: 300;
    transition: all .2s;
    display: inline-block
}

.btn:hover {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .5)
}

.btn.blue-line {
    float: left;
    color: #828cff;
    background-color: transparent;
    border-color: #828cff
}

.btn.blue-line:hover {
    color: #fff;
    background-color: #1522b2
}

.btn.btn-margin {
    cursor: pointer;
    margin-top: 24px
}

.btn.btn-margin:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.btn.btn-margin.solid {
    color: #fff;
    background-color: #1522b2;
    border-color: #0014ff;
    margin-top: 30px;
    text-decoration: none
}

.btn.btn-margin.solid:hover {
    background-color: #4e5bf0;
    border-color: #0010ce
}

.row-padding-right {
    padding-left: 12px
}

.row-padding-right.less {
    padding-left: 8px
}

.frame-bottom {
    z-index: 49;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.error {
    color: #0014ff;
    text-align: center;
    background-color: #fff;
    border: 1px solid #0014ff;
    border-radius: 4px;
    padding: 20px
}

.sketch-top {
    z-index: 47;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.mobile-prog-block {
    z-index: 50;
    float: right;
    background-color: #1522b2;
    width: 8px;
    height: 100vh;
    position: absolute
}

.ui-bw {
    z-index: 50;
    opacity: 1;
    filter: grayscale();
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.phone-number {
    color: #828cff;
    cursor: pointer;
    padding-bottom: 4px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s
}

.phone-number:hover {
    color: #1522b2
}

.home-scroll-wrapper {
    position: relative;
    overflow: hidden
}

.contact-50 {
    float: left;
    width: 50%
}

.frame-bottom-left {
    z-index: 49;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.work-image {
    margin-right: 16px
}

.sketch-bottom-right {
    z-index: 47;
    opacity: 1;
    max-width: 77vw;
    max-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.textarea {
    color: #434343;
    border: 1px solid #c9ceff;
    border-radius: 4px;
    max-width: 100%;
    min-height: 100px;
    max-height: 400px;
    margin-bottom: 16px
}

.textarea:active,
.textarea:focus {
    border-color: #1522b2
}

.rapid-content {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 70%;
    height: 100%;
    padding: 5vw 32px 32px 5vw;
    display: flex;
    position: relative
}

.mask-4 {
    z-index: 51
}

.rapid-section-home {
    position: fixed
}

.rapid-section-home.rapid-home {
    z-index: 60;
    width: 100vw;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: fixed;
    top: 556px;
    bottom: 0;
    left: 0;
    right: 0
}

.work-with-us {
    border-bottom: 1px solid #e9eaff;
    width: 100%;
    margin-bottom: 24px;
    padding-bottom: 10px;
    display: flex
}

.field {
    color: #c9ceff;
    border: 1px solid #c9ceff;
    border-radius: 4px;
    height: 42px;
    margin-bottom: 16px
}

.field.email {
    color: #434343
}

.field.email:active,
.field.email:focus {
    border-color: #1522b2
}

.field.name {
    color: #434343
}

.field.name:active,
.field.name:focus {
    border-color: #1522b2
}

.rapid-section-tuesday {
    position: fixed
}

.rapid-section-tuesday.tuesday {
    z-index: 40;
    justify-content: flex-end;
    width: 100vw;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10%;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(.8)
}

.week-scroll-track {
    perspective: 1000px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 500vh;
    display: flex
}

.page-conclusion-section {
    position: fixed
}

.page-conclusion-section.final-block {
    z-index: 39;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.day-container {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 60%;
    height: 100%;
    margin-left: 32px;
    margin-right: 32px;
    padding-top: 10%;
    padding-left: 10%;
    display: flex;
    position: absolute
}

.day-title-wrapper {
    max-width: 60%;
    margin-left: 32px
}

.rapid-section-wednesday {
    position: fixed
}

.rapid-section-wednesday.wednesday {
    z-index: 30;
    width: 100vw;
    height: 100vh;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(.6)
}

.rapid-section-thursday {
    position: fixed
}

.rapid-section-thursday.thursday {
    z-index: 20;
    justify-content: flex-end;
    width: 100vw;
    height: 100vh;
    padding-right: 10%;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(.4)
}

.day-subtitle {
    color: #1522b2;
    font-size: 28px;
    font-weight: 500;
    line-height: 39px
}

.week-scroll-wrapper.day-set {
    overflow: hidden
}

.day-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 68px;
    font-weight: 700;
    line-height: 78px
}

.rapid-section-monday {
    position: fixed
}

.rapid-section-monday.monday {
    z-index: 50;
    width: 100vw;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.day-text-wrapper {
    border-left: 4px solid #b4d165;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0
}

.day-title-flex {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
    display: flex;
    position: relative
}

.day-text {
    margin-top: -9px;
    margin-bottom: -9px;
    padding-left: 32px;
    font-size: 15px;
    line-height: 30px
}

.day-number-title {
    opacity: .05;
    color: #363e4c;
    font-size: 454px;
    font-weight: 700;
    line-height: 278px;
    position: absolute;
    top: auto;
    bottom: -9%;
    left: -20%;
    right: auto
}

.image-56 {
    max-width: 177%
}

.text-block-78 {
    z-index: 99999999;
    max-height: 10000000px;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.paragraph-15 {
    z-index: 9999999;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.field-2 {
    float: left;
    color: #fff;
    background-color: rgba(47, 41, 43, .65);
    border: 0 solid #000;
    border-radius: 4px;
    width: 65%;
    height: 54px;
    margin-right: 3%;
    font-size: 16px;
    transition: background-color .3s, box-shadow .3s;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .31), inset 0 2px 9px -1px rgba(0, 0, 0, .14), 0 0 0 1px rgba(255, 255, 255, .09), 0 1px rgba(255, 255, 255, .13)
}

.field-2:hover {
    background-color: rgba(47, 41, 43, .76)
}

.field-2:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .31), inset 0 2px 9px -1px rgba(0, 0, 0, .14), 0 0 0 2px #c96c47, 0 0 12px 1px #c96c47
}

.button-12 {
    float: left;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, .19);
    background-color: #c96c47;
    border-radius: 4px;
    width: 32%;
    height: 54px;
    padding: 4px 29px;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    transition: background-color .3s;
    display: block;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px rgba(255, 255, 255, .16), inset 0 -44px 38px -25px rgba(0, 0, 0, .09)
}

.button-12:hover {
    background-color: #e66f40
}

.button-12:active {
    background-color: rgba(230, 111, 64, .63);
    box-shadow: 0 1px rgba(255, 255, 255, .26), 0 0 0 1px rgba(0, 0, 0, .16), inset 0 2px 6px 1px rgba(0, 0, 0, .11), inset 0 1px rgba(0, 0, 0, .2), inset 0 44px 38px -25px rgba(0, 0, 0, .13)
}

.success-message-2 {
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, .56);
    background-color: #c96c47;
    border-radius: 4px;
    padding: 29px;
    transition: all .3s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .14), inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 1px rgba(255, 255, 255, .12)
}

.header-section {
    color: #fff;
    text-align: center;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/643fd7c4cb5fb786169df28c_bg.jpg);
    background-position: 0 0;
    background-size: cover;
    height: 100vh;
    padding-top: 193px;
    padding-bottom: 237px;
    position: relative;
    overflow: hidden
}

.share-button {
    width: 58px;
    margin-left: 14px;
    margin-right: 14px;
    display: inline-block
}

.share-button.facebook {
    width: 49px
}

.share-button.google {
    width: 54px
}

.subtitle {
    text-shadow: none;
    font-family: Poppins, sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px
}

.error-message-2 {
    background-color: #5c3245;
    border-radius: 2px;
    padding-bottom: 5px
}

.background_video {
    height: 185px;
    position: static;
    overflow: visible
}

.sign-up-form {
    margin-top: 47px
}

.referal-text {
    color: rgba(255, 255, 255, .61);
    text-transform: uppercase;
    text-shadow: none;
    margin-top: 16px;
    margin-bottom: 13px;
    font-size: 15px
}

.container-6 {
    padding-left: 129px;
    padding-right: 129px
}

.page-wrapper-3 {
    width: 100%;
    font-size: 1em;
    position: relative;
    overflow: hidden
}

.html {
    width: 0;
    height: 0;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.section_hero {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/648c4c5799830fac10480d05_dd.jpg);
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
    height: 100vh
}

.section_hero.bilgi-deposu {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64059e78401121f38ea10adc_banner-2.jpg);
    height: 28vh
}

.section_hero.bilgi-deposu.iletisiim {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    height: 11vh
}

.nav-menu-5 {
    align-items: center;
    display: flex
}

.navlink-button {
    background-color: rgba(255, 255, 255, .2);
    background-image: linear-gradient(to right, var(--medium-orchid), var(--slate-blue));
    color: #fff;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: .9em;
    transition: all .2s
}

.navlink-button:hover {
    background-color: rgba(255, 255, 255, .4)
}

.form {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.paragraph-16 {
    color: #fff;
    margin-bottom: 60px;
    font-size: 1.4em
}

.navbar-2 {
    background-color: transparent;
    border-bottom: .3px rgba(104, 82, 237, 0);
    padding-top: 10px;
    padding-bottom: 10px
}

.heading-30 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 3.6em;
    font-weight: 400
}

.container-2 {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
}

.text-field {
    border-radius: 3px;
    max-width: 21.9em;
    margin-bottom: 0;
    padding-top: 23px;
    padding-bottom: 23px
}

.div-block-3 {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.brand-4 {
    padding-top: 15px;
    padding-bottom: 15px
}

.navlink {
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1em;
    font-weight: 600
}

.navlink:hover {
    color: var(--medium-orchid)
}

.navlink.w--current {
    color: var(--slate-blue)
}

.submit-button {
    background-color: #0bc8ff;
    background-image: linear-gradient(96deg, var(--medium-orchid), var(--slate-blue));
    border-radius: 3px;
    margin-left: 10px;
    padding: 12px 22px;
    font-size: 1em;
    font-weight: 600
}

.submit-button:hover {
    background-color: #03b8ec
}

.container-7 {
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 30px
}

.container-7.hero {
    padding-top: 11em
}

.nav-menu-6 {
    align-items: center;
    display: flex
}

.paragraph-17 {
    color: #fff;
    margin-bottom: 60px;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 27px
}

.paragraph-17.color {
    color: #fff
}

.heading-31 {
    color: #fff;
    white-space: normal;
    margin-bottom: 10px;
    font-size: 3.6em;
    font-weight: 400;
    line-height: 55px
}

.container-8 {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
}

.div-block-265 {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.brand-5 {
    padding-top: 15px;
    padding-bottom: 15px
}

.container-9 {
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 30px
}

.container-9.hero {
    padding-top: 11em
}

.container-9.hero.bilgi-deposu-text {
    padding-top: .8em
}

.text-block-79 {
    color: var(--medium-orchid);
    font-size: 1.1em;
    font-weight: 600
}

.image {
    margin-top: 4px;
    margin-left: 4px
}

.paragraph-18 {
    color: #fff;
    margin-bottom: 60px;
    font-size: 1.4em
}

.paragraph-18._2 {
    color: rgba(255, 255, 255, .7);
    font-size: 1.3em;
    line-height: 27px
}

.section-112 {
    background-color: #000;
    overflow: hidden
}

.section-112.testimonial {
    padding-bottom: 100px
}

.section-112.bg-gri {
    background-color: #1f1f1f
}

.div-block-5 {
    display: inline-block
}

.heading-32 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 3.6em;
    font-weight: 400
}

.heading-32._2 {
    color: #fff;
    line-height: 60px
}

.div-block-4 {
    display: flex
}

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

.image-2 {
    margin-right: 0
}

.content-wrapper-2 {
    max-width: 42.1em
}

.container-10 {
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 30px
}

.text-block-80 {
    color: var(--medium-orchid);
    font-size: 1.1em;
    font-weight: 600
}

.image-57 {
    margin-top: 4px;
    margin-left: 4px
}

.paragraph-19 {
    color: #fff;
    margin-bottom: 60px;
    font-size: 1.4em
}

.paragraph-19._2 {
    color: rgba(255, 255, 255, .7);
    font-size: 1.3em;
    line-height: 27px
}

.div-block-6 {
    margin-right: 30px;
    position: relative
}

.div-block-266 {
    display: inline-block
}

.heading-33 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 3.6em;
    font-weight: 400
}

.heading-33._2 {
    color: #fff
}

.slider-images {
    width: 250px;
    position: absolute;
    top: 60px;
    bottom: auto;
    left: auto;
    right: 40px
}

.slider-images.botton {
    top: 230px
}

.div-block-267 {
    display: flex
}

.container-11 {
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 30px
}

.text-block-81 {
    color: var(--medium-orchid);
    font-size: 1.1em;
    font-weight: 600
}

.image-59 {
    margin-top: 4px;
    margin-left: 4px
}

.div-block-268 {
    display: inline-block
}

.div-block-7 {
    margin-left: 30px;
    position: relative
}

.heading-34 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 3.6em;
    font-weight: 400
}

.heading-34._2 {
    color: #fff
}

.heading-34._2._3 {
    text-align: center;
    margin-bottom: 60px
}

.div-block-269 {
    display: flex
}

.image-5 {
    width: 250px;
    position: absolute;
    top: 60px;
    bottom: auto;
    left: 40px;
    right: auto
}

.container-12 {
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 30px
}

.subscribe-section {
    font-family: Montserrat, sans-serif;
    display: block;
    position: relative;
    overflow: hidden
}

.subscribe-section.cc-subscribe-form {
    padding-left: 0;
    padding-right: 0
}

.arrow {
    color: #0bc8ff;
    width: 40px;
    top: auto;
    bottom: -80px;
    left: auto;
    right: 0%
}

.arrow.left {
    right: 55px
}

.paragraph-2 {
    color: rgba(33, 55, 87, .7);
    margin-bottom: 60px;
    font-size: 1.1em
}

.paragraph-2._4 {
    margin-bottom: 90px
}

.text-block-5 {
    color: rgba(53, 67, 87, .7)
}

.image-4 {
    float: left;
    margin-right: 15px
}

.slide {
    width: 367px;
    margin-right: 30px
}

.mask {
    overflow: visible
}

.text-block-4 {
    color: #213757;
    font-size: 1.2em
}

.div-block-8 {
    background-color: #fff;
    border-radius: 8px;
    width: 367px;
    padding: 60px 40px 40px;
    box-shadow: 0 15px 35px rgba(60, 78, 100, .15)
}

.slider {
    background-color: transparent;
    height: auto
}

.image-3 {
    margin-bottom: 30px
}

.slide-nav-2 {
    display: none
}

.container-13 {
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 30px
}

.div-block-12 {
    border-top: 5vh solid transparent;
    border-left: 100vw solid #354357
}

.text-span {
    color: #c04fff;
    font-weight: 500
}

.image-60 {
    color: var(--medium-orchid);
    -webkit-text-stroke-color: var(--medium-orchid)
}

.profess__btn {
    justify-content: center;
    align-items: center;
    width: 3.625rem;
    height: 3.625rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.profess__btn.mod--2 {
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.swiper-wrapper {
    flex-flow: row;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: flex
}

.services__hover-pen-line {
    background-color: #fff;
    width: .125rem;
    height: .125rem;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    position: absolute;
    bottom: .25rem;
    left: .3125rem
}

.main {
    margin-top: 6%;
    padding-top: 0%
}

.btn__bg {
    z-index: 0;
    margin: -.0625rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.btn__bg.mod--2 {
    background-color: #ff8049
}

.btn__bg.mod--2.mod--blue {
    background-color: var(--medium-orchid)
}

.btn__bg.mod--2.mod--white {
    background-color: #fff
}

.btn__bg.mod--1 {
    background-color: rgba(255, 128, 73, .5)
}

.btn__bg.mod--1.mod--white {
    background-color: rgba(255, 255, 255, .5)
}

.btn__bg.mod--1.mod--blue {
    background-color: rgba(48, 71, 97, .5)
}

.btn-arrow {
    letter-spacing: .05em;
    align-items: center;
    font-weight: 600;
    display: flex
}

.footer__follow-wrap {
    z-index: 1;
    color: rgba(255, 255, 255, .7);
    background-color: #233053;
    border-top: .0625rem solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    margin-top: 2rem;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    font-size: 1.125rem;
    display: flex;
    position: relative
}

.btn-big__border {
    z-index: -1;
    border: .0625rem solid rgba(0, 0, 0, .15);
    border-radius: 1.25rem;
    margin: -1.5rem -1.5rem 1.5rem 1.5rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.form-wrapper {
    margin-bottom: 0;
    position: relative
}

.hero__bg {
    z-index: 0;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b9461686875093b_bg-hero-02.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 83.875rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.services__btn {
    z-index: 1;
    color: #141731;
    background-color: #fff;
    border-radius: 1.875rem 0 0;
    justify-content: center;
    align-items: center;
    width: 25rem;
    height: 11.875rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.columns {
    justify-content: space-between;
    display: flex
}

.columns.mod--featured-choose {
    border-top: .0625rem solid rgba(20, 23, 49, .15);
    height: 8.75rem;
    position: relative
}

.columns.mod--header {
    grid-column-gap: 5.75rem;
    grid-row-gap: 5.75rem;
    align-items: center
}

.columns.mod--app {
    grid-column-gap: 7rem
}

.columns.mod--reviews {
    z-index: 1;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative
}

.columns.mod--footer {
    border-bottom: 1px solid rgba(186, 67, 252, .34);
    padding-bottom: 22px
}

.columns.mod--footer.mod--2 {
    border-top: .0625rem solid rgba(20, 23, 49, .15);
    border-bottom: .0625rem solid rgba(20, 23, 49, .15);
    align-items: center;
    margin-top: 4.625rem;
    margin-bottom: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem
}

.columns.mod--footer.mod--2.coll {
    display: none
}

.columns.mod--footer.no-border {
    border-bottom-style: none;
    align-items: flex-end
}

.columns.mod--profess {
    align-items: flex-end;
    height: 100%
}

.columns.mod--services-heading {
    max-width: 72.8125rem;
    margin-bottom: 5.5rem;
    margin-left: auto;
    margin-right: auto
}

.columns.mod--services {
    grid-column-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: flex
}

.columns.mod--featured {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    justify-content: space-between;
    align-items: stretch;
    height: 5.625rem;
    margin-bottom: 3.4375rem
}

.columns.mod--about {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.columns.mod--about-heading {
    max-width: 73rem;
    margin-bottom: 9.375rem;
    margin-left: auto;
    margin-right: auto
}

.hero__join-shadow {
    z-index: 0;
    opacity: .56;
    position: absolute;
    top: -1.67188rem;
    left: -2.875rem
}

.btn-big__content {
    background-image: linear-gradient(60deg, var(--medium-orchid), var(--slate-blue));
    border-radius: 1.25rem;
    width: 14.5rem;
    height: 7.625rem;
    padding: 1.5rem;
    position: relative
}

.profess__p {
    color: #fff;
    font-size: 1.125rem;
    transition: all .8s;
    position: relative;
    transform: translateY(110%)
}

.profess__p.active {
    transform: none
}

.remodal.remodal--global {
    color: #141731;
    text-align: left;
    background-color: #fff;
    background-image: linear-gradient(#0a4c4a 15%, #fff 15%);
    border-radius: 1.875rem;
    width: 100%;
    max-width: 37.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.remodal__text-wrap {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
    display: flex
}

.remodal__content {
    z-index: 2;
    border-radius: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding: 2.5rem 3rem 3rem;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden
}

.about__total-wrap {
    z-index: 1;
    color: #141731;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: 11.8rem;
    left: 0%;
    right: 0%
}

.remodal__img {
    object-fit: cover;
    object-position: 50% 100%;
    width: 100%;
    display: block;
    position: relative
}

.footer__term-link {
    color: var(--333);
    text-align: center;
    text-transform: capitalize;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: block
}

.footer__term-link.row-padding-right {
    color: var(--333);
    text-align: center;
    text-transform: none;
    text-decoration: none
}

.margin-bottom-10 {
    color: #fff;
    margin-bottom: .625rem
}

.btn-big__bg {
    z-index: 0;
    background-image: linear-gradient(60deg, var(--medium-orchid), var(--slate-blue));
    opacity: 0;
    border-radius: 1.25rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.swiper-slide.mod--profess1 {
    background-color: #ff8049;
    background-image: linear-gradient(96deg, var(--medium-orchid), var(--slate-blue));
    flex: none;
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-right: 11px
}

.swiper-slide.mod--profess2 {
    background-color: #f5f5f5;
    flex-direction: column;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex
}

.swiper-slide.swiper-slide-2.gizle {
    display: none
}

.reviews__block {
    background-color: #fff;
    border-radius: 1.875rem;
    height: 100%;
    padding: 3.5rem 4rem
}

.reviews__block.mod--review {
    color: #304761;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.reviews__btn-star {
    filter: brightness(400%);
    width: 1.5rem;
    transition: all .1s
}

.appstore__img {
    width: 7.125rem;
    transition: all .5s cubic-bezier(.55, .055, .675, .19)
}

.appstore__img.mod--absolute {
    position: absolute;
    bottom: -2rem;
    left: 0
}

.nav {
    grid-column-gap: 3.375rem;
    grid-row-gap: 3.375rem;
    align-items: flex-end;
    display: flex
}

.nav.mod--footer {
    grid-column-gap: 5.5rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-items: start;
    display: flex
}

.form__submit-result-ico {
    flex: none;
    width: .625rem;
    max-width: none;
    display: block
}

.about__lottie-graph {
    z-index: 1;
    width: 16.875rem;
    position: absolute;
    top: auto;
    bottom: -.5rem;
    right: 4rem
}

.cards__card-wrap {
    flex: none;
    width: 23.1em;
    height: 13.1em;
    position: absolute;
    top: 0;
    left: 0
}

.cards__card-wrap.mod--2 {
    transform-style: preserve-3d;
    top: 11.3em;
    left: 7.7em;
    transform: rotateX(34deg)rotateY(2deg)rotate(-35deg)
}

.cards__card-wrap.mod--1 {
    z-index: 2;
    transform-style: preserve-3d;
    left: -3.1em;
    transform: rotateX(-4deg)rotateY(-32deg)rotate(37deg)perspective(93.75rem)
}

.reviews__woman {
    width: 100%;
    display: block
}

.text-size-18 {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.text-size-18.opacity-70 {
    color: #fff
}

.text-size-18.opacity-70.center.centerr {
    justify-content: center;
    margin-top: 22px;
    display: flex
}

.text-size-18.mod--hero-overheading {
    color: rgba(255, 255, 255, .7);
    margin-bottom: 2.25rem
}

.services__icon-wrap {
    background-color: var(--medium-orchid);
    border-radius: .875rem;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.875rem;
    display: flex
}

.reviews__ava {
    object-fit: contain;
    object-position: 50% 100%;
    background-color: #ff8049;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    margin-bottom: 2.5rem;
    display: block
}

.services__hover-pen {
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transform: none
}

.remodal__heading {
    max-width: 11.25rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3
}

.about__text-wrap {
    margin-left: 2.5rem
}

.footer__follow-link {
    color: #fff;
    display: inline-block
}

.reviews__connect {
    z-index: 1;
    width: 9.8125rem;
    max-width: none;
    display: block;
    position: absolute;
    bottom: -6.5rem;
    right: -6.25rem
}

.swiper__pagination-dot {
    opacity: 0;
    background-color: #fff;
    border-radius: .25rem;
    flex: none;
    width: 33.3333%;
    position: relative
}

.swiper__pagination-dot.active {
    opacity: 1
}

.col {
    flex: 1
}

.col.mod--featured-choose {
    opacity: .2;
    text-align: center;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    display: flex
}

.col.mod--featured-choose:hover,
.col.mod--featured-choose.active {
    opacity: 1
}

.col.col--1.mod--about-heading {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 28.125rem;
    display: flex
}

.col.col--1.mod--services {
    max-width: 25rem
}

.col.col--1.mod--featured {
    max-width: 22.1875rem
}

.col.col--1.mod--profess {
    color: #fff;
    background-color: #272727;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    width: 35%;
    height: 80%;
    padding: 9rem 5rem 9rem 2.5rem;
    display: flex;
    overflow: hidden
}

.col.col--1.mod--services-heading {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 28.125rem;
    display: flex
}

.col.col--1.mod--footer {
    max-width: 28rem
}

.col.col--1.mod--footer.mod--copyright {
    align-self: flex-end;
    align-items: flex-end;
    max-width: 26%;
    display: flex
}

.col.mod--reviews {
    border-radius: 1.875rem;
    position: relative
}

.col.mod--reviews.mod--2 {
    padding-top: 4.375rem;
    padding-left: 4rem
}

.col.mod--reviews.mod--3 {
    padding-top: 7.5rem;
    padding-left: 4rem;
    padding-right: 2.5rem
}

.col.col--3.mod--header {
    flex: 0 auto
}

.col.col--3.mod--featured {
    text-align: center;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 12.5rem;
    display: flex
}

.col.col--3.mod--app {
    flex: 0 auto
}

.col.col--3.mod--footer {
    max-width: 21rem;
    margin-left: 9.25rem;
    display: none
}

.col.col--3.mod--footer.mod--copyright {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    max-width: 73%;
    margin-left: 0;
    font-size: .75rem;
    display: flex
}

.col.col--2.mod--app {
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 17rem;
    display: flex
}

.col.col--2.mod--featured {
    max-width: 20rem
}

.col.col--2.mod--footer {
    max-width: 19.375rem
}

.col.col--2.mod--footer.col-9 {
    align-self: center;
    max-width: 60rem
}

.col.col--2.mod--header {
    flex: 0 auto;
    align-items: center;
    display: flex
}

.col.col--2.mod--profess {
    background-color: #115b5c;
    border-top-left-radius: 1.875rem;
    flex: 0 auto;
    width: 65%;
    height: 100%;
    padding-right: 2.5rem;
    overflow: hidden
}

.col.mod--about {
    border-radius: 1.875rem;
    position: relative
}

.featured__logo {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.featured__logo.mod--4 {
    width: 6.5625rem
}

.featured__logo.mod--3 {
    width: 7.1875rem
}

.featured__logo.mod--2 {
    width: 2.375rem
}

.featured__logo.mod--1 {
    width: 9.375rem
}

.featured__logo.mod--5 {
    width: 5rem
}

.margin-bottom-58 {
    color: #fff;
    margin-bottom: 3.625rem
}

.profess__avatars-wrap {
    align-items: center;
    max-width: 19rem;
    margin-top: 2.5rem;
    margin-left: auto;
    display: flex
}

.btn-2 {
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    background-color: #233053;
    border-radius: .625rem;
    padding: 1rem 2rem;
    font-weight: 700;
    transition: all .2s;
    overflow: hidden;
    transform: translate(0)
}

.btn-2.mod--submit {
    min-width: 10.125rem;
    margin-top: 1.625rem
}

.btn-2.btn--border {
    background-color: rgba(35, 48, 83, 0);
    border: .0625rem solid #141731
}

.btn-2.btn--border.btn--white {
    color: #fff;
    border-color: rgba(255, 255, 255, .5)
}

.services__list {
    grid-row-gap: 3.625rem;
    flex-direction: column;
    padding-left: 0;
    list-style-type: none;
    display: flex
}

.section-113 {
    padding: 9rem 2.5rem
}

.section-113.padding-top-144 {
    padding-top: 9rem
}

.section-113.mod--profess {
    min-height: 200vh;
    padding-top: 0;
    padding-bottom: 0
}

.section-113.mod--runline {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b9461686875094d_running-words.svg);
    background-position: 0%;
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-top: .0625rem solid rgba(20, 23, 49, .15);
    border-bottom: .0625rem solid rgba(20, 23, 49, .15);
    height: 18rem;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.section-113.mod--header {
    z-index: 90;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    top: 1.75rem;
    bottom: auto;
    left: 0%;
    right: 0%
}

.section-113.mod--reviews {
    background-image: linear-gradient(20deg, #24305a, #69c895);
    display: none
}

.section-113.mod--footer {
    background-color: #fff;
    padding-top: 1.7rem;
    padding-bottom: 1.2rem
}

.section-113.mod--hero {
    background-image: linear-gradient(60deg, #2d3d5c, #64ba91);
    min-height: 83.875rem;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.remodal__text {
    max-width: 15rem;
    margin-bottom: 0
}

.form-2 {
    position: relative
}

.global-styles {
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.about__balance-wrap {
    z-index: 1;
    color: #fff;
    text-align: center;
    font-size: 1.4375rem;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: 13.4375rem;
    left: 6.1875rem
}

.about__balance-wrap.mod--3 {
    bottom: .3125rem;
    left: 14.1875rem
}

.about__balance-wrap.mod--2 {
    bottom: .3125rem;
    left: 5.9375rem
}

.about__balance-wrap.mod--4 {
    color: #141731;
    padding-left: .3125rem;
    top: auto;
    bottom: 7.375rem;
    left: 0%;
    right: 0%
}

.text-color-white {
    color: #fff
}

.about__connect {
    z-index: 0;
    width: 11.875rem;
    display: block;
    position: absolute;
    top: -7.5rem;
    bottom: auto;
    left: -7.5rem;
    right: auto
}

.services__border-delta {
    position: absolute
}

.services__border-delta.mod--1 {
    top: auto;
    bottom: -.0625rem;
    left: -2rem;
    right: auto
}

.services__border-delta.mod--2 {
    top: -2rem;
    right: 0
}

.btnbig {
    color: #fff;
    border-radius: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    position: relative
}

.services__hover-graph {
    background-color: #fff;
    border-radius: .125rem;
    width: .375rem;
    height: 100%;
    transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

.services__hover-graph.mod--1 {
    height: 45%
}

.services__hover-graph.mod--3 {
    height: 65%
}

.services__hover-graph.mod--2 {
    height: 80%
}

.margin-bottom-16 {
    margin-bottom: 1rem
}

.overflow__anim {
    transition: all .5s;
    position: relative;
    bottom: 0;
    left: 0
}

.overflow__anim.mod--interact {
    transition: none
}

.btn-big__text {
    z-index: 1;
    font-size: 1.8rem;
    line-height: 2.3rem;
    position: relative
}

.profess__title {
    color: #fff;
    transition: all .8s;
    transform: translateY(110%)
}

.profess__title.active {
    transform: none
}

.app__total-span {
    min-width: 6.375rem;
    display: inline-block
}

.remodal__close {
    z-index: 5;
    opacity: 1;
    filter: none;
    cursor: pointer;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b94616868750983_ico-close-modal.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    transition: all .2s;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.remodal__close:hover {
    opacity: .9
}

.footer__copyright-logo {
    width: 2.5rem;
    margin-right: 1.125rem;
    display: block
}

.reviews__rating-star {
    width: 1.5rem
}

.about__img-ava {
    object-fit: contain;
    object-position: 50% 100%;
    background-color: #ff8049;
    border-radius: 50%;
    width: 2.125rem;
    height: 2.125rem;
    display: block;
    position: absolute;
    top: 5.875rem;
    bottom: auto;
    left: auto;
    right: 4.875rem
}

.content {
    z-index: 2;
    width: 100%;
    max-width: 81rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.btn__hover-zoom {
    z-index: -1;
    width: 2rem;
    max-width: none;
    transition: transform .8s cubic-bezier(.215, .61, .355, 1);
    display: block;
    position: absolute;
    bottom: 0;
    left: .75rem;
    transform: translate(0)scale(0)
}

.btn__hover-zoom.mod--reviews {
    filter: brightness(400%);
    transition: filter .1s, transform .8s cubic-bezier(.215, .61, .355, 1)
}

.footer__follow-and {
    color: #fff
}

.profess__ico {
    width: 1.5rem
}

.reviews__rating-wrap {
    color: #141731;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    display: flex
}

.featured__block {
    background-color: #fff;
    border-radius: 1.875rem;
    margin-top: 9.0625rem;
    padding: 4rem 4rem 1.875rem
}

.swiper__pagination {
    background-color: rgba(255, 255, 255, .3);
    border-radius: .25rem;
    flex: 1;
    width: 17.9375rem;
    height: .125rem;
    max-height: .125rem;
    display: flex;
    position: absolute;
    top: 9.125rem;
    left: -8.75rem;
    transform: rotate(90deg)
}

.profess__avatars {
    flex: none;
    width: 9rem;
    margin-right: 1.5rem;
    display: block
}

.btn__txt.mod--absolute {
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: 0
}

.btn-arrow__text {
    margin-right: .5rem
}

.app__total-wrap {
    z-index: 1;
    color: #141731;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: 11.8rem;
    left: 0%;
    right: 0%
}

.footer__follow-heart {
    z-index: -1;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b9461686875096e_follow-heart.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    position: absolute;
    top: -.3rem;
    left: 0
}

.services__img {
    z-index: 0;
    object-fit: cover;
    border-radius: 1.875rem;
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.page-wrap.bg-test {
    background-color: #000;
    background-image: none;
    background-repeat: repeat;
    background-size: auto
}

.reviews__btn-star-bg {
    z-index: -2;
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    background-color: rgba(255, 255, 255, .05);
    border-radius: .875rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
    transform: translate(0)
}

.cards__shadow {
    z-index: 0;
    opacity: .9;
    display: block;
    position: absolute;
    bottom: .875rem;
    left: 17.25rem;
    transform: skewY(-10deg)rotate(-36deg)
}

.input-3 {
    color: #304761;
    background-color: rgba(255, 255, 255, 0);
    border: 0 solid #000;
    border-bottom: .0625rem solid rgba(20, 23, 49, .15);
    border-radius: 0;
    height: 3.75rem;
    margin-bottom: .875rem;
    padding: 0;
    font-size: 1.125rem;
    transition: all .2s
}

.input-3:focus {
    border-bottom-color: rgba(20, 23, 49, .3)
}

.input-3::placeholder {
    color: rgba(48, 71, 97, .7)
}

.input-3.mod--footer {
    height: 3.375rem;
    margin-bottom: 0
}

.services__icon {
    z-index: 1;
    width: 2rem;
    height: 2rem;
    position: relative
}

.services__icon.mod--graph {
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

.form__submit {
    z-index: 2;
    opacity: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.profess__btns {
    z-index: 2;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b9461686875092d_communication-bg-btns.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7.125rem;
    height: 7.125rem;
    position: absolute;
    top: 2.5rem;
    bottom: auto;
    left: auto;
    right: 2.5rem
}

.form__submit-result-wrap {
    justify-content: flex-start;
    align-items: center;
    padding-left: .375rem;
    padding-right: .375rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.app__img {
    width: 100%;
    display: block;
    overflow: hidden
}

.reviews__btn-star-wrap {
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    display: flex;
    position: absolute;
    top: 4rem;
    right: -2rem;
    transform: translate(0)
}

.reviews__woman-small {
    border-radius: 1.875rem;
    width: 12.5rem;
    display: block;
    position: absolute;
    top: -12.5rem;
    bottom: auto;
    left: auto;
    right: 0%
}

.hero__bg-orange {
    z-index: -1;
    background-image: linear-gradient(#ff8049, #f37038);
    border-top-right-radius: 3.75rem;
    width: 62.5rem;
    height: 62.5rem;
    position: absolute;
    top: 39.375rem;
    left: -30.5rem
}

.appstore__link {
    border: .0625rem solid rgba(20, 23, 49, .15);
    border-radius: .75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 10.125rem;
    height: 4.5rem;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.icon-7 {
    width: 1.5rem;
    height: 1.5rem
}

.icon-7.mod--social {
    width: 1.375rem;
    height: 1.375rem
}

.icon-7.mod--social.mod--absolute {
    position: absolute;
    bottom: -2rem;
    left: 0
}

.icon-7.mod--social.mod--dribble {
    width: 1.125rem;
    height: 1.125rem
}

.icon-7.mod--arrow-btn {
    justify-content: center;
    align-items: center;
    width: .6rem;
    position: relative
}

.icon-7.mod--overflow-anim {
    position: absolute;
    bottom: 0;
    left: -2rem
}

.icon-7.mod--overflow-anim.mod--services-arrow,
.icon-7.mod--overflow-anim.mod--about-arrow {
    bottom: -2rem
}

.icon-7.mod--arrow-submit {
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: .6rem;
    transition: all .2s;
    position: relative
}

.icon-7.mod--arrow-submit.active {
    opacity: 0
}

.icon-7.mod--services-arrow {
    width: 2.125rem;
    height: 2.125rem
}

.overflow-hidden {
    z-index: 2;
    position: relative;
    overflow: hidden
}

.overflow-hidden.mod--featured {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.overflow-hidden.mod--featured.mod--by-logo {
    height: 3.125rem;
    min-height: 3.125rem
}

.overflow-hidden.mod--services-arrow {
    position: absolute;
    top: 6.1875rem;
    right: 5.5rem
}

.overflow-hidden.mod--btn {
    z-index: 2;
    position: relative
}

.overflow-hidden.mod--about-arrow {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.overflow-hidden.wrapper.yuzde3.container-2sss1 {
    padding-left: 0%;
    padding-right: 0%
}

.card__shine {
    opacity: .3;
    background-color: #fff;
    width: 0;
    height: 200%;
    position: relative;
    transform: rotate(40deg);
    box-shadow: 0 0 2.5rem .625rem #fff
}

.card__shine.mod--2 {
    opacity: .2;
    transform: rotate(-40deg)
}

.form__submit-result {
    align-items: center;
    width: 0;
    transition: all .2s;
    display: flex;
    overflow: hidden
}

.form__submit-result.active {
    width: .625rem;
    transition-duration: 1s
}

.reviews__bg-orange {
    z-index: -1;
    background-image: linear-gradient(#ff8049, #f37038);
    border-top-right-radius: 3.75rem;
    width: 62.5rem;
    height: 20.0625rem;
    position: absolute;
    bottom: -9rem;
    left: -24.4rem
}

.services__hover-finance {
    z-index: -1;
    opacity: .6;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    transform: none
}

.heading-35 {
    color: #fff;
    position: relative
}

.heading-35.mod--hero {
    color: #fff
}

.heading-35.mt-3 {
    margin-bottom: 32px
}

.about__total-span {
    min-width: 7rem;
    display: inline-block
}

.services__list-item {
    padding-left: 4rem;
    padding-right: 4.375rem
}

.app__img-ava {
    object-fit: contain;
    object-position: 50% 100%;
    background-color: #62b790;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    position: absolute;
    top: 6.5625rem;
    bottom: auto;
    left: auto;
    right: 5.8125rem
}

.social-link-3 {
    border: .0625rem solid rgba(20, 23, 49, .15);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.social-link-3:hover {
    color: #fff
}

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

.swiper.mod--profess2 {
    height: 100%;
    overflow: hidden
}

.swiper.mod--profess1 {
    max-width: 20rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden
}

.footer__copyright {
    letter-spacing: .05em;
    text-transform: uppercase;
    align-items: center;
    font-size: .75rem;
    text-decoration: none;
    display: flex
}

.hero__join {
    z-index: 1;
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    border: .0625rem solid rgba(255, 255, 255, .3);
    border-radius: 1.25rem;
    align-items: center;
    width: 100%;
    max-width: 28rem;
    padding: 1.875rem 3.9375rem;
    font-size: 1.1875rem;
    font-weight: 700;
    display: flex;
    position: relative
}

.featured__by {
    color: rgba(20, 23, 49, .7);
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-size: .75rem
}

.margin-bottom-24 {
    color: #fff;
    margin-bottom: 1.5rem
}

.about__img {
    z-index: 0;
    width: 25rem;
    margin-left: auto;
    margin-right: auto;
    transition: all .5s;
    display: block;
    position: relative
}

.about__balance-circle {
    border-radius: 50%;
    width: 6.6875rem;
    transition: all .8s;
    display: block;
    position: absolute;
    bottom: 4.75rem;
    left: 9.1875rem;
    transform: none
}

.arrow-wrap {
    z-index: 1;
    color: #141731;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 1.375rem;
    height: 1.375rem;
    padding: .1875rem .1875rem .1875rem .25rem;
    transition: all .3s;
    display: flex;
    transform: scale(1)
}

.arrow-wrap.text-color-orange.mod--join {
    margin-left: 2rem
}

.arrow-wrap.text-color-orange.mod--form {
    color: #fff;
    background-color: #ff8049;
    position: relative
}

.arrow-wrap.text-color-greendark.mod--btn-big {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem
}

.nav-link-4 {
    color: var(--333);
    letter-spacing: .05em;
    text-transform: uppercase;
    flex: 0 auto;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: 0
}

.nav-link-4:hover {
    margin-bottom: -.25rem;
    padding-bottom: .25rem;
    top: -.25rem
}

.hero__content {
    z-index: 2;
    margin-left: 4.0625rem;
    padding-top: 9.9375rem;
    position: relative
}

.footer__follow {
    z-index: 1;
    padding-left: 2.3rem;
    position: relative
}

.appstore {
    grid-column-gap: .75rem;
    display: flex
}

.text-size-20 {
    font-size: 1.25rem
}

.app__lottie {
    width: 15.1875rem;
    position: absolute;
    top: auto;
    bottom: -.3125rem;
    left: 4.875rem;
    right: auto
}

.form__submit-wrap {
    z-index: 1;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
    position: absolute;
    bottom: 1rem;
    right: 0
}

.form__submit-wrap:hover {
    transform: scale(1.1)
}

.sticky {
    height: 100vh;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden
}

.card__shine-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.logo.mod--header {
    width: 7.125rem
}

.logo.mod--footer {
    width: 14.8rem
}

.cards__parallax {
    opacity: 1;
    perspective: 93.75rem;
    justify-content: center;
    align-items: center;
    width: 30rem;
    height: 30rem;
    font-size: 1rem;
    display: flex;
    position: absolute;
    top: 15.4375rem;
    right: 9.6875rem
}

.reviews__rating {
    grid-column-gap: .625rem;
    align-items: center;
    display: flex
}

.hero__join-wrap {
    align-items: center;
    margin-top: 4.5625rem;
    display: flex;
    position: relative
}

.featured__anim {
    opacity: 0;
    justify-content: center;
    align-items: center;
    transition: all .8s;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translateY(110%)
}

.featured__anim.active {
    opacity: 1;
    transition: all .8s;
    transform: none
}

.featured__anim.done {
    opacity: 0;
    transition: all .8s;
    transform: translateY(-110%)
}

.about__img-small {
    z-index: 2;
    border-radius: .875rem;
    width: 10.375rem;
    display: block;
    position: absolute;
    box-shadow: -4px 5px 2.5rem rgba(171, 171, 171, .2)
}

.about__img-small.mod--1 {
    display: none;
    top: 4rem;
    left: -4rem
}

.about__img-small.mod--2 {
    display: none;
    top: 17rem;
    left: -6.25rem
}

.app__img-wrap {
    width: 25rem;
    position: relative
}

.footer__title {
    text-transform: uppercase;
    margin-bottom: .875rem;
    font-weight: 600
}

.footer__title.mod--form {
    text-transform: capitalize;
    margin-bottom: 1.25rem
}

.margin-bottom-48 {
    margin-bottom: 3rem
}

.cards__card {
    z-index: 1;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b9461686875094c_Card-Orange.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.25rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.cards__card.mod--2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b94616868750944_Card-Dark.svg);
    background-position: 0 0;
    background-size: cover
}

.social {
    grid-column-gap: 1rem;
    align-items: center;
    display: flex
}

.featured__line {
    background-image: linear-gradient(10deg, #304761, #62b790);
    width: 20%;
    height: .25rem;
    transition: all .5s;
    position: absolute;
    top: -.0625rem;
    bottom: auto;
    left: 0%;
    right: 0%
}

.reviews__connect-grad {
    z-index: 1;
    width: 8.8125rem;
    max-width: none;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.profess__slider1-wrap {
    width: 100%;
    max-width: 23rem;
    margin-left: auto;
    position: relative
}

.profess__img {
    width: 52.5rem;
    display: block
}

.cards__card-content {
    flex: none;
    width: 100%;
    height: 100%;
    position: absolute
}

.cards__card-content.mod--1 {
    transform: rotate(0)
}

.line-2 {
    background-color: rgba(20, 23, 49, .15);
    width: .0625rem;
    height: 2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.about__card {
    z-index: 1;
    color: #141731;
    background-color: #f5f5f5;
    border-radius: 1.875rem;
    width: 100%;
    transition: none;
    display: block;
    position: relative
}

.about__card.mod--3 {
    z-index: 0;
    color: #fff
}

.about__card.mod--6 {
    background-image: linear-gradient(rgba(245, 245, 245, .9), rgba(245, 245, 245, .9)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/647d8ed18b94616868750930_financial-pattern.svg);
    background-position: 0 0, 6.25rem -14.375rem;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    margin-bottom: 2.5rem
}

.about__card.mod--4 {
    margin-bottom: 2.5rem
}

.paragraph-20,
.heading-36,
.heading-37,
.heading-38 {
    color: #fff
}

.heading-39,
.text-span-2 {
    color: var(--medium-orchid)
}

.grid-1-column {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.mg-top-56px {
    color: #fff;
    margin-top: 56px
}

.input-4 {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 100px;
    min-height: 70px;
    margin-bottom: 0;
    padding: 16px 24px;
    font-size: 18px;
    line-height: 20px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .08)
}

.input-4:hover {
    border-color: #4a3aff;
    box-shadow: 0 2px 12px rgba(20, 20, 43, .1)
}

.input-4:focus {
    color: #211f54;
    border-color: #4a3aff
}

.input-4::placeholder {
    color: #6e7191;
    font-size: 18px
}

.text-200 {
    line-height: 20px
}

.text-200.bold {
    color: var(--slate-blue);
    font-weight: 700
}

.text-200.color-neutral-600.mg-bottom-8px {
    color: var(--slate-blue)
}

.social-icon-square {
    background-color: #f2f1ff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: flex
}

.social-icon-square:hover {
    color: #fff;
    background-color: #4a3aff
}

.social-icon-square.color-primary {
    background-color: var(--medium-orchid);
    color: #fff
}

.social-icon-square.color-primary:hover {
    background-color: #3324d5
}

.square-icon {
    border-radius: 16px
}

.social-media-grid-top {
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, 36px);
    justify-content: start;
    justify-items: start
}

.social-media-grid-top.right {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: end;
    justify-items: end
}

.social-icon-font {
    line-height: 21px
}

.btn-primary-2 {
    background-color: #4a3aff;
    background-image: linear-gradient(92deg, var(--medium-orchid), var(--slate-blue));
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    border-radius: 12px;
    justify-content: center;
    padding: 26px 38px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}

.btn-primary-2:hover {
    color: #fff;
    background-color: #3324d5;
    transform: translate3d(0, -3px, .01px)
}

.card-link-icon {
    transform-style: preserve-3d;
    background-color: #fff;
    border: 1px solid #f7f7fc;
    border-radius: 14px;
    align-items: center;
    padding: 14px 18px;
    text-decoration: none;
    transition: transform .3s, border-color .3s, color .3s;
    display: flex;
    box-shadow: 0 2px 6px rgba(20, 20, 43, .06)
}

.card-link-icon:hover {
    border-color: #4a3aff;
    transform: scale3d(.96, .96, 1.01)
}

.inner-container._400px {
    max-width: 400px
}

.inner-container._600px {
    max-width: 600px
}

.inner-container._700px {
    max-width: 700px
}

.inner-container._460px {
    max-width: 460px
}

.inner-container._752px.center {
    justify-content: center;
    width: 100%;
    max-width: 100%;
    display: flex
}

.text-area-2 {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 22px;
    min-height: 144px;
    padding: 16px 24px;
    font-size: 18px;
    line-height: 28px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .08)
}

.text-area-2:hover {
    border-color: #4a3aff;
    box-shadow: 0 2px 12px rgba(20, 20, 43, .1)
}

.text-area-2:focus {
    color: #211f54;
    border-color: #4a3aff
}

.text-area-2::placeholder {
    color: #6e7191;
    font-size: 18px
}

.success-message-3 {
    color: #4a3aff;
    background-color: #f3f2ff;
    border-radius: 24px;
    padding: 28px 28px 32px
}

.div-block-270,
.div-block-271,
.div-block-272 {
    flex: none
}

.div-block-273 {
    flex: 0 auto;
    order: 0
}

.heading-40 {
    color: #fff
}

.text-block-82 {
    color: var(--333);
    text-transform: capitalize;
    text-decoration: none
}

.div-block-274 {
    padding-left: 11px
}

.div-block-275 {
    padding-left: 9px
}

.pricing-comparison {
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px 13px;
    position: relative
}

.container-14 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.pricing-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.pricing-card {
    background-color: #fff;
    border-radius: 1.8rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 32px 24px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 130px rgba(150, 163, 181, .12)
}

.pricing-card.featured-pricing {
    z-index: 2;
    border-radius: 1.8rem;
    box-shadow: 0 4px 130px rgba(150, 163, 181, .3)
}

.pricing-card.card-1 {
    border-radius: 1.8rem
}

.pricing-image {
    object-fit: cover;
    width: 80px;
    height: 80px;
    margin-bottom: 16px
}

.pricing-title {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px
}

.pricing-subtitle {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px
}

.pricing-price {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.paragraph-regular {
    font-size: 14px;
    line-height: 20px
}

.paragraph-regular.margin-bottom-20 {
    margin-bottom: 20px
}

.button-primary-2 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    border-radius: .3rem;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s
}

.button-primary-2:hover {
    color: #fff;
    background-color: #32343a
}

.button-primary-2:active {
    background-color: #43464d
}

.button-primary-2.outline-button {
    color: #1a1b1f;
    background-color: transparent;
    border-radius: .3rem;
    box-shadow: inset 0 0 0 1px #1a1b1f
}

.button-primary-2.outline-button:hover {
    color: #fff;
    background-color: #1a1b1f
}

.pricing-divider {
    background-color: rgba(118, 135, 157, .1);
    align-self: stretch;
    height: 1px;
    margin: 56px -24px 16px
}

.pricing-feature-list {
    align-self: stretch
}

.pricing-feature {
    background-image: url(https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    align-self: stretch;
    margin-top: 16px;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px
}

.pricing-tag {
    color: #3a4554;
    background-color: #fff;
    border-radius: 24px;
    padding: 7px 16px;
    position: absolute;
    top: -19px;
    box-shadow: 0 3px 10px rgba(150, 163, 181, .2)
}

.navbar-logo-left-container-2 {
    z-index: 5;
    background-color: transparent;
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px
}

.navbar-logo-left-container-2.shadow-three {
    width: 100%;
    max-width: 1140px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.container-15 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.navbar-wrapper-2 {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.nav-menu-two-2 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.nav-link-5 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}

.nav-link-5:hover {
    color: rgba(26, 27, 31, .75)
}

.nav-link-5:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd
}

.nav-link-5[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd
}

.nav-dropdown-2 {
    margin-left: 5px;
    margin-right: 5px
}

.nav-dropdown-toggle-2 {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px
}

.nav-dropdown-toggle-2:hover {
    color: rgba(26, 27, 31, .75)
}

.nav-dropdown-toggle-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-toggle-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-icon-2 {
    margin-right: 10px
}

.nav-dropdown-list-2 {
    background-color: #fff;
    border-radius: 12px
}

.nav-dropdown-list-2.w--open {
    padding-top: 10px;
    padding-bottom: 10px
}

.nav-dropdown-link-2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px
}

.nav-dropdown-link-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-divider-2 {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px
}

.nav-link-accent-2 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none
}

.nav-link-accent-2:hover {
    color: rgba(26, 27, 31, .75)
}

.button-primary-3 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s
}

.button-primary-3:hover {
    color: #fff;
    background-color: #32343a
}

.button-primary-3:active {
    background-color: #43464d
}

.nwe-bg-slide {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a52206adad23f0f1159284_10.jpg);
    background-position: 0 0;
    background-size: auto
}

.btn-3 {
    justify-content: center;
    align-items: center;
    max-width: 50px;
    display: flex
}

.bcg-slider {
    z-index: -1;
    background-color: #d1cfcf;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.slide-txt__c {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}

.os-title {
    letter-spacing: .1618em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    display: block
}

.os-slide-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: visible
}

.slide__c {
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    display: block;
    position: relative
}

.slider-feed-collection {
    display: none
}

.cta-arrow {
    z-index: 1;
    width: auto;
    min-width: 32px;
    max-width: none;
    position: relative
}

.slider-btns__w {
    display: flex;
    position: absolute;
    top: auto;
    bottom: -48px;
    left: auto;
    right: 0%
}

.slider-section {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a52206adad23f0f1159284_10.jpg);
    background-position: 0 0;
    background-size: auto;
    height: 100vh
}

.custom-css {
    background-color: #c4c9c1;
    display: none
}

.slider-title-mob {
    flex: 0 auto;
    margin-bottom: 40px;
    padding-left: 48px;
    display: none
}

.title-bottom {
    flex: 0 auto;
    margin-bottom: 40px;
    padding-left: 48px
}

.slide-arr {
    width: 24px;
    display: block;
    position: relative;
    top: 0%;
    bottom: 0;
    left: 0%;
    right: 0
}

.title-top {
    padding-left: 25%
}

.title-xxl {
    color: #060607;
    letter-spacing: .25rem;
    font-size: 72px;
    font-weight: 400;
    line-height: 1;
    display: block
}

.slde-arr--right {
    justify-content: center;
    align-items: center;
    display: flex
}

.slide-img__w {
    width: 420px;
    height: 600px;
    position: relative;
    bottom: 0
}

.os-img__w {
    z-index: 10;
    background-color: #3b4743;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a52446cba4950b255afe3b_demo-logo-color.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    width: 420px;
    height: 600px;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.slide-info--bot {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.slide-info__c {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    background-color: transparent;
    grid-template: "Area Area-2"".Area-2"/.75fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 360px;
    padding: 22px 16px 22px 24px;
    display: grid
}

.next-img__w {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a52446cba4950b255afe3a_demo-logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    min-width: 140px;
    max-height: 200px
}

.slide-nav-btn {
    cursor: pointer;
    background-color: #3b4743;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    display: flex;
    position: relative
}

.slide-nav-btn:hover {
    background-color: rgba(110, 57, 70, .66)
}

.slide-info--mid {
    margin-bottom: 22px;
    padding-left: 0
}

.os-sub {
    letter-spacing: .1618em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}

.circle-go {
    background-color: #f2b566;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-left: -17px
}

.os-content {
    line-height: 1.6
}

.slide-btn--txt {
    color: #141613;
    text-transform: uppercase;
    margin-left: 17px;
    line-height: 1;
    text-decoration: none
}

.csa-btn-anim {
    color: #141613;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex
}

.os-company {
    color: #060607;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1
}

.slde-arr--left {
    transform: rotate(-180deg)
}

.next-img {
    object-fit: cover;
    width: 100%;
    display: block
}

.slide__w {
    display: flex
}

.slider__c {
    border: 1px #f01f1f;
    max-width: 1440px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 40px 80px;
    display: block;
    position: relative
}

.product-info-data__w {
    flex-direction: column;
    justify-content: space-between;
    padding-top: 64px;
    display: flex;
    position: relative
}

.gradient-top {
    z-index: 10;
    background-image: linear-gradient(90deg, #4d16dd, #4d16dd 25%, #ff47f9 50%, #ffaff9 75%, #ffaff9);
    height: 10px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.nav-2 {
    align-items: center;
    display: flex
}

.nav-2.right {
    justify-content: flex-end;
    display: block
}

.super-chat-text {
    color: #fff;
    background-color: #1a1a1a;
    border-radius: 100px;
    padding: 9px 20px;
    text-decoration: none;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.super-chat-text:hover {
    color: #ff47f9
}

.grid-navbar {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    max-width: 1200px
}

.nav-link-super-chat {
    color: #180c37;
    text-align: center;
    background-image: linear-gradient(45deg, #4d16dd, #4d16dd 25%, #ff47f9 50%, #ffaff9 75%, #ffaff9);
    border-radius: 100px;
    padding: 3px;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%;
    text-decoration: none;
    position: relative
}

.nav-link-super-chat.w--current {
    color: #180c37;
    font-weight: 400
}

.nav-link-super-chat.w--current:hover {
    color: #4d16dd
}

.nav-link-super-chat.desktop {
    display: none
}

.mark {
    color: #180c37;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 12px;
    font-size: 11px;
    font-weight: 700;
    display: none
}

.brand-6 {
    justify-content: center;
    align-items: center;
    padding: 5px;
    display: flex
}

.navbar-3 {
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.nav-link-demo {
    color: #fff;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%;
    text-decoration: none;
    position: static
}

.nav-link-demo:hover {
    color: #ff47f9
}

.nav-link-demo.w--current {
    color: #180c37;
    font-weight: 400
}

.nav-link-demo.w--current:hover {
    color: #4d16dd
}

.extra-nav-menu {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex
}

.logo-2 {
    max-width: none;
    height: 32px
}

.swiper-image {
    background-image: linear-gradient(rgba(24, 24, 24, .3), rgba(24, 24, 24, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a563d1805f80ff25b5adce_imza-slide-1.jpg);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.swiper-image._4 {
    background-image: linear-gradient(rgba(24, 24, 24, .3), rgba(24, 24, 24, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a56a402aee09a10ffa129a_Bas%CC%A7l%C4%B1ks%C4%B1z-3.jpg);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto
}

.swiper-image._2 {
    background-image: linear-gradient(rgba(24, 24, 24, .3), rgba(24, 24, 24, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a569a95236412c3d47e62b_imza-slide-2.jpg);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto
}

.swiper-image._3 {
    background-image: linear-gradient(rgba(24, 24, 24, .3), rgba(24, 24, 24, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a563be06d7889b86c0c650_imza-slide-2.jpg);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto
}

.top-text-wrapper {
    margin-bottom: 20px;
    overflow: hidden
}

.swiper-section {
    min-height: 100vh
}

.left-arrow-3 {
    z-index: 999;
    cursor: pointer;
    background-color: #525252;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 35%;
    left: 10%;
    right: auto
}

.top-heading {
    color: #fff;
    width: 28ch;
    font-size: 60px;
    font-style: italic;
    line-height: 1.5
}

.swiper-2 {
    background-color: #181818;
    height: 100vh
}

.swiper-wrapper-2 {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.heading-wrapper {
    position: relative;
    bottom: 10%;
    left: 10%
}

.right-arrow-4 {
    z-index: 999;
    cursor: pointer;
    background-color: #525252;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 35%;
    left: 17%;
    right: auto
}

.author-text {
    color: #fff;
    font-size: 24px;
    line-height: 1.5
}

.arrow-2 {
    width: 24px
}

.swiper-slide-2 {
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.d-50-circle-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    cursor: pointer;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 30px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 20px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
    transform: rotate(45deg)
}

.footer-link-block {
    border: 3px solid rgba(255, 255, 255, .1);
    border-radius: 100px;
    padding: 15px 30px;
    text-decoration: none
}

.demo-close-div-2 {
    justify-content: center;
    align-items: center;
    margin-left: 40px;
    margin-right: 40px;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.button-13 {
    color: #f4f3ef;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(139deg, rgba(77, 22, 221, .7), rgba(255, 2, 255, .9));
    border-radius: 3px;
    margin-left: 35px;
    margin-right: 15px;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px
}

.button-13.bottom {
    background-image: linear-gradient(139deg, rgba(77, 22, 221, .7), rgba(255, 2, 255, .9));
    margin-left: 20px;
    display: none
}

.close-line-2 {
    background-color: #fff;
    width: 20px;
    height: 2px;
    position: absolute
}

.close-line-2.rotate {
    background-color: #fff;
    transform: rotate(90deg)
}

.demo-banner-bottom-wrapper {
    flex-flow: column;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: flex
}

.html-embed {
    align-self: auto;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 40px
}

.demo-banner-bottom {
    z-index: 20;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 40px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.interaction-heading {
    color: rgba(255, 255, 255, .8);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px
}

.bottom-buttons-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.demo-left-arrow-wrapper {
    z-index: 5;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.demo-arrow-wrapper {
    cursor: pointer;
    background-color: #4d16dd;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    display: flex
}

.image-61 {
    margin-left: 15px;
    margin-right: 15px
}

.demo-arrow-text {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px
}

.image-62 {
    margin-left: 15px;
    margin-right: 15px
}

.swiper-wrapper-3 {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.right-arrow-5 {
    z-index: 999;
    cursor: pointer;
    background-color: #525252;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 35%;
    left: 17%;
    right: auto
}

.swiper-slide-3 {
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.html-embed-24 {
    align-self: auto;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 40px
}

.swiper-wrapper-4 {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.right-arrow-6 {
    z-index: 999;
    cursor: pointer;
    background-color: #525252;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 35%;
    left: 17%;
    right: auto
}

.swiper-slide-4 {
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.left-arrow.enabled.left-arrow-3.mt-3,
.right-arrow.enabled.right-arrow-3.right-arrow-4 {
    margin-top: 0;
    top: 64%
}

.ui-img-1 {
    z-index: 1;
    width: 100%;
    height: 100%
}

.hero_ui-3-bg {
    z-index: 4;
    background-image: linear-gradient(127deg, #0c6ec9, #2719bf);
    border: 1px rgba(255, 255, 255, .15);
    border-radius: 10px;
    width: 174px;
    height: 114px;
    margin: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ui_color_swatch {
    cursor: pointer;
    width: 14px;
    height: 15px
}

.hero_bg {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.paragraph-21 {
    color: #dbdbdb;
    width: 300px;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 1.2
}

.paragraph-21.ui-txt {
    color: #ddd;
    background-color: #40416b;
    border-radius: 6px;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    height: 64px;
    padding: 11px 8px 8px;
    font-size: 11px
}

.heading-move {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.3em;
    line-height: 1
}

.heading-move._1 {
    display: block;
    position: static
}

.heading-move._5,
.heading-move._4 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    display: block;
    position: static
}

.heading-move._2 {
    position: static
}

.heading-move._3,
.heading-move._7 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    display: block;
    position: static
}

.ui_color {
    background-color: #9064db;
    border-radius: 6px;
    width: 100%;
    height: 96px
}

.heading-wrap {
    width: 450px;
    height: 200px;
    padding-top: 44px;
    position: relative
}

.heading-wrap.hauto {
    height: auto;
    padding-top: 0
}

.heading-wrap.hauto.w500 {
    width: 500px;
    margin-bottom: 15%
}

.hero-ui-5 {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(9, 8, 63, .5);
    border-radius: 12px;
    align-items: center;
    width: 285px;
    height: 190px;
    display: flex;
    position: absolute;
    top: 53%;
    left: 54%;
    overflow: hidden
}

.button-14 {
    cursor: pointer;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 54px;
    margin-top: 20px;
    display: flex;
    position: relative;
    transform: none
}

.card_color-2 {
    z-index: 1;
    filter: blur(16px);
    mix-blend-mode: normal;
    background-image: linear-gradient(251deg, rgba(0, 4, 255, .84), rgba(177, 21, 255, .85));
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    top: -16%;
    left: 5%
}

.label {
    z-index: 4;
    color: #fff;
    text-decoration: none;
    position: relative
}

.button_bg {
    z-index: 3;
    background-color: #292929;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 146px;
    height: 50px;
    display: flex;
    position: absolute;
    overflow: hidden
}

.button_bg:hover {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: rgba(0, 0, 0, .75)
}

.button_bg.dasda {
    display: flex;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.button_bg.f {
    padding-left: 10px;
    padding-right: 10px;
    position: static
}

.hero_bg-image {
    z-index: -5;
    opacity: .23;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.button_color {
    z-index: 1;
    filter: blur(16px);
    mix-blend-mode: normal;
    background-image: linear-gradient(112deg, rgba(255, 15, 51, .84), rgba(255, 102, 0, .86));
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    top: -21px;
    left: -14px
}

.button_color._1 {
    background-image: linear-gradient(112deg, rgba(15, 243, 255, .84), rgba(0, 183, 255, .86));
    top: -24%;
    left: -11%
}

.button_color._2 {
    background-image: linear-gradient(251deg, rgba(0, 4, 255, .84), rgba(177, 21, 255, .85));
    top: -15%;
    left: auto;
    right: 54%
}

.button_color._3 {
    background-image: linear-gradient(251deg, rgba(0, 4, 255, .84), rgba(177, 21, 255, .85));
    top: 52%;
    left: auto;
    right: -27%
}

.button_color._4 {
    background-image: linear-gradient(112deg, rgba(15, 243, 255, .84), rgba(0, 183, 255, .86));
    top: 53%;
    left: auto;
    right: 5%
}

.ui_color_swatch-wrap {
    z-index: 7;
    grid-column-gap: 0px;
    width: 90px;
    height: 16px;
    padding-left: 0;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 15%;
    left: auto;
    right: 6%
}

.heading_interaction-wrap {
    align-items: center;
    height: 63px;
    display: flex;
    position: relative;
    top: 163px
}

.card_color-4 {
    z-index: 1;
    filter: blur(16px);
    mix-blend-mode: normal;
    background-image: linear-gradient(112deg, rgba(15, 243, 255, .84), rgba(0, 183, 255, .86));
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    top: 74%;
    left: 6%
}

.hero_section {
    background-color: rgba(255, 255, 255, 0);
    width: 100vw;
    height: 82vh;
    position: relative
}

.hero_section._50 {
    height: 50vh
}

.hero_section._50._9999 {
    z-index: 99999999;
    background-color: #000
}

.hero_section._50._9999._40.ok {
    height: auto;
    margin-top: 9%
}

.hero_section._50._40 {
    height: 40vh
}

.hero_section._50._40.d {
    justify-content: center;
    height: auto;
    margin-top: 5%;
    display: flex
}

.hero_section._50.ddd {
    justify-content: center;
    height: auto;
    margin-top: 5%;
    padding-bottom: 5%;
    display: flex
}

.hero_section.kurumsal {
    height: auto;
    margin-top: 5%
}

.hero_section._60 {
    height: 60vh
}

.ui-img-4 {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.hero_right-wrap {
    justify-content: center;
    align-items: center;
    width: 60%;
    height: 520px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    position: relative;
    right: -2%
}

.hero_right-wrap.w50 {
    width: 50%
}

.card_color-3 {
    z-index: 1;
    filter: blur(16px);
    mix-blend-mode: normal;
    background-image: linear-gradient(251deg, rgba(0, 4, 255, .84), rgba(177, 21, 255, .85));
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    top: 86%;
    right: 47%
}

.lesson-img {
    width: 100%;
    height: 38px
}

.hero_ui-2 {
    z-index: 0;
    border: 1px rgba(255, 255, 255, .15);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 120px;
    display: flex;
    position: absolute;
    bottom: 67%;
    left: 1%;
    overflow: hidden
}

.ui-img-3 {
    z-index: 5;
    width: 100%;
    height: 100%;
    position: relative
}

.hero_left-wrap {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    display: flex
}

.hero_left-wrap.w50 {
    width: 50%
}

.heading-41 {
    z-index: 0;
    color: #fff;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.6em;
    font-weight: 300;
    line-height: 1;
    position: absolute
}

.hero_bg-glass {
    z-index: 3;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    width: 100%;
    height: 100%;
    position: absolute
}

.hero_ui-1 {
    z-index: 1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(5, 4, 53, .75);
    border: 1px rgba(255, 255, 255, .15);
    border-radius: 12px;
    width: 510px;
    position: absolute;
    overflow: hidden
}

.card_color-1 {
    z-index: 1;
    filter: blur(16px);
    mix-blend-mode: normal;
    background-image: linear-gradient(112deg, rgba(15, 243, 255, .84), rgba(0, 183, 255, .86));
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    top: -16%;
    left: -11%
}

.card_color-wrap {
    z-index: 2;
    filter: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.wrapper-3 {
    justify-content: space-between;
    width: 920px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.ui-img-5 {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative
}

.ui_color-change {
    grid-column-gap: 4px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    width: 130px;
    height: 90%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px
}

.button_color-wrap {
    z-index: 2;
    filter: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden
}

.button_color-wrap.blur {
    filter: blur(5px);
    overflow: hidden
}

.ui-img-2 {
    z-index: 5;
    width: 100%;
    height: 100%;
    position: relative
}

.ui-5_lesson-list {
    z-index: 5;
    grid-row-gap: 16px;
    flex-direction: column;
    width: 56%;
    height: 90%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 1%;
    overflow: auto
}

.hero_ui-4 {
    z-index: 1;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(9, 8, 63, .5);
    border-radius: 12px;
    width: 285px;
    height: 190px;
    position: absolute;
    top: 53%;
    left: -1%;
    overflow: hidden
}

.bold {
    color: #fff;
    font-weight: 700
}

.hero_ui-3 {
    z-index: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px rgba(255, 255, 255, .15);
    border-radius: 12px;
    width: 180px;
    height: 120px;
    position: absolute;
    bottom: 67%;
    left: 36%;
    overflow: hidden
}

.hero_ui-2-bg {
    z-index: 4;
    background-image: linear-gradient(127deg, #4f40b9, #7aa0ff);
    border: 1px rgba(255, 255, 255, .15);
    border-radius: 10px;
    width: 174px;
    height: 114px;
    margin: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.hero_bg-blur {
    z-index: -1;
    filter: blur(50px);
    mix-blend-mode: normal;
    background-image: linear-gradient(234deg, rgba(102, 101, 167, .25) 10%, rgba(10, 110, 182, .8) 19%, rgba(8, 22, 128, .43) 31%, rgba(83, 58, 165, .81) 41%, rgba(71, 15, 114, .81) 56%, rgba(7, 73, 126, .69) 75%);
    border: 1px #000;
    border-radius: 60%;
    width: 90%;
    height: 80%;
    position: relative;
    top: -8%;
    left: -54%
}

.bg-dark {
    background-color: #202020;
    margin-bottom: 47px;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.navbar2_logo-link {
    width: 163px;
    padding-left: 0
}

.navbar2_link {
    color: #f3f2f5;
    padding: .5rem 24px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none
}

.navbar2_link:hover {
    color: rgba(243, 242, 245, .7)
}

.navbar2_link:active {
    color: rgba(243, 242, 245, .8)
}

.navbar2_link:focus,
.navbar2_link.w--current {
    color: #f3f2f5
}

.link-block-2 {
    align-items: center;
    text-decoration: none;
    display: flex
}

.navbar2_button-wrapper {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    width: 169px;
    margin-left: 0;
    display: flex
}

.navbar2_logo {
    color: #f3f2f5
}

.navbar2_menu-button {
    padding: 0
}

.button-15 {
    color: transparent;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem
}

.button-15.navbar {
    outline-offset: 0px;
    color: var(--medium-orchid);
    background-color: transparent;
    border-style: none;
    outline: 3px #aaf9c0;
    padding-left: 0;
    padding-right: 8px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none
}

.button-15.navbar:hover {
    color: #86ffa8
}

.navbar2_container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar2_menu {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.image-63 {
    width: 20px;
    height: 20px
}

.navbar2_component {
    background-color: #1f1f1f;
    border: 1px #000;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.padding-vertical {
    padding-left: 0;
    padding-right: 0
}

.padding-vertical.padding-xhuge {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.padding-vertical.padding-huge {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative
}

.section-header26 {
    background-color: #1f1f1f
}

.button-secondary {
    color: #f3f2f5;
    text-align: center;
    background-color: transparent;
    border: 1px solid #f3f2f5;
    border-radius: 40px;
    padding: .75rem 1.5rem;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.button-secondary:hover {
    background-color: rgba(243, 242, 245, .1)
}

.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-bottom.margin-xxlarge {
    height: auto
}

.margin-bottom.margin-small {
    max-width: 600px;
    max-height: none
}

.text-align-center {
    text-align: center
}

.max-width-large {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 48rem;
    margin-bottom: 80px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.max-width-large.center {
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0
}

.max-width-large.free {
    margin-bottom: 0
}

.text-size-medium {
    color: #f3f2f5;
    max-width: 768px;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.page-padding {
    background-color: #1f1f1f;
    margin-top: 0;
    margin-bottom: 0;
    padding: 112px 5%
}

.page-padding.without-bottom-padding {
    padding-bottom: 0
}

.page-padding.without-bottom-padding.no-color {
    background-color: transparent;
    position: relative
}

.page-padding.paddings-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.page-padding.footer {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 40px;
    padding-bottom: 40px
}

.header26_component {
    flex-direction: column;
    align-items: center;
    display: flex
}

.button-16 {
    color: transparent;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem
}

.button-16.primary {
    color: #1f1f1f;
    background-color: #aaf9c0;
    border-style: none;
    border-radius: 40px;
    padding: 12px 24px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.button-16.primary:hover {
    background-color: #86ffa8
}

.image-65 {
    min-width: 992px;
    max-width: 1920px
}

.image-65._2,
.image-65._3 {
    opacity: 0;
    width: 100%;
    min-width: auto;
    display: inline-block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.image-65._1 {
    width: 100%;
    min-width: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.heading-42 {
    color: #f3f2f5;
    max-width: none;
    margin-top: 0;
    margin-bottom: 24px
}

.button-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.button-row.is-button-row-center {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center
}

.container-large {
    background-color: #2e2d2d;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a6aeb7090015bc07e5151a_bg.svg);
    background-position: 50%;
    background-size: auto;
    border-radius: 30px;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 64px
}

.container-large.free {
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    padding: 0
}

.container-large.card {
    margin-bottom: 40px
}

.container-large.card.second {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a6aed2b9aca5c9b06ec38b_bg%20card%202.png);
    background-size: cover;
    height: auto;
    max-height: none;
    padding-top: 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    overflow: hidden
}

.container-large.card.first {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a6aed2b9aca5c9b06ec390_bg%20card%201.png);
    background-position: 0 0;
    background-size: cover;
    align-items: stretch;
    height: auto;
    max-height: none;
    padding-top: 40px;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    overflow: hidden
}

.container-large.card.third {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a6aed2b9aca5c9b06ec395_bg%20card%203.png);
    background-position: 0 0;
    background-size: cover;
    max-height: none;
    padding-top: 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    overflow: hidden
}

.test {
    z-index: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-top.margin-medium {
    margin-top: 40px
}

.bg-animation {
    width: 100%;
    height: 100%;
    position: relative
}

.layout242_list {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    justify-items: start;
    display: grid
}

.layout242_component {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.layout242_item {
    flex-direction: column;
    align-items: center;
    width: 100%
}

.heading-2 {
    color: #f3f2f5;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 48px
}

.icon-1x1-medium {
    width: 64px;
    height: 64px
}

.heading-small {
    color: #f3f2f5;
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.paragraph-22 {
    color: #f3f2f5;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.heading-caps {
    color: #f3f2f5;
    letter-spacing: 1px;
    text-transform: none;
    margin-bottom: 0%;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: none;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.header1_content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    display: block
}

.header1_component {
    grid-column-gap: 5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.heading-43 {
    color: #f3f2f5;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 48px
}

.card-keeper {
    position: -webkit-sticky;
    position: sticky;
    top: 1px
}

.paragraph-23 {
    color: #f3f2f5;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.paragraph-23.padding-top {
    margin-bottom: 0;
    padding-top: 24px;
    position: relative;
    bottom: 0
}

.error-text {
    color: #e23939;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.success-text {
    color: #aaf9c0;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.heading-3 {
    color: #f3f2f5;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 120%
}

.button-17 {
    color: transparent;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem
}

.button-17.primary {
    background-color: var(--medium-orchid);
    color: #1f1f1f;
    border-style: none;
    border-radius: 40px;
    padding: 12px 24px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.button-17.primary:hover {
    background-color: var(--medium-orchid)
}

.success-message-4 {
    background-color: transparent;
    padding: 1.5rem
}

.cta8_content {
    flex: 1;
    align-items: center;
    max-width: 50%;
    display: flex
}

.form-input {
    color: #f3f2f5;
    background-color: rgba(243, 242, 245, .1);
    border: 1px solid rgba(243, 242, 245, .5);
    border-radius: 50px;
    width: 560px;
    height: auto;
    min-height: 48px;
    margin-bottom: 0;
    padding: .5rem 24px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.form-input:focus {
    color: #f3f2f5;
    border-color: #f3f2f5
}

.form-input::placeholder {
    color: #f3f2f5
}

.form-input.width-240 {
    width: 100%;
    min-width: auto;
    max-width: none
}

.signup-form-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #1f1f1f;
    grid-template-rows: auto;
    grid-template-columns: auto max-content;
    grid-auto-columns: 1fr;
    width: auto;
    min-width: auto;
    max-width: none;
    margin-bottom: 0;
    display: grid
}

.cta8_form-block {
    flex-wrap: wrap;
    align-items: center;
    max-width: 50%;
    margin-bottom: 0;
    display: flex
}

.cta8_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.error-message-3 {
    background-color: #f3f2f5;
    border-radius: 50px;
    margin-top: 1.5rem;
    padding: .875rem 1rem
}

.paragraph-light {
    color: #f3f2f5;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.testimonial17_client {
    text-align: left;
    align-items: center;
    display: flex
}

.testimonial17_client-image-wrapper {
    margin-right: 1rem
}

.max-width-large-2 {
    width: 100%;
    max-width: 48rem
}

.max-width-large-2.align-left.padding-bottom-80 {
    margin-bottom: 80px
}

.heading-44 {
    color: #f3f2f5;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 48px
}

.text-weight-semibold {
    color: #f3f2f5;
    margin-bottom: 4px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.testimonial17_customer-image {
    object-fit: cover;
    border-radius: 100%;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem
}

.testimonial17_content {
    color: var(--333);
    background-color: #2e2d2d;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a6aeb7090015bc07e5151a_bg.svg);
    background-position: 0 0;
    background-size: auto;
    border: 1px transparent;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 2rem;
    display: flex
}

.testimonial17_component {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid
}

.paragraph-24 {
    color: #f3f2f5;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.paragraph-24.padding-top {
    margin-bottom: 0;
    padding-top: 24px;
    position: relative;
    bottom: 0
}

.footer3_social-link {
    background-color: transparent;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
    text-decoration: none;
    display: flex
}

.footer3_credit-text {
    color: rgba(243, 242, 245, .5);
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.footer3_legal-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0rem;
    white-space: normal;
    grid-template-rows: auto;
    grid-template-columns: max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    justify-content: center;
    display: grid
}

.line-divider {
    background-color: rgba(243, 242, 245, .5);
    width: 100%;
    height: 1px
}

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

.padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-top.padding-medium {
    margin-top: 20px
}

.footer3_link-list {
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
    justify-content: center;
    align-items: center;
    justify-items: start;
    display: flex
}

.footer3_logo-link {
    float: none;
    padding-left: 0
}

.padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-bottom.padding-xxlarge {
    margin-bottom: 20px
}

.footer3_legal-link {
    color: #f3f2f5;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline
}

.footer3_legal-link:hover {
    color: #aaf9c0
}

.footer3_top-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.5fr .5fr;
    align-items: center
}

.social-icon-2 {
    color: #f3f2f5;
    background-color: transparent;
    width: 1.5rem;
    height: 1.5rem
}

.social-icon-2:hover {
    color: #aaf9c0
}

.social-links {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.transition-mask {
    z-index: 200;
    background-color: transparent;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.transition-mask.bottom {
    align-items: flex-end;
    display: flex
}

.container-16 {
    flex-direction: column;
    min-width: 1024px;
    height: 100vh;
    display: flex;
    position: relative
}

.content-row {
    flex: 0 auto;
    align-items: flex-start;
    margin-top: 3%;
    line-height: 22px;
    display: flex
}

.col-02 {
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-end;
    min-width: 25%;
    max-height: 50%;
    margin-top: 0;
    margin-bottom: 36px;
    margin-left: 5%;
    display: flex
}

.content-header {
    flex: 1;
    align-items: flex-end;
    max-height: 50%;
    display: flex
}

.page-content {
    opacity: 0;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    display: flex;
    transform: translateY(5px)
}

.page-content._02,
.page-content._03 {
    display: none
}

.page-content._01 {
    display: flex
}

.content-body {
    flex-direction: column;
    flex: 0 auto;
    align-items: flex-start;
    display: flex
}

.social-link-4 {
    border: 1px solid transparent;
    border-radius: 100px;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: 10px;
    padding: 10px;
    transition: border .3s linear;
    display: flex
}

.social-link-4:hover {
    border-width: 1px;
    border-color: var(--medium-orchid)
}

.button-18 {
    background-color: transparent;
    border-left: 2px solid #ffd13f;
    padding: 10px 0 10px 10px;
    transition: border .3s cubic-bezier(.215, .61, .355, 1)
}

.button-18:hover {
    border-left-width: 10px
}

.slide-link-container {
    position: relative
}

.col-2 {
    border-right: 1px solid rgba(255, 255, 255, .5);
    flex: 1;
    height: 0%
}

.col-01 {
    display: flex
}

.content-main {
    flex: 1;
    align-items: flex-end;
    display: flex
}

.slide-link-cover {
    z-index: 10;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.content-2 {
    z-index: 300;
    flex-direction: column;
    padding: 40px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.header-2 {
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.content-col {
    flex: 1;
    padding-right: 50px
}

.slide-link {
    color: var(--slate-blue);
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 50px;
    margin-top: 10px;
    font-size: 20px;
    text-decoration: none;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.slide-link:hover {
    transform: scale(1.4)
}

.slide-link._01 {
    color: var(--medium-orchid);
    background-image: none
}

.slide-link._03 {
    background-image: none
}

.brand-7 {
    color: #fff;
    text-decoration: none;
    display: block
}

.header-social {
    flex-direction: column;
    align-items: center;
    width: 80px;
    margin-top: 74px;
    display: flex
}

.logo-3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.slides {
    flex: 1;
    margin-top: 0;
    display: flex;
    position: relative;
    top: 0%
}

.slide-48 {
    flex: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.slide-48._01 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc693be72508a46ecd9_banner-01.jpg);
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: scroll;
    margin-top: 0;
    display: block;
    top: 0%
}

.slide-48._02 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc66b72ccc0d3d04fcf_banner-04.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    display: none
}

.slide-48._03 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc60fdcdb0cb2dc6d80_banner-03.jpg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none
}

.col-panels {
    z-index: 200;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.panel-lines {
    border-right: 1px solid rgba(255, 255, 255, .2);
    flex: 1;
    height: 100%
}

.panel-lines.last {
    border-right-style: none
}

.title-3 {
    color: #fff;
    font-size: 100px;
    line-height: 100px
}

.container-17 {
    flex-direction: column;
    min-width: 1024px;
    height: 100vh;
    margin-top: 0;
    display: flex;
    position: relative;
    top: 0%
}

.button-19 {
    background-color: transparent;
    border-left: 2px solid #ffd13f;
    padding: 10px 0 10px 10px;
    transition: border .3s cubic-bezier(.215, .61, .355, 1)
}

.button-19:hover {
    border-left-width: 10px
}

.content-3 {
    z-index: 300;
    flex-direction: column;
    padding: 40px;
    display: flex;
    position: absolute;
    top: -8%;
    bottom: 0;
    left: 0;
    right: 0
}

.logo-4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    display: none
}

.text-block-83 {
    color: #fafafa
}

.text-block-84,
.text-block-85,
.text-block-86,
.text-block-87,
.text-block-88,
.text-block-89 {
    color: #fff
}

.text-block-90,
.text-block-91 {
    color: #bebebe
}

.right-arrow-7 {
    display: none
}

.body-text {
    color: #6975a3;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    display: inline-block
}

.body-text.small {
    color: #6975a3;
    margin-bottom: 0;
    font-size: 14px
}

.data-content {
    background-color: #12182f;
    padding: 50px
}

.dropdown-header {
    cursor: pointer;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr .25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 15px;
    display: flex
}

.title-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.article-grid {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 100%;
    margin-bottom: 0;
    display: grid;
    position: relative
}

.app-market-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 30px;
    display: grid
}

.nav-menu-8 {
    z-index: 8;
    color: transparent;
    background-color: transparent;
    margin-top: 0;
    display: block;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.div-block-13 {
    margin-bottom: 40px
}

.text-block-7 {
    color: #6975a3;
    font-family: Poppins, sans-serif;
    font-size: 26px
}

.dropdown-list-2 {
    border: 1px solid #6975a3;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-list-2.light-version {
    background-color: #f5fcff;
    border-style: none
}

.big-digit {
    color: #fff;
    margin-bottom: 0;
    margin-left: 20px;
    font-size: 60px;
    font-weight: 500
}

.hero-intro-2 {
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    align-items: stretch;
    justify-items: stretch;
    margin-right: 0%
}

.white {
    z-index: 1;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    position: relative
}

.info-block {
    align-items: center;
    display: flex
}

.section-topic {
    color: #6975a3;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 1.2em
}

.section-topic.smaller {
    width: auto;
    max-width: 500px;
    font-size: 18px
}

.list-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.data-grid {
    grid-column-gap: 0px;
    grid-template-rows: auto
}

.point-num {
    background-color: var(--medium-orchid);
    border-radius: 60px;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 66px;
    height: 66px;
    margin-bottom: 20px;
    display: flex
}

.slider-2 {
    background-color: transparent;
    width: 100%
}

.navgation {
    background-color: transparent;
    align-items: center;
    height: 90px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.testi-block {
    background-color: transparent;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    position: relative
}

.nav-link-6 {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: color .2s
}

.nav-link-6:hover {
    color: var(--medium-orchid)
}

.dark-mask {
    background-color: transparent;
    background-image: linear-gradient(rgba(18, 24, 47, 0), #12182f);
    height: 8em;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.section-title-2 {
    text-align: center;
    border-bottom-style: none;
    border-bottom-color: #12182f;
    align-self: auto;
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 0
}

.section-title-2.align-left {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.section-114 {
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    margin-left: 0%;
    padding: 180px 4%;
    display: flex;
    position: relative;
    overflow: hidden
}

.section-114.dark-bg {
    background-color: #12182f;
    position: relative
}

.section-114.gray-bg {
    background-color: #12182f
}

.section-114.brand {
    background-color: #f5fcff;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px
}

.section-114.bottom-margin-0 {
    padding-top: 120px;
    padding-bottom: 10px
}

.section-114.bottom-margin-0.bg-dark {
    background-color: #202020
}

.price-text {
    color: #12182f;
    font-family: Poppins, sans-serif;
    font-size: 36px;
    font-weight: 500;
    display: inline-block
}

.people {
    align-items: center;
    margin-top: 30px;
    display: flex
}

.left-arrow-4 {
    display: none
}

.text-block-92 {
    color: #6a6f83;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 27px
}

.text-block-92.title {
    color: #6a6f83;
    font-size: 16px;
    line-height: 1em
}

.avatar {
    border: 2px solid #fff;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    margin-right: 30px;
    overflow: hidden
}

.no-margin-2 {
    text-transform: none;
    margin-bottom: 0
}

.round-block {
    z-index: 1;
    opacity: 1;
    background-color: #141414;
    border: 1px #243366;
    border-radius: 1000px;
    width: 600px;
    height: 600px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    box-shadow: 8px 8px 60px 1px rgba(0, 0, 0, .25)
}

.round-block.big01,
.round-block.big02 {
    z-index: 0;
    background-color: transparent;
    border: 1px solid #243366;
    width: 590px;
    height: 590px
}

.ink-image {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.list-item-block {
    align-items: center;
    display: flex
}

.client-image-block {
    width: 60%;
    height: 500px;
    min-height: 500px;
    margin-right: -5%;
    position: relative
}

.feature-content-block {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.footer-4 {
    z-index: 1;
    background-color: #fff;
    border-top: 1px solid #d8e2e8;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 4%;
    display: flex;
    position: relative;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.point-block {
    text-align: left;
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    display: flex;
    position: relative
}

.hero-image-2 {
    width: auto;
    height: auto
}

.label-2 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

.label-2.small-case {
    text-transform: none
}

.intro-text-block {
    color: #fff;
    width: 450px;
    margin-bottom: 40px;
    font-weight: 400
}

.data-header {
    background-color: #f5fcff;
    padding: 60px
}

.upper-image {
    border-radius: 15px;
    width: 35%;
    position: absolute;
    top: auto;
    bottom: -8%;
    left: auto;
    right: -10%;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(18, 24, 47, .15)
}

.feature-image-block {
    height: 550px;
    position: relative
}

.feature-list {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    align-items: start
}

.float-left {
    float: left
}

.digit-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.text-block-93 {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    display: inline-block
}

.brands {
    align-items: center;
    display: flex
}

.pouplar-label {
    color: #fff;
    background-color: #12182f;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    position: absolute;
    top: 10px;
    bottom: auto;
    left: auto;
    right: 10px
}

.button-row-2 {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: start;
    align-items: center;
    justify-items: stretch;
    width: auto;
    display: grid
}

.fqa-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}

.price-card {
    background-color: #f5fcff;
    border: 1px solid #d8e2e8;
    border-radius: 10px;
    padding: 30px;
    position: relative
}

.price-card.featured {
    border-color: #27ae60;
    margin: -10px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px
}

.logo-5 {
    width: 186px
}

.container-18 {
    z-index: 1;
    flex-flow: column;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 1440px;
    height: 100%;
    display: flex;
    position: relative
}

.container-18.smaller {
    z-index: 1;
    align-items: stretch;
    width: 100%;
    max-width: 960px;
    height: auto;
    display: flex
}

.pattern-2 {
    z-index: -1;
    object-fit: fill;
    position: absolute;
    top: auto;
    bottom: -15%;
    left: -10%;
    right: auto
}

.bottom-link {
    color: #12182f;
    padding-left: 5px;
    display: inline-block
}

.bottom-link:hover {
    color: #27ae60
}

.round-bullet {
    clear: none;
    text-align: center;
    background-color: #d8e2e8;
    border-radius: 20px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    padding: 4px;
    display: flex
}

.feature-grid {
    grid-column-gap: 80px;
    order: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: center;
    margin-bottom: 200px
}

.image-cover {
    width: 100%;
    height: auto
}

.image-cover.absolute {
    z-index: 0;
    transition: transform .4s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.image-cover.absolute:hover {
    transform: scale(1.04)
}

.list-number {
    float: left;
    color: #6975a3;
    margin-right: 10px;
    font-family: Poppins, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    display: inline-block
}

.list-number.white {
    color: #fff;
    text-align: center;
    flex: 1;
    align-self: auto;
    margin-right: 0;
    font-size: 30px;
    font-weight: 600;
    display: block
}

.heading-block {
    display: inline-block
}

.testi-content {
    color: #12182f;
    margin-bottom: 40px;
    font-size: 20px;
    font-style: italic;
    font-weight: 700
}

.intro-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.app-link {
    text-align: center;
    background-color: #1f2950;
    border-radius: 5px
}

.bottom-info {
    justify-content: space-between;
    display: flex
}

.navigation-side-plain {
    align-self: auto;
    align-items: center;
    display: flex
}

.client-grid {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex
}

.dropdown-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 15px;
    display: block;
    overflow: hidden
}

.slide-nav {
    top: auto;
    bottom: -40px;
    left: 0%;
    right: 0%
}

.horizontal-line {
    background-color: #27ae60;
    width: 28px;
    height: 1px
}

.vertical-line {
    background-color: #27ae60;
    align-self: auto;
    width: 1px;
    height: 28px;
    position: absolute
}

.div-block-11 {
    align-items: center;
    display: flex
}

.h3 {
    color: #12182f;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    text-decoration: none
}

.h3.gray {
    color: #d8e2e8;
    text-transform: uppercase;
    flex: none;
    align-self: auto;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.hero-images-wrapper {
    height: auto;
    padding-left: 40px;
    position: relative
}

.navigation-container-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 5%;
    display: flex;
    position: static
}

.image-mask {
    background-color: #f5fcff;
    width: 100%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.client-info {
    padding-top: 0
}

.price-grid {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.brand-images-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
    width: 100%
}

.brand-8 {
    margin-right: 20px
}

.brand-8.w--current {
    position: static;
    top: 0%;
    bottom: auto;
    left: auto;
    right: auto
}

.page-wrapper-4 {
    z-index: 0;
    background-color: #fff;
    margin-bottom: 0;
    display: block;
    position: static;
    overflow: visible
}

.page-wrapper-4.bg-dark {
    background-color: #000
}

.side-images-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 40%;
    display: grid;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: 0%;
    right: auto
}

.hero {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-height: 800px;
    padding: 120px 5% 40px;
    display: block;
    position: relative;
    overflow: visible
}

.hero.dark-bg {
    background-color: #12182f;
    justify-content: center;
    align-items: center;
    display: flex
}

.digit-detail {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    display: flex
}

.button-20 {
    z-index: 0;
    clear: none;
    border: 2px solid var(--medium-orchid);
    background-color: var(--medium-orchid);
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    border-radius: 10px;
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    align-content: flex-start;
    justify-content: center;
    align-self: auto;
    align-items: center;
    padding: 15px 30px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    transition: background-color .2s;
    display: inline-block
}

.button-20:hover {
    border-color: var(--slate-blue);
    background-color: var(--slate-blue);
    color: #fff
}

.button-20.full-width {
    width: 100%
}

.button-20.nav {
    border-color: var(--medium-orchid);
    background-color: var(--medium-orchid);
    padding: 10px 20px
}

.button-20.ghost {
    border: 2px solid var(--medium-orchid);
    color: var(--medium-orchid);
    text-align: center;
    -webkit-text-stroke-color: var(--medium-orchid);
    background-color: transparent
}

.button-20.ghost:hover {
    background-color: var(--medium-orchid);
    color: #fff
}

.button-20.ghost.full-width {
    width: 100%
}

.plus-icon {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    display: flex
}

.white-block {
    z-index: -1;
    background-color: #fff;
    width: 50%;
    height: 60px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.white-block.align-right {
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.article-card {
    align-items: flex-end;
    height: 20em;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
    overflow: hidden
}

.menu-button-9 {
    z-index: 100;
    width: 36px;
    height: 36px;
    padding: 0;
    position: fixed;
    top: 2.5vw;
    bottom: auto;
    left: auto;
    right: 3vw
}

.menu-button-9.w--open {
    background-color: transparent
}

.dash-line {
    z-index: -2;
    border: 1px dashed #27ae60;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 33px;
    bottom: auto;
    left: 0%;
    right: auto
}

.divider-vertical {
    background-color: #d8e2e8;
    align-self: center;
    width: 2px;
    height: 50px;
    margin-left: 30px;
    margin-right: 30px
}

.link-4 {
    color: #27ae60;
    text-decoration: none;
    transition: letter-spacing .2s
}

.link-4:hover {
    color: #27ae60;
    letter-spacing: 1.5px
}

.link-4.add-margin {
    color: var(--medium-orchid);
    -webkit-text-stroke-color: var(--slate-blue);
    height: auto;
    margin-bottom: 30px;
    display: inline-block
}

.client-word {
    background-color: #fff;
    width: 50%;
    height: auto;
    min-height: 450px;
    margin-top: 100px;
    margin-bottom: 0;
    padding: 40px 40px 60px;
    position: relative
}

.point-content {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    display: flex
}

.round-blocks-wrapper {
    z-index: 0;
    background-color: #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.paragraph-25,
.paragraph-26,
.paragraph-27 {
    color: #fff
}

.text-center {
    text-align: center
}

.text-center.mg-bottom-48px {
    margin-bottom: 41px
}

.text-center.tablet {
    text-align: left
}

.grid-3-columns {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.image-wrapper.overflow-hidden.border-radius-24px {
    z-index: 1;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    display: flex
}

.link-text {
    transition: color .3s;
    display: inline-block
}

.mg-bottom-24px {
    margin-bottom: 24px
}

.link-content {
    color: #6e7191;
    text-decoration: none
}

.link-wrapper {
    color: #211f54;
    transition: none;
    display: inline-block
}

.link-wrapper:hover,
.link-wrapper.color-primary {
    color: #4a3aff
}

.link-wrapper.color-primary:hover {
    color: #211f54
}

.container-default-2 {
    max-width: 1218px;
    padding-left: 24px;
    padding-right: 24px;
    display: none
}

.section-115 {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.paragraph-28 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.heading-45,
.heading-46 {
    color: #fff
}

.paragraph-29 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.heading-47,
.paragraph-30 {
    color: #fff
}

.section-116,
.section-117,
.section-118,
.section-119,
.section-120,
.section-121,
.section-122,
.section-123,
.section-124,
.section-125 {
    display: flex
}

.section-126 {
    justify-content: center;
    align-items: center;
    display: flex
}

.icon-list-item-wrapper {
    align-items: center;
    display: flex
}

.text-300 {
    font-size: 22px;
    line-height: 22px
}

.text-300.medium {
    font-weight: 500
}

.text-300.medium.top-8px {
    position: relative;
    top: 8px
}

.text-300.bold {
    font-weight: 700
}

.text-301 {
    line-height: 20px
}

.text-301.bold {
    font-weight: 700
}

.text-301.color-neutral-800.list {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.text-301.medium {
    padding-left: 15px;
    font-weight: 500
}

.text-301.list {
    margin-top: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.flex-horizontal {
    justify-content: center;
    align-items: center;
    display: flex
}

.flex-horizontal.start {
    justify-content: flex-start
}

.subtitle-2 {
    color: #4a3aff;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 700;
    line-height: 20px
}

.divider-2 {
    background-color: #dcddeb;
    height: 1px;
    margin-top: 80px;
    margin-bottom: 80px
}

.divider-2._40px {
    margin-top: 40px;
    margin-bottom: 40px
}

.display-4 {
    color: #fff;
    padding-left: 13px;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px
}

.display-4.color-neutral-100 {
    color: #fff
}

.mg-top-24px {
    margin-top: 24px
}

.pricing-content {
    padding: 40px 28px 72px
}

.pricing-content.pd-bottom-40px {
    padding-bottom: 40px
}

.tabs-menu {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    display: flex
}

.tabs-menu.bg-grey {
    background-color: var(--333);
    border-radius: 120px;
    padding: 16px 24px;
    display: flex
}

.mg-bottom-32px {
    color: #fff;
    margin-bottom: 32px
}

.btn-primary-3 {
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #4a3aff;
    border-radius: 48px;
    justify-content: center;
    padding: 26px 38px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}

.btn-primary-3:hover {
    color: #fff;
    background-color: #3324d5;
    transform: translate3d(0, -3px, .01px)
}

.btn-primary-3.width-100 {
    background-color: var(--medium-orchid)
}

.btn-primary-3.white {
    color: #4a3aff;
    background-color: #fff
}

.btn-primary-3.white:hover {
    color: #4a3aff;
    background-color: #f2f1ff
}

.btn-primary-3.white.width-100 {
    color: var(--medium-orchid)
}

.icon-list {
    margin-right: 16px
}

.tabs-content-2 {
    overflow: visible
}

.mg-top-48px {
    margin-top: 48px
}

.badge-secondary {
    color: #211f54;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dcddeb;
    border-radius: 40px;
    padding: 18px 28px;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 2px 12px rgba(20, 20, 43, .06)
}

.badge-secondary.tabs {
    margin-left: 12px;
    margin-right: 12px;
    transition: background-color .3s, border-color .3s, color .3s
}

.badge-secondary.tabs:hover,
.badge-secondary.tabs.w--current {
    border-color: var(--medium-orchid);
    background-color: var(--medium-orchid);
    color: #fff
}

.heading-h1-size {
    color: #211f54;
    font-size: 54px;
    font-weight: 700;
    line-height: 66px
}

.heading-h1-size.mg-right-8px,
.heading-h1-size.mg-right-8px.color-neutral-100 {
    color: #fff
}

.section-127 {
    padding-top: 176px;
    padding-bottom: 176px
}

.paragraph-31 {
    color: #fff;
    padding-top: 17px
}

.paragraph-32,
.paragraph-33 {
    padding-top: 17px
}

.section-128 {
    padding-top: 176px;
    padding-bottom: 176px
}

.section-128.small {
    padding-top: 100px;
    padding-bottom: 100px
}

.grid-5-columns {
    grid-column-gap: 28px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.grid-5-columns.logo-strips-right {
    grid-column-gap: 50px;
    grid-template-columns: auto auto auto auto auto;
    justify-content: end;
    align-items: center;
    justify-items: end
}

.dropdown-button-v2---brix {
    color: #6f6c90;
    width: 100%;
    text-decoration: none;
    display: block
}

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

.nav-menu---brix {
    margin-right: 32px
}

.dropdown-bottom-button-arrow-v2---brix {
    opacity: .7;
    filter: brightness(0%)saturate(24%);
    margin-left: 12px
}

.header-logo---brix {
    transform-style: preserve-3d;
    transition: transform .3s
}

.header-logo---brix:hover {
    transform: scale3d(.94, .94, 1.01)
}

.image-wrapper---brix {
    margin-right: 18px;
    overflow: hidden
}

.image-wrapper---brix.dropdown-button-icon-v2---brix {
    border-radius: 15px;
    align-self: flex-start;
    margin-bottom: 18px;
    box-shadow: 0 4px 20px rgba(23, 15, 73, .08)
}

.dropdown-list-v2---brix {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 22px;
    width: 56vw;
    min-width: 750px;
    max-width: 805px;
    margin-top: 30px;
    margin-left: -32vw;
    display: block;
    overflow: hidden;
    box-shadow: 0 10px 14px rgba(74, 58, 255, .01), 0 9px 26px rgba(23, 15, 73, .05)
}

.image---brix.dropdown-button-icon---brix {
    border-radius: 15px
}

.dropdown-bottom-button-content---brix {
    margin-bottom: 18px
}

.header-navigation---brix {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex
}

.dropdown-nav-main-wrapper-v2---brix {
    justify-content: space-between;
    padding: 9%;
    display: flex
}

.dropdown-nav-pages-wrapper-v2---brix {
    margin-bottom: 38px
}

.dropdown-nav-pages-wrapper-v2---brix.last---brix {
    margin-bottom: 0
}

.nav-link---brix {
    align-items: center;
    padding: 0;
    transition: color .3s;
    display: flex;
    position: static
}

.nav-link---brix:hover {
    color: #4a3aff
}

.flex-hc---brix {
    align-items: center;
    display: flex
}

.flex-hc---brix.dropdown-button-v2---brix {
    margin-bottom: -18px;
    display: flex
}

.dropdown-nav-container-v2---brix {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.dropdown-menu-v2---brix {
    align-items: center
}

.title---brix.dropdown-bottom-button-title---brix {
    margin-bottom: 0;
    display: inline-block
}

.title---brix.hero-v1-title---brix {
    margin-bottom: 12px
}

.button-primary-4 {
    color: #fff;
    text-align: center;
    background-color: #4a3aff;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    padding: 20px 40px 21px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: transform .3s, box-shadow .3s, background-color .3s;
    display: flex;
    box-shadow: 0 3px 12px rgba(74, 58, 255, .12)
}

.button-primary-4:hover {
    background-color: #3527d8;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(74, 58, 255, .15)
}

.button-primary-4.button-header {
    white-space: nowrap
}

.logo-brand---brix {
    padding-left: 0
}

.split-content---brix.header-right---brix {
    align-items: center;
    display: flex
}

.split-content---brix.header-left---brix {
    z-index: 99
}

.split-content---brix.hero-v1-right---brix {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 72%;
    display: flex
}

.split-content---brix.hero-v1-left---brix-copy {
    width: 100%;
    max-width: 45%
}

.dropdown-icon---brix {
    background-color: var(--medium-orchid);
    border-radius: 6px;
    margin-left: -24px;
    margin-right: 0;
    position: static
}

.dropdown-menu-text---brix {
    margin-right: 8px
}

.logo-6 {
    height: 40px;
    margin-top: 3px
}

.nav-menu-9 {
    z-index: 1;
    border-radius: 4px;
    margin-top: 5px
}

.dropdown-list-3.w--open {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.dropdown-link {
    font-size: 13px;
    transition: background-color .2s, color .2s
}

.dropdown-link:hover {
    color: #fff;
    background-color: #1f6fff
}

.dropdown-link.w--current {
    color: #1f6fff
}

.dropdown-link.w--current:hover {
    background-color: var(--medium-orchid);
    color: #fff
}

.logo-block {
    z-index: 10;
    margin-right: 30px
}

.nav-link-7 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-right: 3px;
    padding: 11px 15px;
    font-size: 13px;
    line-height: 12px;
    transition: background-color .2s, border .2s
}

.nav-link-7:hover {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .2)
}

.nav-link-7.dropdown-toggle {
    padding-right: 30px
}

.nav-link-7.dropdown-toggle.w--open {
    background-color: rgba(0, 0, 0, .1)
}

.small-dropdown-icon {
    opacity: .5;
    margin-right: 11px;
    font-size: 12px
}

.navbar-4 {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 40px;
    padding-bottom: 45px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.navbar-4.white {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 33px rgba(0, 0, 0, .2)
}

.full-hero-content-block {
    text-align: center;
    width: 80%;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.video-lightbox-button {
    text-align: center;
    background-color: #5ec045;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-left: 2px;
    transition: transform .2s;
    display: block;
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.video-lightbox-button:hover {
    transform: translateY(-50%)scale(1.2);
    box-shadow: 0 0 13px rgba(0, 0, 0, .5)
}

.video-lightbox-button.large-color {
    background-color: var(--lime-green);
    width: 90px;
    height: 90px;
    padding-top: 30px;
    transition: background-color .2s;
    position: static;
    top: 0;
    transform: none
}

.video-lightbox-button.large-color:hover {
    background-color: #3b3b3b
}

.video-lightbox-button.line {
    background-color: transparent;
    border: 2px solid #fff;
    padding-top: 16px;
    padding-left: 3px
}

.video-lightbox-button.green {
    background-color: var(--medium-orchid)
}

.overall-hero-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 41px;
    font-weight: 700
}

.image-hero {
    background-color: #0f1011;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc7179459060b447acc99_Photo-2.jpg);
    background-position: 50% 0;
    background-size: cover
}

.image-hero.busines-2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc7179459060b447acc9f_Photo-11.jpg);
    background-position: 50%;
    background-size: cover
}

.video-lightbox-image-block {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc7179459060b447acc9d_Photo-6.jpg);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.video-lightbox-image-block.hero {
    text-align: center;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc7179459060b447acca1_Photo-7.jpg);
    background-position: 50%;
    background-size: cover
}

.overall-hero-description {
    opacity: .71;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 19px;
    font-weight: 300;
    line-height: 24px;
    display: block
}

.overall-video-lightbox {
    border-radius: 4px;
    width: 100%;
    height: 230px;
    display: block;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .3)
}

.overall-video-lightbox.large-hero {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 90%;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.video-lightbox-icon {
    height: 25px
}

.button-21 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-21:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-21.outline {
    background-color: transparent;
    border: 1px solid #fff
}

.hero-block-overlay {
    color: #fff;
    background-color: rgba(0, 0, 0, .25);
    padding-top: 270px;
    padding-bottom: 250px
}

.hero-block-overlay.business-2 {
    background-color: rgba(31, 111, 255, .8);
    padding-top: 230px;
    padding-bottom: 0
}

.hero-block-overlay.business {
    padding-top: 240px;
    padding-bottom: 130px
}

.small-section-title {
    opacity: .6;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600
}

.client-logo {
    opacity: .3;
    height: 66px;
    transition: opacity .2s
}

.client-logo:hover {
    opacity: 1
}

.container-19 {
    position: relative
}

.logo-column {
    text-align: center
}

.section-title-wrapper {
    text-align: center;
    width: 60%;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.section-title-wrapper.small-title {
    margin-bottom: 30px
}

.section-title-wrapper.full-centered {
    width: 100%
}

.section-title-wrapper.full {
    text-align: left;
    flex-direction: row;
    width: 100%
}

.section-title-wrapper.full.below-video {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px
}

.section-title-wrapper.full.info {
    margin-bottom: 30px
}

.section-title-wrapper.full.merkez {
    text-align: center
}

.section-title-wrapper.full.merkez.whitee {
    color: #fff
}

.section-129 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-129.tint {
    background-color: #f5f5f5;
    padding-top: 44px;
    padding-bottom: 44px
}

.logos-row.mobil-ser.sd {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 19px;
    padding-top: 9px;
    padding-bottom: 8px
}

.small-paragraph {
    color: var(--333);
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.small-paragraph.whitee {
    color: #fff
}

.small-paragraph.lef-3.ml-0.center {
    text-align: center;
    font-size: 22px
}

.small-paragraph.lef-3.ml-0.center.text-paddin-left-20 {
    padding-left: 20px
}

.small-paragraph.lef-3.ml-0.center.text-paddin-left-20.nocenter {
    text-align: left
}

.small-paragraph.lef-3.ml-0.center.pl-3 {
    padding-left: 10px
}

.small-paragraph.lef-3.ml-0.center.pl-3.pt-0.left {
    text-align: left;
    line-height: 30px
}

.small-paragraph.lef-3.ml-0._18 {
    font-size: 18px
}

.small-paragraph.lef-3.ml-0._22 {
    font-size: 22px
}

.small-paragraph.lef-3.left-0.lefo-00 {
    font-size: 22px;
    line-height: 30px
}

.long-feature-icon {
    height: 25px
}

.long-feature-icon.pr-3.pr-4 {
    width: 35px;
    padding-right: 20px
}

.long-feature-icon.pr-3.pr-4._100 {
    width: 7%;
    height: auto
}

.long-feature-icon.pr-3.pr-4._100._18 {
    width: 10%
}

.main-feature-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: 500;
    line-height: 37px
}

.container-20 {
    align-self: auto;
    position: relative
}

.container-20.hero-container,
.container-20.centered {
    text-align: center
}

.container-20.gizl {
    display: none
}

.long-feature-icon-wrapper {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 7px;
    width: 50px;
    height: 50px;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 0
}

.long-feature-icon-wrapper.border-w {
    border-color: rgba(255, 255, 255, .1)
}

.long-feature-icon-wrapper.borde-none {
    border-style: none
}

.long-feature-block {
    margin-top: 25px;
    padding-left: 65px;
    padding-right: 20px;
    position: relative
}

.long-feature-block.title-only {
    margin-top: 15px;
    padding-top: 3px;
    padding-left: 75px
}

.long-feature-block.title-only.mt-4 {
    justify-content: flex-start;
    align-items: flex-end;
    height: 35px;
    margin-bottom: 20px;
    display: flex
}

.long-feature-block.title-only.mb-40.mobile-pl-0.size-uygun {
    justify-content: flex-start;
    padding-left: 0;
    display: flex
}

.browser-mockup-right {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    width: 770px;
    position: absolute;
    top: -35px;
    right: -395px;
    box-shadow: 3px 3px 33px rgba(0, 0, 0, .1)
}

.section-130 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-130.feature-section {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abf0664e38f599058347de_27.jpg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden
}

.long-feature-title {
    margin-bottom: 14px;
    font-size: 19px
}

.long-feature-title.uppercase {
    float: none;
    text-transform: none;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 600
}

.small-features-wrapper {
    margin-top: 30px;
    padding-top: 43px
}

.small-features-wrapper._0 {
    margin-top: 0
}

.feature-intro-title {
    color: #bebebe;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 14px
}

.feature-text-block {
    float: left;
    width: 440px
}

.feature-text-block.right {
    float: right
}

.text-column {
    padding-right: 20px
}

.process-tab-menu {
    text-align: center;
    margin-top: -50px
}

.process-tab-icon {
    height: 30px;
    margin-bottom: 6px
}

.process-tab-col-left {
    padding-right: 40px
}

.process-tabs-line {
    background-color: rgba(0, 0, 0, .1);
    width: 100%;
    height: 1px;
    margin-top: 80px
}

.top-line-block {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 35px;
    padding-top: 40px
}

.section-description {
    margin-top: 30px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px
}

.section-description.in-column {
    font-size: 19px;
    line-height: 26px
}

.section-description.centerr {
    text-align: center;
    font-size: 18px
}

.section-description.centerr.df {
    padding-bottom: 2%
}

.text-column-title {
    text-transform: uppercase;
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block
}

.text-column-title.number {
    color: #1f6fff;
    margin-right: 10px
}

.process-tabs {
    margin-top: -31px
}

.section-131 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-131.tint {
    background-color: #f5f5f5
}

.process-tab-pane {
    padding-top: 60px
}

.section-title-3 {
    margin-top: 0;
    margin-bottom: 18px;
    padding-bottom: 40px;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 44px
}

.section-title-3.center {
    color: #fff;
    text-align: center
}

.section-title-3.black {
    color: var(--333)
}

.process-tab-button {
    color: #c7c7c7;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #f5f5f5;
    border: 0 solid transparent;
    border-radius: 100%;
    width: 151px;
    height: 151px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
    font-weight: 700;
    transition: box-shadow .2s;
    box-shadow: 0 0 30px transparent
}

.process-tab-button:hover {
    color: #1f6fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.process-tab-button.w--current {
    color: #000;
    text-align: center;
    background-color: #fff;
    border-color: rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.empty-state-2 {
    text-align: center;
    background-color: rgba(0, 0, 0, .08);
    border-radius: 3px
}

.portfolio-tab-button {
    color: #6f737a;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #f8f8f8;
    border-radius: 3px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 13px;
    transition: background-color .2s
}

.portfolio-tab-button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.portfolio-tab-button.w--current {
    color: #fff;
    background-color: #1f6fff
}

.section-132 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.portfolio-tabs-menu {
    text-align: center
}

.portfolio-tab-pane {
    padding-top: 30px
}

.section-133 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-133.feature-section {
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden
}

.section-133.feature-section.odd {
    background-color: #fafafa;
    border-top: 1px solid #ececec
}

.browser-mockup-left {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    width: 790px;
    position: absolute;
    top: -25px;
    left: -370px;
    box-shadow: 4px 4px 33px rgba(0, 0, 0, .1)
}

.tab-button-left {
    border: 1px solid var(--medium-orchid);
    color: var(--333);
    letter-spacing: 1px;
    background-color: transparent;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 12px
}

.tab-button-left:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .2)
}

.tab-button-left.w--current {
    border-width: 1px;
    border-color: var(--333);
    background-color: var(--medium-orchid);
    color: #fff
}

.image-section-overlay {
    color: #fff;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding-top: 145px;
    padding-bottom: 105px
}

.image-section-overlay.pricing {
    background-color: rgba(44, 46, 49, .6)
}

.image-section-overlay.dark-gradient {
    background-color: rgba(32, 33, 36, .7);
    background-image: linear-gradient(rgba(42, 45, 48, 0), rgba(24, 26, 29, .99) 88%, #181a1d 89%), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b8e9863208460ea55d56e7_zaman-damfa.jpg);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-y;
    background-size: auto, cover;
    padding-bottom: 125px
}

.image-section-overlay.dark-gradient.anasayfa {
    background-image: linear-gradient(181deg, rgba(42, 45, 48, 0), rgba(24, 26, 29, .99) 88%, #181a1d), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64acf904407d5582c089ecd6_kare_02.jpg);
    background-position: 0 0, 50%
}

.image-section-overlay.gi {
    display: none
}

.pricing-column.tcent {
    text-align: center
}

.pricing-tab-pane {
    text-align: center;
    padding-top: 50px
}

.image-section {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc72a3b2b3aa5347f980d_Photo-5.jpg);
    background-position: 50%;
    background-size: cover
}

.image-section.pricing {
    background-image: none;
    background-size: auto;
    margin-top: 34px
}

.image-section.newsletter {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc7179459060b447acc9d_Photo-6.jpg)
}

.image-section.clients {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e116988bd334a375f700_Arge_01-web.jpg)
}

.plan-tabs {
    margin-top: -20px
}

.white-pricing-block {
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.white-pricing-block.color {
    background-color: var(--lime-green);
    color: #fff
}

.white-pricing-block.cen {
    text-align: center
}

.white-pricing-block.cen.borderr {
    border: 1px none var(--medium-orchid)
}

.pricing-block-title {
    color: var(--333);
    font-size: 22px;
    font-weight: 500
}

.pricing-block-title.light {
    color: rgba(255, 255, 255, .5)
}

.pricing-row {
    background-color: #fff;
    margin-bottom: 40px;
    display: block
}

.pricing-feature-item {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 0;
    padding: 14px 18px 13px
}

.pricing-feature-list-2 {
    margin-bottom: 0
}

.tab-button-right {
    border: 1px solid var(--333);
    color: #fff;
    letter-spacing: 1px;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 12px
}

.tab-button-right:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .2)
}

.tab-button-right.w--current {
    border-color: var(--medium-orchid);
    background-color: var(--medium-orchid);
    color: #fff
}

.tab-button-right.r-20 {
    border-color: var(--medium-orchid);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.pricing-feature-text {
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.plan-tabs-menu {
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 11px
}

.button-22 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-22:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-22.white-pricing-button {
    background-color: var(--medium-orchid);
    text-transform: capitalize;
    border-radius: 20px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 400
}

.pricing-block-content-wrapper {
    padding: 24px
}

.pricing-block-content-wrapper.bottom {
    text-align: center;
    background-color: #f1f1f1
}

.pricing-block-price {
    color: var(--lime-green);
    font-size: 44px;
    font-weight: 700;
    line-height: 50px
}

.pricing-block-price.white {
    color: #fff
}

.pricing-block-price.subtitle {
    color: #000;
    font-size: 11px;
    line-height: 20px
}

.white-link-2 {
    color: #fff
}

.white-link-2:hover {
    color: rgba(255, 255, 255, .7)
}

.pricing-feature-list-3 {
    margin-bottom: 0
}

.button-23 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-23:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-23.white-pricing-button {
    background-color: var(--lime-green);
    margin-top: 0
}

.dark-field {
    background-color: #edeef1;
    border: 0 solid #000;
    border-radius: 2px;
    height: 40px;
    margin-bottom: 7px;
    padding-left: 20px;
    font-size: 13px;
    transition: box-shadow .2s, border .2s, background-color .2s
}

.dark-field:hover {
    background-color: #dbdce2
}

.dark-field:focus {
    background-color: #fff;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .2)
}

.dark-field.area {
    height: 148px;
    padding-top: 12px
}

.small-column-icon {
    float: left;
    height: 17px;
    margin-top: 3px;
    margin-right: 8px
}

.field-label-6 {
    color: #989ba2;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400
}

.map-marker {
    background-color: #1f6fff;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 145px;
    left: 86px
}

.map-marker._2 {
    top: 164px;
    left: 344px
}

.error-bg {
    color: #e42121;
    text-align: center;
    border-radius: 3px;
    padding-top: 12px;
    padding-bottom: 1px;
    font-size: 12px
}

.section-134 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.worldmap-left-wrapper {
    z-index: 1;
    width: 730px;
    position: absolute;
    top: 17px;
    left: -141px
}

.button-24 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-24:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-24.full-submit {
    background-color: var(--lime-green);
    width: 100%;
    margin-top: 15px;
    display: block
}

.map-contact-form {
    z-index: 10;
    float: right;
    background-color: rgba(255, 255, 255, .8);
    width: 380px;
    min-height: 450px;
    padding: 19px;
    position: relative
}

.success-message-5 {
    color: #fff;
    background-color: #5ec045;
    border-radius: 5px;
    padding-top: 30px
}

.contact-form {
    width: 550px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.button-25 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-25:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-25.submit-newsletter {
    border-radius: 5px;
    width: 100%;
    height: 50px;
    margin-top: 0
}

.field-3 {
    background-color: rgba(255, 255, 255, .2);
    border: 0 solid #000;
    border-radius: 4px;
    height: 50px;
    transition: background-color .2s
}

.field-3:hover,
.field-3:focus {
    background-color: #fff
}

.field-3.email {
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    margin-bottom: 0
}

.field-3.email:focus {
    background-color: #fff
}

.success-message-6 {
    color: #fff;
    background-color: #5ec045;
    border-radius: 5px;
    padding-top: 30px
}

.dark-footer-title {
    color: #1f6fff;
    text-transform: uppercase;
    margin-bottom: 21px;
    font-size: 18px;
    font-weight: 300
}

.footer-contact-info-block {
    color: #94979e;
    margin-top: 20px;
    font-size: 14px
}

.bottom-footer-link {
    color: #91959c
}

.bottom-footer-link:hover {
    color: rgba(255, 255, 255, .7)
}

.bottom-footer-link.dark {
    color: #1f6fff;
    text-decoration: none
}

.footer-small-social-icon {
    height: 15px
}

.white-footer {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 16px
}

.light-footer-link {
    color: #94979e;
    margin-bottom: 7px;
    font-size: 13px;
    text-decoration: none;
    display: block
}

.bottom-footer-paragraph {
    float: left;
    margin-bottom: 0;
    font-size: 12px
}

.bottom-footer-paragraph.dark {
    color: #94979e
}

.bottom-footer-paragraph.right {
    float: right
}

.color-social-button {
    text-align: center;
    background-color: #4e5f97;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin-bottom: 4px;
    margin-right: 2px;
    padding-top: 3px
}

.color-social-button:hover {
    opacity: .8
}

.color-social-button.twitter {
    background-color: #37a5e4
}

.color-social-button.google {
    background-color: #e22047
}

.bottom-footer-block {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 30px;
    padding-top: 30px
}

.bottom-footer-block.white-footer-block {
    color: #e1e1e4;
    margin-top: 40px
}

.nav-menu-10 {
    z-index: 1;
    border-radius: 4px;
    margin-top: 5px
}

.dropdown-icon {
    opacity: .4;
    margin-right: 10px
}

.nav-link-8 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-right: 3px;
    padding: 11px 15px;
    font-size: 13px;
    line-height: 12px;
    transition: background-color .2s, border .2s
}

.nav-link-8:hover {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .2)
}

.nav-link-8.light {
    color: #fff;
    margin-right: 2px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px
}

.nav-link-8.light:hover,
.nav-link-8.light.w--current {
    border-color: rgba(255, 255, 255, .2)
}

.nav-link-8.dropdown-toggle {
    padding-right: 30px
}

.nav-link-8.dropdown-toggle.w--open {
    background-color: rgba(0, 0, 0, .1)
}

.nav-link-8.dropdown-toggle.light {
    padding-right: 30px
}

.navbar-5 {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 40px;
    padding-bottom: 45px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.large-hero-title {
    color: #fff;
    width: 90%;
    margin: 0 auto 30px;
    font-size: 45px;
    font-weight: 300;
    line-height: 47px;
    display: block
}

.large-hero-title-bold {
    font-weight: 700
}

.hero-description-title {
    opacity: .65;
    width: 60%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    font-weight: 300;
    line-height: 31px;
    display: block
}

.hero-background-video {
    width: 100%;
    height: auto
}

.hero-video-lightbox {
    margin-top: 40px
}

.text-left {
    padding-right: 40px
}

.section-135 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.button-26 {
    background-color: var(--medium-orchid);
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-26:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.nav-menu-11 {
    z-index: 1;
    border-radius: 4px;
    margin-top: 5px
}

.nav-link-9 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-right: 3px;
    padding: 11px 15px;
    font-size: 13px;
    line-height: 12px;
    transition: background-color .2s, border .2s
}

.nav-link-9:hover {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .2)
}

.nav-link-9.light {
    color: #fff;
    margin-right: 2px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px
}

.nav-link-9.light:hover,
.nav-link-9.light.w--current {
    border-color: rgba(255, 255, 255, .2)
}

.nav-link-9.dropdown-toggle {
    padding-right: 30px
}

.nav-link-9.dropdown-toggle.w--open {
    background-color: rgba(0, 0, 0, .1)
}

.nav-link-9.dropdown-toggle.light {
    padding-right: 30px
}

.navbar-6 {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 40px;
    padding-bottom: 45px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.bold-text-18,
.bold-text-19 {
    color: var(--medium-orchid);
    font-weight: 500
}

.hero-mockup-description-block {
    text-align: left;
    width: 430px
}

.white-hero-title {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: 400
}

.iphone-hero {
    background-color: #353942;
    background-image: linear-gradient(135deg, rgba(53, 57, 66, 0), #2a2e36), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abf0d3032d0b717c273ae7_web-bg.jpg);
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    padding-top: 200px;
    padding-bottom: 192px;
    overflow: hidden
}

.button-27 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-27:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-27.icon-button {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abd1d3cef72ca3428eb8b6_Icon-download.png);
    background-position: 21px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-top: 10px;
    padding-left: 51px
}

.button-27.icon-button.download {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abd1d3cef72ca3428eb8b6_Icon-download.png)
}

.button-27.icon-button.download.green {
    background-color: #c04fff;
    margin-top: 30px
}

.hero-description {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px
}

.small-hero-intro-title {
    opacity: .3;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px
}

.hero-mockup-image {
    width: 455px;
    position: absolute;
    top: -70px;
    right: 30px
}

.button-primary---brix {
    color: #fff;
    text-align: center;
    background-color: #4a3aff;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    padding: 20px 40px 21px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: transform .3s, box-shadow .3s, background-color .3s;
    display: flex;
    box-shadow: 0 3px 12px rgba(74, 58, 255, .12)
}

.button-primary---brix:hover {
    background-color: #3527d8;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(74, 58, 255, .15)
}

.button-primary---brix._2-buttons---brix {
    margin-right: 24px;
    display: block
}

._2-buttons---brix {
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.hero-composition---brix {
    width: 100%;
    height: 100%;
    position: relative
}

.hero-v5-right---brix {
    z-index: -1;
    background-color: #4a3aff;
    width: 36%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.paragraph---brix.hero-v1---brix {
    margin-bottom: 32px
}

.container-default-3 {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px
}

.subtitle-wrapper---brix {
    align-items: center;
    display: flex
}

.subtitle-wrapper---brix.hero-section-v1---brix {
    margin-bottom: 27px
}

.subtitle-dash---brix {
    background-color: #4a3aff;
    border-radius: 10px;
    width: 22px;
    min-height: 2px;
    margin-right: 10px
}

.logo-bar-grid-hero-v5---brix {
    grid-column-gap: 38px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
    display: grid
}

.heading-size-5 {
    color: #170f49;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.hero-v5-split---brix {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    display: flex
}

.logo-image---brix {
    max-height: 38px
}

.component-section---brix {
    min-height: 60vh;
    padding-top: 80px;
    padding-bottom: 80px
}

.component-section---brix.hero-v5---brix {
    border: 1px transparent;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden
}

.hero-image---brix.hero-v5---brix {
    border-radius: 24px
}

.hero-image---brix.hero-v5-image-left---brix {
    border-radius: 24px;
    width: 48%;
    position: absolute;
    top: 40px;
    bottom: auto;
    left: -24%;
    right: auto;
    box-shadow: 0 20px 40px rgba(23, 15, 73, .12)
}

.hero-image---brix.hero-v5-image-right---brix {
    border-radius: 24px;
    width: 48%;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: auto;
    right: -13%;
    box-shadow: 0 14px 40px rgba(23, 15, 73, .16)
}

.subtitle---brix {
    color: #4a3aff;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700
}

.button-secondary---brix {
    color: #4a3aff;
    text-align: center;
    background-color: #f3f1ff;
    border-radius: 80px;
    padding: 15px 48px;
    line-height: 20px;
    transition: color .3s, background-color .3s
}

.button-secondary---brix:hover {
    color: #fff;
    background-color: #4a3aff
}

.button-secondary---brix.variant-01---brix {
    background-color: transparent;
    border: 1px solid #4a3aff;
    padding: 20px 40px 21px;
    transition: transform .3s, border-color .3s, color .3s, background-color .3s
}

.button-secondary---brix.variant-01---brix:hover {
    background-color: #4a3aff;
    transform: translateY(-2px)
}

.divider-3 {
    background-color: #d9dbe9;
    width: 100%;
    height: 1px;
    margin-top: 64px;
    margin-bottom: 64px
}

.body-6 {
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.bold-text-20 {
    font-weight: 500
}

.bold-text-20.bold-text-18.s {
    font-size: 29px
}

.bold-text-21 {
    font-weight: 500
}

.lottie-animation {
    z-index: 0;
    opacity: .23;
    width: 40%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.lottie-animation.loti-2 {
    opacity: .3;
    width: 100%
}

.lottie-animation._333 {
    width: 116%
}

.bold-text-22 {
    font-weight: 500
}

.bold-text-23,
.bold-text-24,
.bold-text-25 {
    color: var(--medium-orchid);
    font-weight: 500
}

.bold-text-26,
.bold-text-27 {
    font-weight: 500
}

.link-5,
.link-6 {
    color: #000
}

.lottie-animation-2 {
    text-align: center;
    justify-content: center;
    width: 40%;
    display: flex
}

.lottie-animation-2.ww {
    width: 60%;
    padding-bottom: 15px
}

.div-block-276 {
    justify-content: center;
    display: flex
}

.text-block-94 {
    font-weight: 500
}

.left-arrow-5 {
    display: block
}

.sld-01-slide--link {
    z-index: 20;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.sld-01-slide--link.about__img.about-image {
    display: block
}

.sld-01-slide--content {
    z-index: 20;
    text-align: center;
    letter-spacing: .03rem;
    margin-bottom: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 21px;
    font-weight: 300;
    position: relative
}

.sld-01-slide--content.about-image {
    margin-top: -5px;
    display: block
}

.sld-01-img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.sld-01-img.m3.gizle {
    display: none
}

.sld-01-img__w {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.sld-01-img__w.m3 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c1ff4c6eead0e3db7d52f2_slide-10.jpg);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: cover
}

.sld-01-img__w.m3._44 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c100831050b28bb4f0815e_slide-8.jpg);
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: scroll
}

.notes {
    max-width: 1440px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: none
}

.sld-02-nav {
    background-color: transparent;
    justify-content: flex-end;
    padding-right: 120px;
    display: flex;
    top: auto;
    bottom: 3%;
    left: 0%;
    right: 0%
}

.sld-01-slide--title {
    z-index: 20;
    text-align: center;
    width: 70%;
    position: relative
}

.sld-01-slide--title.s2 {
    text-align: center;
    align-self: flex-end;
    margin-top: -35%;
    margin-right: 31px
}

.sld-01-slide--title.s2.m2 {
    margin-top: -18%;
    padding-right: 2%
}

.sld-01-slide--title.m3 {
    margin-top: -31%
}

.sld-01-slide--title.m3._444.burda-gizle {
    margin-top: -21%
}

.sld-01-slide--title.m3._444.burda-gizle.slide-22 {
    clear: none;
    text-align: right;
    align-self: flex-end
}

.sld-01-slide--title.m3._444.burda-gizle.slide-22.gizlemeyikald-r {
    margin-top: -28%
}

.sld-01-slide--title.m3.ss3 {
    margin-top: 2%
}

.btn-4 {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    background-color: transparent;
    border-radius: 4px;
    display: inline-block
}

.btn-4.circle-xl {
    background-color: var(--medium-orchid);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 24px;
    display: flex
}

.slider__c-2 {
    margin-top: 0%;
    display: block
}

.hero-txt-xxl {
    font-size: 64px;
    line-height: 1
}

.hero-txt-xxl.fc-white {
    color: #fff;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-size: 48px;
    font-weight: 500
}

.hero-txt-xxl.fc-white.about-image {
    display: block
}

.hero-txt-xxl.fc-white.about-image.s3b {
    color: var(--333);
    text-align: left;
    text-transform: capitalize;
    font-family: Montserrat, sans-serif;
    line-height: 1.2
}

.hero-txt-xxl.fc-white.about-image.s3b.whitee {
    color: #fff
}

.hero-txt-xxl.fc-white.about-image.s3b.whitee._5 {
    margin-top: -127px
}

.hero-txt-xxl.fc-white.about-image.s3b.whitee._5._66 {
    margin-top: -2%;
    font-size: 38px;
    line-height: 55px
}

.hero-txt-xxl.fc-white.about-image.s3b.whitee.slide-22 {
    text-align: right;
    margin-top: 87%;
    margin-right: 0%
}

.sld-02 {
    height: 92vh;
    min-height: 690px
}

.lh-relax {
    line-height: 1.625
}

.lh-relax.fc-white {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.lh-relax.fc-white.s3b {
    color: var(--333);
    text-align: left;
    font-size: 25px
}

.lh-relax.fc-white.s3b.wh {
    color: #fff
}

.right-arrow-8 {
    display: block
}

.footer-5 {
    padding-top: 32px;
    padding-bottom: 32px;
    display: none
}

.sld-overlay {
    z-index: 15;
    background-color: rgba(31, 30, 30, .16);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.sld-overlay.background-slide-noen {
    background-color: transparent
}

.sld-01-slide__c {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    position: relative
}

.subpage-header {
    color: #fff;
    text-align: center;
    background-image: linear-gradient(rgba(31, 111, 255, .9), rgba(31, 111, 255, .9)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc72a3b2b3aa5347f980d_Photo-5.jpg);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding-top: 190px;
    padding-bottom: 90px
}

.subpage-header.about-5 {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64acf904407d5582c089ecd6_kare_02.jpg);
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, contain;
    padding-top: 250px;
    padding-bottom: 170px
}

.subpage-header.about-5.hakk-m-zdaa {
    background-image: linear-gradient(rgba(0, 0, 0, .61), rgba(0, 0, 0, .61)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e0a37cecc42ec53193eb_hakkimizda_gorseli-web.jpg);
    background-size: auto, cover
}

.subpage-header.about-5.mobil-bilgi.yeni-banner {
    background-image: linear-gradient(rgba(58, 58, 58, .69), rgba(58, 58, 58, .69)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64acf904407d5582c089ecd6_kare_02.jpg);
    background-position: 0 0, 50% 35%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
    padding-top: 20px;
    padding-bottom: 20px
}

.subpage-header.about-5.mobil-bilgi.yeni-banner.hakkim-izda-banner {
    background-image: linear-gradient(to bottom, rgba(58, 58, 58, .69), var(--333)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e0a37cecc42ec53193eb_hakkimizda_gorseli-web.jpg);
    background-position: 0 0, 50% 53%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover
}

.subpage-header.about-5.mobil-bilgi.yeni-banner.hakkim-izda-banner.e-imazaa-banner {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b8e9863208460ea55d56e7_zaman-damfa.jpg);
    background-position: 0 0, 50% 57%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover
}

.subpage-header.about-5.mobil-bilgi.yeni-banner.hakkim-izda-banner.e-imazaa-banner.simble {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e116988bd334a375f700_Arge_01-web.jpg);
    background-position: 0 0, 50% 35%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover
}

.subpage-header.about-5.mobil-bilgi.yeni-banner.giz {
    display: none
}

.subpage-header.pricing-5 {
    background-image: linear-gradient(rgba(58, 58, 58, .49), rgba(58, 58, 58, .49)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6406f228722f323f87155ac5_MicrosoftTeams-image%20\(68\).png);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding-bottom: 200px
}

.subpage-header.pricing-5.e-imsa {
    background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc693be72508a46ecd9_banner-01.jpg);
    background-position: 0 0, 49% 36%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover
}

.subpage-header.pricing-5.e-imsa.hw {
    background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64be5cffd6216bb2917ea46c_ArkImza_Banner_1.png);
    background-size: auto, cover;
    padding-bottom: 114px
}

.subpage-header.pricing-5.e-imza-banner {
    background-image: linear-gradient(rgba(58, 58, 58, .69), rgba(58, 58, 58, .69)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b50100d97c954b4acc2a7e_Macbook-Pro-Touch-Bar-Mockup---Home-Office---Vol-09-A.jpg);
    background-position: 0 0, 50%
}

.subpage-header.pricing-5.damgas {
    background-image: linear-gradient(rgba(0, 0, 0, .63), rgba(0, 0, 0, .63)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b8e9863208460ea55d56e7_zaman-damfa.jpg)
}

.subpage-header.with-contact-info {
    background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64afcc700502866d089d6105_Photo-5.jpg);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding-bottom: 230px;
    position: relative
}

.subpage-header.contact-1 {
    background-image: linear-gradient(144deg, rgba(186, 67, 252, .79), rgba(104, 82, 237, .8)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64be6fd00d61c7ec98a98db6_istanbul.jpg);
    background-position: 0 0, 50%;
    background-size: auto, cover
}

.subpage-header.contact-1.cont {
    background-image: linear-gradient(144deg, rgba(255, 255, 255, .79), rgba(255, 255, 255, .8));
    background-position: 0 0;
    background-size: auto;
    padding-top: 90px
}

.subpage-header.contact-1.cont.mt-40 {
    padding-top: 40px
}

.subpage-title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 40px
}

.page-subtitle {
    width: 65%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    display: block
}

.button-28 {
    background-color: var(--medium-orchid);
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 20px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-28:hover {
    background-color: var(--slate-blue);
    color: #fff;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.overall-text-column {
    padding-right: 15px
}

.image-block-column-left {
    padding-right: 30px
}

._2-column-pricing.tint {
    z-index: 0
}

._2-column-pricing.tint.pt-20 {
    padding-top: 20px
}

.section-136 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.small-column-title {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700
}

.image-block-2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e105a644fb12a6e140f5_ARGE_02-web.jpg);
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden
}

.image-block-2.hak {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc75781942cdb3f656ecd_Photo-9.jpg);
    border-radius: 17px;
    height: 267px
}

.image-block-description {
    color: #fff;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .7));
    padding: 25px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.video-lightbox-block {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc67dba1d1588f813a8_banner-02.jpg);
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    height: 400px;
    overflow: hidden
}

.video-lightbox-block.about-us {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64acf904407d5582c089ecd6_kare_02.jpg);
    height: auto
}

.video-lightbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    box-shadow: 0 0 23px rgba(0, 0, 0, .3)
}

.video-lightbox-overlay {
    object-fit: fill;
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    position: relative
}

.section-137 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-137.dark {
    color: #fff;
    background-color: #3b3f46;
    border: 0 solid #000;
    overflow: hidden
}

.section-137._50 {
    padding-top: 40px
}

.button-29 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-29:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-29._2 {
    background-color: rgba(0, 0, 0, .6);
    margin-left: 10px
}

.button-29._2:hover {
    color: #1f6fff;
    background-color: #fff
}

.button-29._2.green {
    background-color: var(--medium-orchid);
    text-transform: capitalize;
    border-radius: 20px
}

.button-29._2.green:hover {
    background-color: var(--slate-blue);
    color: #fff
}

.section-title-4 {
    margin-top: 0;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 39px
}

.section-title-4.ss {
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    line-height: 49px
}

.section-title-4.hh2 {
    font-size: 21px;
    font-weight: 400;
    line-height: 28px
}

.small-paragraph-2 {
    color: var(--333);
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.section-138 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-138.pt-30 {
    padding-top: 30px
}

.section-138.pt-30.e-muhur-bg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: cover
}

.section-138.pt-30.e-muhur-bg.pb-00 {
    padding-bottom: 0
}

.section-138.pt-30.zaman-bg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 0 0;
    background-size: auto
}

.section-138.pb-0 {
    padding-bottom: 0
}

.section-138.pb-0.mb-99 {
    margin-bottom: 10%
}

.section-138.pb-0.mb-99.mb-0 {
    margin-bottom: 0%
}

.text-column-left {
    padding-right: 40px
}

.image-block-right {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e116988bd334a375f700_Arge_01-web.jpg);
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    width: 100%;
    height: 296px
}

.image-block-right.hh {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc66b72ccc0d3d04fcf_banner-04.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: scroll;
    height: 314px
}

.image-block-right.hh.zaman {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c0bcfc0ddaab2bd8a338a4_slide-4.jpg);
    background-size: cover
}

.image-block-right.hh.zaman.gizler {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c7bdec23bcecf98b1a522c_kartlar.png);
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: scroll
}

.image-block-right.hh.e-imza-orta {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b79652b44da70d86bea84f_Group%2041.png)
}

.text-block-95,
.text-block-96 {
    font-weight: 500
}

.lottie-animation-3 {
    opacity: .31
}

.lottie-animation-3.www {
    opacity: .1
}

.lottie-animation-3.www.witt {
    width: 150%
}

.div-block-277 {
    position: absolute
}

.div-block-277.container.witht {
    z-index: -10;
    width: 150%;
    margin-top: 1%;
    top: -22%;
    bottom: auto;
    left: -33%;
    right: 12px
}

.div-block-277.container.witht.mobile-gizle {
    display: none
}

.div-block-277.container.lot-100 {
    width: 100%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.feature-list-item {
    margin-bottom: 5px
}

.features-pricing-block {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.pricing-feature-title {
    color: #969696;
    font-size: 14px;
    display: inline-block
}

.pricing-feature-title.bold {
    color: #000;
    margin-right: 7px;
    font-weight: 700
}

.color-pricing-title {
    color: var(--medium-orchid);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 2px;
    padding-bottom: 11px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500
}

.pricing-decription {
    color: var(--333);
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.pricing-price-title {
    font-family: Montserrat, sans-serif;
    font-size: 34px;
    line-height: 40px
}

.section-139 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-139.tint {
    background-color: #f5f5f5
}

.section-139.tint.qq.bg {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    margin-bottom: 60px
}

.section-139.tint.qq.bg.blue {
    background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abf0d3032d0b717c273ae7_web-bg.jpg)
}

.section-139.tint.qq.bg.giz {
    display: block
}

.button-30 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-30:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-30.pricing-start {
    background-color: var(--medium-orchid);
    text-align: center;
    text-transform: capitalize;
    border-radius: 20px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 500;
    display: block
}

.pricing-content-block {
    border-bottom: 1px solid #f0f0f0;
    padding: 28px
}

.pricing-content-block.first {
    background-color: rgba(243, 243, 243, .5);
    height: 115px
}

.pricing-features-row {
    margin-top: -195px
}

.pricing-features-row._0 {
    margin-top: 14px
}

.feature-list-2 {
    margin-bottom: 0
}

.bob-wrap-pic {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.bob-link-2 {
    color: #2f3747;
    margin-left: 2em;
    font-size: 1.2em;
    line-height: 1.3em;
    text-decoration: none
}

.bob-text-dropdown-8 {
    color: #2f3747;
    text-align: left;
    margin-bottom: .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none
}

.bob-dropdown-2-1 {
    z-index: 4;
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    background-color: #fff;
    border-radius: .5em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-right: -55em;
    padding: 3em;
    display: grid;
    box-shadow: 0 7px 5em rgba(0, 0, 0, .1)
}

.bob-wrap-6 {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex
}

.bob-text-dropdown-5 {
    color: #2f3747;
    text-align: left;
    margin-bottom: .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none
}

.bob-text-5 {
    color: #fff;
    margin-right: .5em;
    font-size: 1.2em;
    line-height: 1.3em
}

.bob-link-1 {
    margin-left: 6em
}

.bob-pic-1 {
    width: 12.5em
}

.bob-link-3 {
    color: #2f3747;
    font-size: 1.2em;
    line-height: 1.3em;
    text-decoration: none
}

.bob-container-1 {
    width: 100%;
    max-width: 100em;
    margin-left: auto;
    margin-right: auto
}

.bob-link-4-menu {
    color: #fff;
    background-color: #00a82d;
    border-radius: 2em;
    margin-left: 3em;
    padding: .8em 1.5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none;
    display: inline-block
}

.bob-text-dropdown-6 {
    color: #2f3747;
    text-align: left;
    margin-bottom: .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none
}

.bob-selection-2 {
    background-color: var(--medium-orchid);
    padding: .5em 3em;
    font-size: 1vw
}

.bob-icon-1 {
    color: #2f3747;
    margin-right: 0
}

.bob-pic-line {
    width: .4em
}

.bob-link-4 {
    background-color: var(--medium-orchid);
    color: #fff;
    border-radius: 2em;
    margin-left: 1em;
    padding: .8em 1em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none;
    display: inline-block
}

.bob-menu-open {
    opacity: 0;
    display: block
}

.bob-wrap-1 {
    justify-content: space-between;
    display: flex
}

.bob-link-1-menu {
    margin-left: 0
}

.bob-link-3-menu {
    color: #2f3747;
    font-size: 1.2em;
    line-height: 1.3em;
    text-decoration: none
}

.bob-selection-1 {
    background-color: #e7eee9;
    padding: 1em 5em;
    font-size: 1vw
}

.bob-grid-dropdown {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    text-decoration: none;
    display: flex
}

.bob-toggle-1 {
    color: #2f3747;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae4664723f1cf167ccd648_Polygon%201.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto .2em;
    padding: 0 1em 0 0;
    font-size: 1.2em;
    line-height: 1.3em
}

.bob-toggle-1.w--open {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae4664723f1cf167ccd64c_Polygon%201-2.png);
    background-position: 100%;
    background-size: auto .2em
}

.bob-text-dropdown {
    color: #2f3747;
    text-align: left;
    margin-bottom: .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none
}

.bob-link-2-menu {
    color: #2f3747;
    margin-left: 0;
    font-size: 1.2em;
    line-height: 1.3em;
    text-decoration: none
}

.bob-container-2 {
    width: 100%;
    max-width: 88em;
    margin-left: auto;
    margin-right: auto
}

.bob-wrap-link {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    padding-left: 55px;
    display: flex
}

.bob-grid-menu {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    display: grid
}

.bob-text-dropdown-7 {
    color: #2f3747;
    text-align: left;
    margin-bottom: .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none
}

.bob-dropdown-2 {
    background-color: #e0dddd
}

.bob-dropdown-2.w--open {
    background-color: #fff;
    border-radius: .5em;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-right: 55em;
    position: absolute
}

.bob-menu-pic {
    display: none
}

.bob-text-dropdown-1,
.bob-text-dropdown-4,
.bob-text-dropdown-2,
.bob-text-dropdown-3 {
    color: #2f3747;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.3em;
    text-decoration: none
}

.bob-link-7 {
    margin-left: 2em
}

.bob-link-4-2 {
    color: #fff;
    background-color: #00a82d;
    border-radius: 2em;
    margin-left: 1em;
    padding: .8em 1em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    text-decoration: none;
    display: inline-block
}

.bob-wrap-link-2 {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.bob-selection-2-2 {
    background-color: #00a82d;
    padding: .5em 3em;
    font-size: 1vw;
    display: none
}

.navigation-items {
    flex-direction: row;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative
}

.nav-bar-white-bg {
    z-index: 10;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 80px;
    margin-top: 35px;
    margin-left: 0%;
    margin-right: 0%;
    padding: 10px 5%;
    display: flex;
    position: absolute;
    box-shadow: 0 4px 20px -15px #2f2f31
}

.text-block-50 {
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: flex
}

.sabbatical {
    z-index: 1000;
    background-color: #d62424;
    background-image: linear-gradient(34deg, var(--medium-orchid), var(--slate-blue));
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 35px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.collection-list-4 {
    transition: all .2s
}

.link-block-5 {
    text-decoration: none
}

.dropdown-2 {
    margin-left: -20px;
    margin-right: -10px;
    padding-left: 0
}

.menu {
    z-index: 0;
    clear: none;
    flex-flow: row;
    order: 0;
    align-content: stretch;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 10%
}

.navigation-2 {
    background-color: rgba(255, 255, 255, 0);
    flex-direction: row;
    flex: none;
    order: -1;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    height: 80px;
    margin-bottom: 0;
    padding: 0 0%;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.logo-image {
    width: 175px;
    display: block
}

.logo-image.white-navbar {
    filter: none;
    background-color: transparent
}

.link-block-3 {
    text-decoration: none
}

.navigation-item {
    opacity: 1;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    transition: all .15s ease-in-out, opacity .2s
}

.navigation-item:hover {
    opacity: .9;
    color: #eb3d31;
    background-color: rgba(255, 255, 255, 0);
    font-weight: 400;
    text-decoration: none
}

.navigation-item:active {
    opacity: .8
}

.navigation-item.w--current {
    opacity: 1;
    color: #1a1b1f;
    font-weight: 600
}

.navigation-item.w--current:hover {
    opacity: .8;
    color: #32343a
}

.navigation-item.w--current:active {
    opacity: .7;
    color: #32343a
}

.navigation-item.white-navbar {
    z-index: 9;
    color: #000;
    text-align: center;
    width: auto;
    font-family: Lato, sans-serif;
    font-weight: 500;
    transition-duration: .15s, .2s;
    transition-timing-function: ease-in-out, ease
}

.navigation-item.white-navbar:hover {
    color: #e9291c;
    font-weight: 400;
    text-decoration: none;
    transform: none
}

.navigation-item.white-navbar.service-button {
    display: none
}

.nav-bar-dark-bg {
    z-index: auto;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0);
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
    margin-top: 35px;
    margin-left: 0%;
    margin-right: 0%;
    padding: 35px 5% 15px;
    display: flex;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.dropdown-list-4 {
    z-index: -20;
    background-color: #ca9f9f;
    position: absolute
}

.dropdown-list-4.w--open {
    background-color: #fff
}

.logo-link-2 {
    z-index: 1
}

.logo-link-2:hover {
    opacity: .8
}

.logo-link-2:active {
    opacity: .7
}

.collection-list-wrapper-7 {
    transition: all .2s;
    box-shadow: 0 20px 35px -30px #000
}

.link-block-6 {
    text-decoration: none
}

.nav-button {
    color: #fff;
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 40px;
    align-self: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    transition: border-color .2s, background-color .2s, opacity .2s, color .2s;
    display: flex
}

.nav-button:hover {
    color: #000;
    background-color: #fff;
    border-color: #000
}

.nav-button:active {
    background-color: #fff;
    border-color: #000
}

.nav-button.w--current {
    align-self: center
}

.nav-button.w--current:hover {
    background-color: #fff
}

.nav-button.homepage {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    border-color: #fff
}

.nav-button.homepage:hover {
    color: #000;
    background-color: #fff
}

.nav-button.homepage.white-navbar {
    color: #fff;
    background-color: #000;
    transition-duration: .2s, .2s, .2s, .2s;
    transition-timing-function: ease, ease-in-out, ease, ease
}

.nav-button.homepage.white-navbar:hover {
    background-color: var(--medium-orchid);
    transform: scale(1)
}

.text-block-40 {
    color: #fff;
    letter-spacing: .8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none
}

.text-block-40:hover {
    color: #eb3d31;
    font-weight: 300
}

.pointer {
    z-index: 20;
    background-color: #fff;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -1%;
    bottom: auto;
    left: 0%;
    right: 4%;
    transform: rotate(45deg)
}

.navigation-dropdown {
    min-width: 140px
}

.navigation-dropdown.w--open {
    background-color: transparent;
    min-width: 320px;
    max-height: 100vh;
    padding-top: 10px;
    left: -100px
}

.navigation-dropdown.dropdown-long {
    min-width: 500px;
    left: -185px
}

.navigation-dropdown.dropdown-long.w--open {
    z-index: 99999999;
    min-width: 303px;
    left: -102px
}

.dropdown-column-right {
    background-color: #fafafa;
    border-left: 1px solid rgba(0, 0, 0, .08);
    justify-content: center;
    align-items: center;
    width: 58%;
    height: 324px;
    padding: 25px
}

.dropdown-column-left {
    background-color: #fff;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex
}

.navigation-wrap {
    z-index: 2147483647;
    background-color: #fff;
    height: 121px;
    max-height: 123px;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.login-buttons {
    align-items: center;
    margin-left: 30px;
    display: flex
}

.dropdown-toggle {
    padding-left: 12px;
    padding-right: 24px;
    transition: all .2s
}

.dropdown-toggle:hover {
    color: #8c54ff
}

.dropdown-toggle.pad-oo {
    padding-top: 10px;
    padding-bottom: 10px
}

.dropdown-toggle.pad-oo.sub-navbar-link {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navigation-left-2 {
    align-items: center;
    width: 50%;
    display: flex
}

.dropdown-image {
    border-radius: 10px;
    margin-bottom: 14px
}

.navigation-link {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 20px 12px;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.navigation-link:hover {
    color: #8c54ff
}

.navigation-link.w--current {
    color: var(--medium-orchid)
}

.navigation-link.kk {
    flex: none
}

.nav-content-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 12px;
    display: flex
}

.flowbase-logo {
    width: 100%
}

.nav-link-blog {
    color: #8c54ff;
    white-space: normal;
    font-size: 14px
}

.dropdown-wrapper-flex {
    background-color: #fff;
    border-radius: 10px;
    align-items: flex-start;
    min-width: 170px;
    display: flex;
    overflow: hidden;
    box-shadow: 4px -19px 35px rgba(32, 53, 90, .08), 11px 11px 30px -10px rgba(32, 53, 90, .15)
}

.dropdown-wrapper-flex.w--open {
    background-color: #fff;
    border-radius: 15px;
    min-width: 300px;
    max-height: 100vh;
    left: -97px;
    box-shadow: 0 50px 25px -50px rgba(32, 53, 90, .15), 8px 18px 60px 4px rgba(0, 0, 0, .13)
}

.dropdown-link-2 {
    z-index: 2147483647;
    color: #283338;
    background-color: #fff;
    align-items: center;
    padding: 20px;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative
}

.dropdown-link-2:hover {
    color: #7839f3;
    background-color: rgba(250, 250, 250, .8)
}

.dropdown-link-2.pl-0 {
    padding-left: 0;
    padding-right: 0
}

.dropdown-link-2.giz {
    display: none
}

.navigation-container-3 {
    align-items: center;
    width: 100%;
    max-width: 1300px;
    height: 97%;
    min-height: 70px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.dropdown-pointer {
    position: relative
}

.dropdown-pointer.gizlimenu {
    display: none
}

.mobile-nav.navv {
    justify-content: space-between;
    align-items: center;
    width: 80%;
    display: flex
}

.button-menu {
    background-color: #8c54ff;
    background-image: linear-gradient(92deg, var(--medium-orchid), var(--slate-blue));
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 13px;
    text-decoration: none;
    transition: all .4s ease-out;
    display: flex
}

.button-menu.ind-r {
    background-color: #000;
    background-image: none;
    margin-left: 13px
}

.button-menu.ust-sag {
    color: var(--medium-orchid);
    background-color: #fff;
    background-image: none;
    border-radius: 20px;
    min-height: 38px;
    margin-right: 5%
}

.button-menu.h0 {
    text-transform: capitalize;
    font-size: 1.125rem
}

.button-menu.h0.width-50 {
    background-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg), linear-gradient(92deg, var(--medium-orchid), var(--slate-blue));
    text-transform: capitalize;
    background-position: 0 0, 0 0;
    background-size: cover, auto;
    width: 50%;
    margin-top: 23px;
    margin-bottom: 29px;
    font-size: 1.125rem
}

.button-menu.h0.width-50:hover {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg), linear-gradient(92deg, var(--slate-blue), var(--medium-orchid));
    background-position: 0 0, 0 0;
    background-size: cover, auto
}

.button-menu.h0.width-50.e-imza-butonu {
    width: 77%
}

.button-menu.h0._w-20 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg), linear-gradient(92deg, var(--medium-orchid), var(--slate-blue));
    text-transform: capitalize;
    background-position: 0 0, 0 0;
    background-size: cover, auto;
    width: 20%;
    font-size: 1.125rem
}

.icon-9 {
    width: 100%
}

.icon-9._50 {
    width: 50%
}

.nav-menu-12 {
    color: #283338;
    align-items: center;
    padding-right: 33px;
    font-size: 15px;
    display: flex;
    position: static
}

.navigation-right-2 {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    font-size: 16px;
    display: flex
}

.nav-blog-item {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
    display: flex
}

.icon-10 {
    margin-right: 5px;
    padding-left: 0
}

.nav-link-details {
    color: rgba(40, 51, 56, .6);
    white-space: normal;
    font-size: 14px
}

.navigation-3 {
    z-index: 9;
    background-color: transparent;
    flex-direction: column;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.brand-9 {
    margin-right: 44px
}

.dropdown-wrapper {
    background-color: #fff;
    border-radius: 10px;
    min-width: 140px;
    overflow: hidden;
    box-shadow: 4px -19px 35px rgba(32, 53, 90, .08), 11px 11px 30px -10px rgba(32, 53, 90, .15)
}

.dropdown-wrapper.w--open {
    background-color: #fff;
    border-radius: 15px;
    min-width: 300px;
    max-height: 100vh;
    left: -97px;
    box-shadow: 0 50px 25px -50px rgba(32, 53, 90, .15), 8px 18px 60px 4px rgba(0, 0, 0, .13)
}

.dropdown-link-mobile {
    color: #283338;
    width: 100%;
    padding: 20px 22px 16px;
    font-size: 16px;
    text-decoration: none;
    display: flex
}

.dropdown-link-mobile:hover {
    background-color: #f8faff
}

.dropdown-block {
    z-index: 25;
    color: #283338;
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, .08);
    align-items: center;
    width: 100%;
    padding: 20px;
    font-size: 16px;
    text-decoration: none;
    position: relative
}

.navigation-container-mob {
    align-items: center;
    width: 100%;
    max-width: 1300px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navigation-container-mob.kkk {
    justify-content: space-between
}

.dropdown-title {
    margin-bottom: 2px;
    font-size: 15px
}

.navigation-mob {
    background-color: transparent;
    flex-direction: column;
    align-items: center;
    display: none;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.icon-wrap {
    background-color: rgba(140, 84, 255, .05);
    border-radius: 100px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    display: flex
}

.icon-wrap._10 {
    padding: 8px
}

.icon-wrap._8 {
    padding: 5px 8px
}

.icon-wrap.ccr {
    padding: 0
}

.flowbase-banner {
    height: 64px
}

.card-2 {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 24px;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .06)
}

.card-2.content-center {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    display: flex
}

.separator {
    background-color: #fff;
    width: 80px;
    height: 2px;
    margin-bottom: 15px
}

.instructions-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    margin-top: auto;
    margin-left: -20px;
    display: none;
    position: absolute;
    top: -100px;
    bottom: auto;
    left: auto;
    right: auto
}

.demo-main-text-wrapper {
    z-index: 99;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    width: 500px;
    height: auto;
    margin-top: 100px;
    margin-left: 40px;
    margin-right: 0;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.demo-btn-close-wrapper {
    z-index: 6;
    cursor: pointer;
    border: 2px solid #4d16dd;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    display: flex;
    bottom: 40px;
    right: 35px
}

.demo-btn-close-arrow {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    transform: rotate(45deg)
}

.d-130-image-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.image-70 {
    margin-left: 15px;
    margin-right: 15px
}

.d-130-read-more-link-block {
    border-radius: 7px;
    justify-content: flex-end;
    align-items: center;
    width: 175px;
    height: 50px;
    margin-right: 10px;
    text-decoration: none;
    display: flex;
    position: relative;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2)
}

.demo-btn-close-inner-wrapper {
    background-color: #4d16dd;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex
}

.browser-dot {
    background-color: #fc615d;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    margin-right: 3px
}

.browser-dot.yellow {
    background-color: #fdbc40
}

.browser-dot.green {
    background-color: #35cc4b
}

.close-line-3 {
    background-color: #180c37;
    width: 20px;
    height: 2px;
    position: absolute
}

.close-line-3.rotate {
    background-color: #180c37;
    transform: rotate(90deg)
}

.d-130-writing-icon {
    color: #333;
    display: none
}

.d-130-color-overlay {
    background-color: rgba(186, 67, 252, .7);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.demo-right-arrow-wrapper {
    z-index: 5;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.d-130-month {
    font-size: 32px
}

.demo-p.arrow {
    text-align: left;
    margin-bottom: 10px;
    font-size: 19px;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.demo-p.main {
    text-align: left;
    max-width: 350px;
    margin-right: 60px;
    padding-right: 60px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: block
}

.browser-top {
    z-index: 99;
    background-color: #e2e2e2;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    align-items: center;
    height: 30px;
    padding-left: 15px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.d-130-date {
    color: #fff;
    text-align: center;
    border: 5px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding: 15px;
    font-family: Oswald, sans-serif;
    font-size: 48px;
    line-height: 48px;
    display: flex;
    position: relative
}

.demo-container {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7c1fb4a40ebda76a88b5_services_bg02.jpg), linear-gradient(#e9e9e9, #e9e9e9);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 62vh;
    display: flex;
    position: relative;
    overflow: hidden
}

.demo-container.wrapper.yuzde3 {
    height: 75vh
}

.demo-banner-bottom-2 {
    z-index: 20;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 40px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.demo-arrow-wrapper-2 {
    cursor: pointer;
    background-color: #4d16dd;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    display: flex
}

.demo-arrow-wrapper-2.next {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 10px
}

.interaction-heading-2 {
    color: #180c37;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px
}

.button-31 {
    color: #f4f3ef;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(139deg, rgba(77, 22, 221, .7), rgba(255, 2, 255, .9));
    border-radius: 3px;
    margin-left: 35px;
    margin-right: 15px;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px
}

.button-31.bottom {
    background-image: linear-gradient(139deg, rgba(77, 22, 221, .7), rgba(255, 2, 255, .9));
    margin-left: 20px;
    display: none
}

.d-130-h3-heading {
    color: #333;
    letter-spacing: 1px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 400
}

.demo-wrapper {
    flex-flow: row-reverse;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0%;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.d-130-paragraph {
    color: #333;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block
}

.footer-link-block-2 {
    border: 3px solid rgba(24, 12, 55, .1);
    border-radius: 100px;
    padding: 15px 30px;
    text-decoration: none
}

.text-block-97 {
    color: #333;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    font-weight: 500
}

.demo-heading.h1 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 9px;
    font-family: Open Sans, sans-serif;
    font-size: 20px;
    line-height: 38px;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.demo-heading.h2 {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    display: none
}

.demo-bottom-buttons {
    z-index: 6;
    justify-content: space-between;
    align-items: center;
    display: block;
    position: fixed;
    top: auto;
    bottom: 20px;
    left: 35px;
    right: auto
}

.d-130-right-arrow {
    position: absolute;
    transform: skew(-25deg)
}

.d-130-blog-card-wrapper {
    border: 10px solid #fff;
    border-radius: 14px;
    justify-content: center;
    align-items: flex-start;
    width: 500px;
    height: 421px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    position: relative
}

.demo-close-div-3 {
    justify-content: center;
    align-items: center;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.d-130-arrow-bg {
    background-color: var(--medium-orchid);
    justify-content: flex-end;
    align-items: center;
    width: 150px;
    height: 50px;
    padding-right: 18px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -50%;
    right: 0%;
    transform: skew(25deg)
}

.browser-demo {
    background-color: #1a1a1a;
    background-image: none;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 300px;
    display: none;
    position: relative;
    overflow: hidden
}

.d-130-description-wrapper {
    background-color: #fff;
    border-radius: 11px;
    height: auto;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    position: absolute;
    top: auto;
    bottom: -15%;
    left: 0%;
    right: 0%
}

.d-130-image {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a563be06d7889b86c0c650_imza-slide-2.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150%;
    height: 150%;
    position: absolute
}

.d-130-image._2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b696bd19766e8c6094299b_zaman_damgasi_4_orjinal_2.jpg);
    background-position: 0 100%;
    background-size: cover
}

.d-130-image._3 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b7ea57d523d6a9c1e17730_ww.jpg)
}

.image-71 {
    margin-top: 0;
    margin-right: 0;
    position: relative
}

.features-column {
    text-align: center
}

.features-column._3 {
    margin-top: 100px
}

.features-column._2 {
    margin-top: 50px
}

.button-32 {
    background-color: var(--medium-orchid);
    border-radius: 100px;
    padding: 20px 34px;
    font-size: 15px;
    font-weight: 500;
    transition: background-color .2s
}

.button-32:hover {
    background-color: var(--slate-blue)
}

.button-32.p,
.button-32.p.nav {
    background-color: #7854f7
}

.button-32.p.nav:hover {
    background-color: #4325ac
}

.button-32.mt4 {
    margin-top: 11px
}

.slide-nav-3 {
    background-color: #fff;
    border-radius: 500px;
    max-width: 150px;
    display: none;
    top: 575.901px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .05)
}

.author-image {
    border-radius: 100px;
    width: 50px;
    margin-right: 14px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .14)
}

.link-blue {
    color: #0036e6;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s
}

.link-blue:hover {
    color: #072481
}

.link-blue.padding-20 {
    margin-left: 0;
    padding: 10px 20px
}

.link-blue.padding-20:hover {
    color: #004170
}

.feature-paragraph {
    color: #94a2b3;
    margin-bottom: 20px
}

.text-center-2 {
    text-align: center
}

.testimonial-logo {
    margin-bottom: 25px
}

.page-wrapper-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden
}

.left-arrow-6 {
    background-color: #7854f7;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    padding: 10px;
    font-size: 14px;
    transition: all .2s;
    display: flex;
    top: 17px;
    left: -17px
}

.left-arrow-6:hover {
    transform: translate(-2px)
}

.nav-link-10 {
    color: #272d4e;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    font-weight: 700
}

.quote-content {
    color: #272d4e;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.slider-horizontal {
    z-index: 2;
    background-color: transparent;
    width: 100%;
    height: 100%;
    margin-top: 60px
}

.author-name {
    color: #272d4e;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500
}

.purple__slant-top {
    width: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.purple-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%
}

.purple-decor-1 {
    max-width: 340px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.button-wrapper-3 {
    align-items: center;
    margin-top: 30px;
    display: flex
}

.purple-transition {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0%;
    right: 0%
}

.team-image {
    margin-top: 60px
}

.features {
    padding: 100px 5%
}

.column-left {
    flex: none;
    width: 100%
}

.column-left.leftt {
    text-align: left;
    margin-left: 6%;
    display: block
}

.column-left.leftt.s2 {
    float: none;
    text-align: right
}

.testimonial-decor-2 {
    z-index: 1;
    max-width: 35%;
    position: absolute;
    top: auto;
    bottom: -11%;
    left: -9%;
    right: auto
}

.testimonial-decor {
    z-index: 1;
    max-width: 30%;
    position: absolute;
    top: -13%;
    bottom: auto;
    left: auto;
    right: -5%
}

.testimonial-image-wrap {
    justify-content: center;
    align-items: center;
    width: 40%;
    height: 350px;
    display: flex;
    position: relative;
    overflow: hidden
}

.testimonial-image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.author-job {
    color: rgba(21, 28, 52, .5)
}

.feature-image-wrapper {
    text-align: center;
    position: relative
}

.nav-menu-left {
    margin-left: auto
}

.footer-top-grid-block {
    align-items: center;
    display: flex
}

.slider-mask {
    overflow: visible
}

.footer-top-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, .27);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    padding-bottom: 60px
}

.cta {
    color: #fff;
    background-color: #5f37ef;
    padding: 60px 5%
}

.ix-slide-2 {
    background-color: var(--medium-orchid);
    opacity: .77;
    border-radius: 13px;
    width: 61%
}

.ix-slide-2.bg-yok {
    background-color: transparent;
    width: 100%
}

.play-button-2 {
    position: absolute
}

.navbar-7 {
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: 100px;
    padding: 20px 5%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.brand-10 {
    padding: 15px 0
}

.nav-space {
    height: 100px
}

.purple {
    background-color: var(--medium-orchid);
    background-image: linear-gradient(131deg, var(--medium-orchid), var(--slate-blue));
    color: #fff;
    padding: 150px 5%;
    position: relative;
    overflow: hidden
}

.purple.yuzde0 {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%
}

.sub-heading {
    color: #303030;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

.sub-heading.white {
    color: #fff;
    font-size: 20px
}

.sub-heading.white-color {
    color: #fff;
    text-shadow: 0 7px 6px rgba(0, 0, 0, .33)
}

.sub-heading.white-color.s2 {
    color: #000;
    text-shadow: none
}

.sub-heading.white-color.s2.whitee {
    color: #fff
}

.sub-heading.white-color.bg1.re {
    opacity: .76;
    background-color: transparent;
    border-radius: 14px;
    padding: 10px
}

.purple-image {
    z-index: 1;
    position: relative
}

.hero-image-3 {
    width: 60vw;
    max-width: 620px;
    margin-left: 60px
}

.testimonial-content {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    padding: 20px 75px;
    display: flex
}

.team {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%
}

.height-100px {
    min-height: 100px
}

.features__grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 60px
}

.container-2sss1 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.container-2sss1.nav {
    align-items: center;
    display: flex
}

.container-2sss1._660 {
    max-width: 660px
}

.container-2sss1.flex {
    align-items: center;
    display: flex
}

.ix-slide-3.s2 {
    justify-content: flex-end;
    display: flex
}

.testimonial-card {
    height: 100%;
    display: flex;
    box-shadow: 17px 88px 60px -100px rgba(79, 94, 120, .18), 11px 0 20px -9px rgba(79, 94, 120, .1)
}

.text-block-98 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700
}

.author-block {
    align-items: center;
    margin-top: 25px;
    display: flex
}

.slider-wrapper {
    position: relative
}

.footer-link-3 {
    color: #fff;
    margin-bottom: 20px;
    text-decoration: none;
    display: block
}

.testimonials {
    background-image: linear-gradient(#fff, #e5efff 51%, #fff);
    padding: 100px 5% 150px
}

.testimonials.yuzde0 {
    padding-left: 0%;
    padding-right: 0%
}

.testimonials.yuzde0.p-t-0 {
    background-image: none;
    padding-top: 0;
    padding-bottom: 60px
}

.testimonials.yuzde0.p-t-0.m-60 {
    padding-bottom: 0
}

.hero-2 {
    background-image: none;
    padding: 50px 5%;
    overflow: hidden
}

.ix-slide-1.whiteee {
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .38);
    white-space: normal;
    line-height: 55px
}

.footer-heading {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 700
}

.footer-top-grid-icon {
    width: 30px;
    margin-right: 16px
}

.purple-decor-2 {
    max-width: 430px;
    position: absolute;
    top: -12%;
    bottom: auto;
    left: auto;
    right: -14%
}

.nav-menu-13 {
    flex: 1;
    justify-content: space-between;
    display: flex
}

.footer-6 {
    color: #fff;
    background-color: #7854f7;
    padding: 60px 5%
}

.footer-bottom-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 60px
}

.horizontal-angle {
    z-index: 99;
    object-fit: cover;
    height: 101%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: -2%
}

.right-arrow-9 {
    background-color: #7854f7;
    border-radius: 100px;
    width: 45px;
    height: 45px;
    font-size: 14px;
    transition: all .2s;
    top: 17px;
    right: -17px
}

.right-arrow-9:hover {
    transform: translate(2px)
}

.spiralgrid_container {
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.5rem;
    display: flex
}

.spiralgrid_icon {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35%;
    position: relative
}

.page-padding-2 {
    text-align: center;
    justify-content: space-around;
    align-items: center;
    padding-left: 3rem;
    padding-right: 3rem;
    display: block
}

.spiralgrid_content-border {
    border: 2px solid var(--medium-orchid);
    text-align: center;
    background-color: #f7f7f7;
    border-radius: 100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 350px;
    padding: 1.8rem;
    display: flex
}

.spiralgrid_content-container {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059c_dotted-timeline_top-left.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059b_dotted-timeline_top-right.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059e_dotted-timeline_bottom-right.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059d_dotted-timeline_bottom-left.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059a_dotted-timeline_right-vertical.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b44420599_dotted-timeline_left-vertical.svg);
    background-position: 0 0, 100% 0, 100% 100%, 0 100%, 100%, 0%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y;
    background-size: 50%, 50%, 50%, 50%, 50%, 50%;
    min-width: 25%;
    max-width: 25%;
    height: auto;
    padding: 1.5rem;
    position: relative
}

.spiralgrid_content-container.odd {
    z-index: 3;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059e_dotted-timeline_bottom-right.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059d_dotted-timeline_bottom-left.svg);
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 50%, 50%;
    min-width: 23%;
    margin-top: -5rem;
    margin-bottom: 5rem
}

.spiralgrid_content-container.even {
    z-index: 2;
    background-color: #fff;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059c_dotted-timeline_top-left.svg), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b4442059b_dotted-timeline_top-right.svg);
    min-width: 23%
}

.spiralgrid_content-container.end {
    z-index: 3;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 25%);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.spiralgrid_content-container.end.mobile {
    display: none
}

.spiralgrid_content-container.start {
    z-index: 2;
    background-image: linear-gradient(90deg, #fff 75%, rgba(255, 255, 255, 0)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7192b65d272b44420598_dotted-timeline_blank.svg);
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 50%
}

.spiralgrid_content-container.start.tablet {
    display: none
}

.position_absolute-contain {
    object-fit: contain;
    width: 100%;
    max-width: none;
    height: 100%;
    margin-bottom: 19px;
    padding-top: 0;
    padding-bottom: 18px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.padding-section {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.container-large-2 {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.text-span-3 {
    color: var(--medium-orchid)
}

.div-block-278 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae663b14ea3016ded050e5_Group%206.svg);
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.text-span-4 {
    color: var(--medium-orchid)
}

.column-19 {
    justify-content: flex-end;
    display: flex
}

.bold-text-28 {
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 400
}

.bold-text-29 {
    font-family: Montserrat, sans-serif;
    font-size: 33px;
    font-weight: 400
}

.heading-48,
.bold-text-30 {
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.paragraph-34 {
    padding-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.paragraph-34.centerr.cbt {
    text-align: center;
    padding-bottom: 25px;
    font-size: 22px;
    line-height: 30px
}

.paragraph-34.centerr.cbt.mb-7 {
    margin-bottom: 50px
}

.paragraph-34.mt-4 {
    margin-top: 6%;
    font-size: 22px;
    line-height: 30px
}

.paragraph-34.white.font-25 {
    font-size: 24px;
    line-height: 30px
}

.list-item-2 {
    padding-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.list-item-2.pb-3 {
    color: #fff;
    padding-bottom: 20px;
    font-size: 22px
}

.list-item-3 {
    padding-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.list-item-3.pb-3 {
    color: #fff;
    padding-bottom: 20px;
    font-size: 22px
}

.list-item-4 {
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.list-item-4.pb-3 {
    color: #fff;
    padding-bottom: 20px;
    font-size: 22px
}

.paragraph-35 {
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.paragraph-35.mt-3 {
    margin-top: 31px;
    font-size: 18px;
    line-height: 25px
}

.paragraph-35.mb-3 {
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 25px
}

.paragraph-36 {
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.paragraph-37 {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.list-item-5,
.list-item-6,
.list-item-7,
.list-item-8 {
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.contact-info-button {
    display: block
}

.contact-info-button.white-text {
    color: #fff
}

.contact-info-button.white-text:hover {
    color: rgba(255, 255, 255, .59)
}

.contact-overlay-bar {
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 40px;
    padding-bottom: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.contact-info-title {
    display: inline-block
}

.contact-info-list-item {
    margin-top: 9px;
    margin-bottom: 5px
}

.contact-info-row {
    display: block
}

.contact-info-icon {
    opacity: .7;
    height: 16px;
    margin-top: -2px;
    margin-right: 7px
}

.page-subtitle-2 {
    width: 65%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    display: block
}

.subpage-title-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
    font-weight: 400;
    line-height: 40px
}

.contact-info-column {
    text-align: center
}

.contact-column-left {
    padding-right: 15px
}

.field-label-7 {
    color: #989ba2;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400
}

.contact-map-wrapper {
    border: 0 solid rgba(0, 0, 0, .06);
    border-radius: 20px;
    height: 445px;
    padding: 0;
    overflow: hidden
}

.contact-map-block {
    border: 2px solid #fff;
    border-radius: 10px;
    width: 100%;
    height: 468px
}

.button-33 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-33:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-33.full-submit {
    background-color: var(--medium-orchid);
    width: 100%;
    margin-top: 15px;
    display: block
}

.contact-column-right {
    padding-left: 15px
}

.contact-form-block {
    border: 2px solid rgba(0, 0, 0, .08);
    border-radius: 4px;
    height: 445px;
    margin-bottom: 0;
    padding: 40px
}

.success-message-7 {
    color: #fff;
    background-color: #5ec045;
    border-radius: 5px;
    padding-top: 30px
}

.bold-text-31 {
    color: var(--medium-orchid)
}

.bb {
    background-color: #000
}

.text-span-5,
.bold-text-32,
.bold-text-33 {
    color: var(--medium-orchid)
}

.list-3 {
    color: #fff
}

.container-22222 {
    position: relative
}

.container-22222.hero-container {
    text-align: center
}

.iphone-hero-2 {
    background-color: #353942;
    background-image: linear-gradient(135deg, rgba(53, 57, 66, .8), #2a2e36), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b4e116988bd334a375f700_Arge_01-web.jpg);
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    padding-top: 200px;
    padding-bottom: 130px;
    overflow: hidden
}

.iphone-hero-2.ccr-banner {
    background-image: linear-gradient(135deg, rgba(53, 57, 66, .44), rgba(42, 46, 54, .89)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abf0d3032d0b717c273ae7_web-bg.jpg);
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
    background-attachment: scroll, fixed
}

.button-34 {
    background-color: var(--medium-orchid);
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 20px;
    margin-top: 20px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 1.125rem;
    font-weight: 400;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-34:hover {
    background-color: var(--slate-blue);
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-34.icon-button {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abd1d3cef72ca3428eb8b6_Icon-download.png);
    background-position: 21px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-top: 10px;
    padding-left: 51px
}

.button-34.icon-button.download {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abd1d3cef72ca3428eb8b6_Icon-download.png)
}

.button-34.icon-button.download.green {
    margin-top: 30px
}

.button-34.btn-white {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #fff
}

.hero-mockup-image-2 {
    width: 455px;
    position: absolute;
    top: -68px;
    right: 30px
}

.hero-mockup-image-2.sim {
    width: 52%;
    top: -2%;
    right: -15%
}

.container-23 {
    position: relative
}

.info-column.gizzz {
    display: none
}

.info-row {
    margin-top: 20px
}

.info-icon {
    float: left;
    height: 17px;
    margin-top: 4px;
    margin-bottom: 10px;
    margin-right: 8px
}

.info-title {
    margin-bottom: 13px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px
}

.devices-mockup-right {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc67dba1d1588f813a8_banner-02.jpg);
    background-position: 0%;
    background-size: cover;
    height: 565px;
    position: absolute;
    top: -50px;
    right: -450px
}

.info-block-left {
    width: 56%
}

.info-block-left._100 {
    width: 100%
}

.info-block-2 {
    float: left;
    width: 97%
}

.section-title-5 {
    margin-top: 0;
    font-size: 46px;
    font-weight: 300;
    line-height: 39px
}

.container-24 {
    position: relative
}

.container-24.testimonial-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.testimonial-name {
    color: #1f6fff;
    font-size: 18px;
    font-weight: 700
}

.testimonial-name.green {
    color: #5ec045
}

.testimonial-name.subtitle {
    color: #b3b3b3;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px
}

.testimonial-info-block {
    margin-top: 20px
}

.testimonial-quote {
    font-size: 19px;
    font-weight: 300;
    line-height: 29px
}

.testimonial-block {
    padding-left: 200px;
    padding-right: 40px;
    position: relative;
    left: 0;
    right: 0;
    overflow: visible
}

.testimonial-slider {
    background-color: transparent;
    height: 200px
}

.section-140 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.testimonial-slide {
    flex-flow: row;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
    position: relative
}

.testimonial-image-2 {
    border-radius: 4px;
    width: 140px;
    height: 140px;
    margin-top: 8px;
    position: absolute;
    top: 0;
    left: 0
}

.testimonial-slider-arrow {
    color: #000;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    margin-right: 30px;
    font-size: 15px;
    transition: border .2s, background-color .2s
}

.testimonial-slider-arrow:hover {
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent
}

.container-25 {
    position: static
}

.section-141 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-141.tint {
    background-color: #f5f5f5
}

.section-141.tint.overflow-none.bg-dark.zzz {
    z-index: 4;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
    background-position: 0 0;
    background-size: cover;
    margin-bottom: -2px;
    padding-bottom: 38px
}

.section-141.tint.overflow-none.bg-dark.zzz.m-gi {
    display: block
}

.info-block-3 {
    float: left;
    width: 97%
}

.section-title-6 {
    margin-top: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 39px
}

.section-title-6.centerr {
    color: #000;
    text-align: center;
    font-size: 45px;
    line-height: 50px
}

.section-title-6.centerr.white.c {
    margin-top: 21px;
    padding-top: 36px;
    font-size: 45px;
    line-height: 46px
}

.section-title-6.centerr.white.ww {
    color: #fff
}

.device-mockup-left {
    height: 560px;
    position: absolute;
    top: -150px;
    left: -80px
}

.device-mockup-left._0 {
    border-radius: 17px;
    position: static;
    top: 0
}

.device-mockup-left._0.ll {
    width: 48%;
    height: auto
}

.device-mockup-left._0.ygyg {
    max-width: none;
    height: auto;
    margin-top: 48px
}

.container-26 {
    position: relative
}

.section-142 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-142.app-info-section {
    background-color: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 60px
}

.section-142.app-info-section.z-9 {
    z-index: 999
}

.info-block-right {
    float: right;
    width: 50%
}

.info-block-right.app-info {
    margin-top: 30px;
    margin-bottom: 30px
}

.info-block-right.app-info.w1000 {
    width: 100%
}

.info-block-right.app-info.mobile-gizle.gizz {
    display: block
}

.button-35 {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #1f6fff;
    border-radius: 3px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-35:hover {
    color: #fff;
    background-color: #0b4fc9;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.button-35.icon-button {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abd1d3cef72ca3428eb8b6_Icon-download.png);
    background-position: 21px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-top: 10px;
    padding-left: 51px
}

.button-35.icon-button.download {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abd1d3cef72ca3428eb8b6_Icon-download.png)
}

.button-35.icon-button.download.green {
    margin-top: 30px
}

.section-title-7 {
    margin-top: 0;
    font-size: 46px;
    font-weight: 300;
    line-height: 39px
}

.section-title-7.large {
    line-height: 47px
}

.small-paragraph-3 {
    color: #838383;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
}

.container-27 {
    position: relative
}

.section-143 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.section-143.bottom-space {
    padding-bottom: 150px
}

.section-143.bottom-space.gizlerrr {
    display: block
}

.section-title-8 {
    margin-top: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 39px
}

.div-block-279 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b7cc343cd5dc368f78e2a6_c2s_adam.png);
    background-position: 90%;
    background-repeat: repeat-x;
    background-size: contain;
    border-radius: 16px;
    width: 100%;
    height: 559px
}

.div-block-279.mresim.smartcard {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ac00e1304942f11979a271_1920x1080_3.png)
}

.div-block-279.mresim.ccr-ilk-resim {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64bf6b67f568407726b1572a_ccr_adam.png);
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    justify-content: center;
    align-items: center;
    display: flex
}

.info-block-4 {
    float: left;
    width: 97%
}

.info-block-4.margin-left.mb-3 {
    margin-bottom: 10px
}

.info-block-4.margin-left.mb-3.ss {
    font-family: Montserrat, sans-serif
}

.info-block-4.margin-left.mb-3.ss.pt-3 {
    font-weight: 300
}

.info-block-4.mb-3 {
    margin-bottom: 10px
}

.info-block-4.mb-3.ss.giiz,
.info-block-4.gizz {
    display: none
}

.info-title-2 {
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 700
}

.info-title-2.ss {
    color: #000;
    margin-bottom: 21px;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px
}

.info-title-2.ss.ew {
    margin-bottom: 10px;
    font-size: 18px
}

.info-title-2.ss.ew.cc {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500
}

.pl {
    padding-left: 25px;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.pl._21 {
    margin-bottom: 21px
}

.text-span-6,
.text-span-7 {
    font-size: 12px
}

.section-144 {
    margin-top: 52px
}

.section-144.ccr-siyah-alan.bg-dark.mt {
    margin-top: -4%;
    margin-bottom: -5%;
    padding-top: 1%;
    padding-bottom: 5%
}

.section-144.ccr-siyah-alan.bg-dark.mt.www {
    margin-bottom: -7%
}

.client-logo-2 {
    opacity: 1;
    mix-blend-mode: screen;
    height: 104px;
    transition: opacity .2s
}

.client-logo-2:hover {
    opacity: 1
}

.container-28 {
    position: relative
}

.section-description-2 {
    margin-top: 30px;
    font-size: 21px;
    font-weight: 300;
    line-height: 27px
}

.section-title-9 {
    margin-top: 0;
    font-size: 46px;
    font-weight: 300;
    line-height: 39px
}

.section-title-9.serh {
    font-size: 32px;
    font-weight: 400
}

.footer-row-bottom {
    margin-bottom: 50px
}

.container-29 {
    position: relative
}

.dark-bottom-footer {
    color: #6d7077;
    background-color: #181a1d;
    padding-top: 0;
    padding-bottom: 55px
}

.small-footer-title {
    color: #fff;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 700
}

.dark-footer-link {
    color: #6d7077;
    margin-bottom: 7px;
    text-decoration: none;
    display: block
}

.dark-footer-link:hover {
    color: #fff
}

.footer-column-2 {
    padding-right: 30px
}

.footer-inline-link {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-right: 15px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block
}

.footer-inline-link:hover {
    color: rgba(255, 255, 255, .4)
}

.container-30 {
    position: relative
}

.footer-social-icon {
    text-align: center;
    background-color: #4a4f53;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    margin-top: -2px;
    margin-right: 5px;
    padding-top: 5px;
    transition: background-color .2s
}

.footer-social-icon:hover {
    background-color: #1f6fff
}

.footer-logo-2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;
    line-height: 17px
}

.footer-logo-2.subtitle {
    opacity: .5;
    text-transform: none;
    font-size: 11px;
    font-weight: 400
}

.footer-menu-column {
    text-align: right;
    margin-top: 11px
}

.simple-footer {
    z-index: 4;
    background-color: #2a2d30;
    padding-top: 45px;
    position: relative
}

.footer-social-col-right {
    text-align: right
}

.simple-bottom-footer {
    color: #979da5;
    background-color: #424549;
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 32px
}

.link-7 {
    color: #a0a6ae
}

.link-8 {
    color: #a1a6ae;
    margin-right: 5px
}

.link-9 {
    color: #9fa5ad;
    margin-right: 5px
}

.link-10 {
    color: #a2a8af
}

.link-11 {
    color: #a1a6ae
}

.bold-text-34 {
    font-size: 10px;
    font-weight: 500
}

.pwhite {
    color: #fff;
    text-align: center
}

.paragraph-39 {
    font-size: 20px;
    font-weight: 300
}

.bold-text-35,
.bold-text-36,
.bold-text-37,
.bold-text-38 {
    font-weight: 600
}

.contact-info-block {
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 4px;
    height: auto;
    padding: 45px 45px 0
}

.contact-info-block._69 {
    border-style: none;
    width: 69%
}

.contact-info-block._69._45 {
    padding-top: 0
}

.field-label-8 {
    color: var(--333);
    text-transform: capitalize;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400
}

.contact-info-small-block {
    margin-bottom: 30px
}

.form-title {
    text-align: center;
    margin-top: 0;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 34px
}

.form-title.subtitle {
    text-transform: none;
    margin-top: 13px;
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.contact-info-block-right {
    float: right;
    width: 35%
}

.container-31 {
    position: relative
}

.container-31.container-22223.v.cv {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.white-contact-form {
    float: left;
    color: #000;
    text-align: left;
    text-transform: capitalize;
    background-color: #fff;
    border: 1px rgba(0, 0, 0, .25);
    border-radius: 4px;
    width: 60%;
    height: auto;
    margin-bottom: 0;
    padding: 35px 45px
}

.white-contact-form._100 {
    border-radius: 14px;
    width: 100%
}

.small-contact-info-title {
    opacity: .6;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 9px;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 500
}

.button-36 {
    background-color: var(--medium-orchid);
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 20px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-36:hover {
    background-color: var(--slate-blue);
    color: #fff;
    text-transform: capitalize;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.field-4 {
    background-color: rgba(255, 255, 255, .2);
    border: 0 solid #000;
    border-radius: 4px;
    height: 50px;
    transition: background-color .2s
}

.field-4:hover,
.field-4:focus {
    background-color: #fff
}

.field-4.rounded {
    background-color: #f2f3f7;
    border-radius: 17px;
    height: 40px;
    transition: background-color .2s, box-shadow .2s
}

.field-4.rounded:hover {
    background-color: #dfe1e7
}

.field-4.rounded:focus {
    color: #000;
    background-color: #fff;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, .2)
}

.field-4.rounded.area {
    height: 100px
}

.contact-info-description {
    color: #000;
    border: 1px #000;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none
}

.contact-info-description.beyaz.cente {
    text-align: center
}

.success-message-8 {
    color: #fff;
    background-color: #5ec045;
    border-radius: 5px;
    padding-top: 30px
}

.form-3 {
    text-transform: none
}

.menu-text {
    font-size: 12px
}

.text-span-8 {
    background-color: var(--medium-orchid);
    background-image: linear-gradient(99deg, var(--medium-orchid), var(--slate-blue))
}

.text-span-8.text-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500
}

.col-1-top {
    margin-top: 10%
}

.right {
    text-align: right
}

.right.cc-9-right {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 5%;
    display: flex
}

.cnt {
    text-align: center
}

.image-72 {
    max-width: 50%
}

.ccr-4 {
    margin-top: 15%
}

.ccr-4.mt-4 {
    margin-top: 5%
}

.ccr-4.mobil-gizle {
    display: none
}

.ccr-5 {
    background-image: linear-gradient(92deg, var(--medium-orchid), var(--slate-blue));
    border-radius: 7px;
    width: 60%;
    padding: 10px
}

.ccr-5.ccr-8 {
    text-align: center;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    display: block
}

.ccr-5.ccr-8._40 {
    width: 40%
}

.ccr-7,
.mt-4 {
    margin-top: 5%
}

.mt-4.ab-left {
    text-align: center;
    position: absolute;
    top: 18%;
    bottom: auto;
    left: 0%;
    right: auto
}

.mt-4.ab-left.dddd {
    top: 10%
}

.slide-list {
    color: #fff
}

.list-4 {
    padding-bottom: 10px
}

.text-span-9 {
    color: var(--medium-orchid)
}

.text-span-10 {
    color: var(--medium-orchid);
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.bold-text-39 {
    color: var(--medium-orchid);
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 38px
}

.bold-text-40 {
    font-size: 38px;
    line-height: 55px
}

.bold-text-41 {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.bold-text-42 {
    font-size: 38px;
    line-height: 55px
}

.bold-text-43 {
    color: var(--medium-orchid);
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 38px
}

.bold-text-44 {
    font-size: 38px
}

.play-icon {
    width: 26%;
    position: absolute;
    top: auto;
    bottom: 4%;
    left: 1%;
    right: auto
}

.slide-44 {
    color: var(--333)
}

.slide-44.sss {
    background-color: var(--333);
    color: var(--medium-orchid);
    padding-left: 10px;
    padding-right: 10px
}

.text-span-13 {
    color: var(--medium-orchid)
}

.blocks-row {
    margin-bottom: 20px
}

.color-block {
    color: #8f8f8f;
    text-align: left;
    background-color: #fff;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    padding: 32px;
    text-decoration: none;
    transition: transform .2s;
    display: flex;
    position: relative;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1)
}

.color-block-title {
    z-index: 10;
    color: #000;
    margin-bottom: 17px;
    font-size: 19px;
    font-weight: 400;
    position: relative
}

.color-block-title.cc {
    text-align: center
}

.color-block-paragraph {
    z-index: 10;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 19px;
    position: relative
}

.color-block-icon {
    z-index: 1;
    opacity: 1;
    height: 40px;
    position: absolute;
    top: 18px;
    right: 30px
}

.color-block-icon.ff {
    display: none
}

.mb-6 {
    margin-bottom: 75px
}

.mb-6.mt-00 {
    margin-bottom: 0
}

.mb-6.mt-00.oo,
.mb-6.muhur {
    align-items: center;
    display: flex
}

.section-146 {
    height: 50px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.top-tel {
    background-color: var(--333);
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 5px;
    display: flex
}

.tel-icon {
    padding-top: 10px;
    padding-bottom: 10px
}

.tel-number {
    color: #fff;
    padding-left: 20px;
    padding-right: 10%;
    text-decoration: none
}

.column-20 {
    height: 20px
}

.col-2 {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.columns-16 {
    padding-left: 3%
}

.c-game-btn {
    width: 55%;
    padding-right: 2%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.c-phone-content {
    padding-top: 5%;
    padding-bottom: 5%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

._w-phone-right-col {
    flex-direction: column;
    height: 100%;
    display: flex
}

.phone-btm-nav {
    width: 283px;
    max-width: 103%;
    margin-left: -2%
}

.c-phone-indicator {
    z-index: 10;
    text-align: center;
    background-color: #fff;
    padding-bottom: 10px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.c-phone-btm-nav {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.phone-item-details {
    margin-bottom: 7px;
    font-size: 22px;
    line-height: 30px
}

.c-phone-left-col {
    width: 50%;
    position: -webkit-sticky;
    position: sticky;
    top: 4vh
}

.c-content-scroll {
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

._w-content-scroll,
._w-phone-indicator {
    position: relative
}

.c-phone-right-col {
    width: 50%;
    height: 100%
}

._w-phone-left-col {
    justify-content: flex-start;
    align-items: center;
    margin-top: 15%;
    display: flex
}

._w-phone-frame {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.c-phone-section {
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    display: flex
}

.c-phone-item-title {
    margin-bottom: 10px
}

.c-phone-section-item {
    margin-bottom: 100px
}

.c-phone-section-item._4 {
    margin-bottom: 0
}

._w-phone-content {
    width: 87%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

._w-section-phone {
    align-items: flex-start;
    width: 100%;
    max-width: 980px;
    height: 500vh;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    display: flex
}

.phone0item-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 34px;
    line-height: 43px
}

.phone0item-title._3lu-bottom {
    margin-bottom: 20px;
    font-weight: 500
}

._w-phone-btm-nav {
    background-color: transparent
}

.c-trigger-get-btn {
    flex: 1
}

.c-phone-frame {
    width: 50%
}

.phone-frame {
    z-index: 100;
    position: relative
}

.content-scroll {
    width: 100%
}

._w-phone-section {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.ceramic-shield {
    z-index: 3;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ceramic-shield-3 {
    z-index: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.navbar_logo-link {
    cursor: pointer;
    margin-right: 2rem;
    padding-left: 0;
    display: none
}

.navbar_logo-link:hover {
    text-decoration: underline
}

.durable-part-2 {
    z-index: 2;
    background-color: #f5f5f8;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ceramic-shield-image {
    object-fit: cover;
    width: auto;
    height: 100%;
    margin-bottom: 0
}

.color {
    background-color: #b9cfe4;
    border: 2px solid #fff;
    border-radius: 100rem;
    align-self: flex-start;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem
}

.color:hover {
    box-shadow: 1px 1px 20px -3px rgba(0, 0, 0, .23)
}

.color._2nd {
    background-color: #e7bce0
}

.color._3rd {
    background-color: #303030;
    margin-right: 0
}

.ceramic-shield-text {
    flex-direction: row;
    align-self: auto;
    align-items: flex-start;
    margin-left: -4%;
    display: flex
}

.ceramic-shield-text.mobil-icin-gizle {
    display: none
}

.icon-holder {
    object-fit: contain;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    margin-right: 0;
    display: flex
}

.color-text {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.color-text.black,
.color-text.pink {
    display: none
}

.sub-navbar-link {
    color: #fff;
    cursor: pointer;
    padding: .5rem 1rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1rem
}

.sub-navbar-link:hover {
    color: var(--medium-orchid);
    text-decoration: none
}

.sub-navbar-link.w--current {
    color: var(--medium-orchid);
    position: static;
    top: 0%;
    bottom: auto;
    left: 20%;
    right: auto
}

.sub-navbar-link.button {
    color: #fff;
    background-color: #155bff;
    border-radius: 1000px;
    font-weight: 500;
    transition: all .2s
}

.sub-navbar-link.button:hover {
    background-color: #0e3ba5
}

.sub-navbar-link.button.ssss {
    background-color: var(--medium-orchid);
    min-height: 35px
}

.sub-navbar-link.button.ssss.ml-5 {
    background-color: rgba(65, 51, 73, 0);
    border: 1px solid #ba43fc;
    margin-left: 20px
}

.sub-navbar-link.mar-0 {
    align-self: flex-start;
    margin-bottom: -1%;
    margin-left: -4%;
    margin-right: 15%;
    padding-top: .125rem
}

.sub-navbar-link.mar-0.w--current {
    margin-left: -4%;
    display: none
}

.sub-navbar-link.mar-0.giz {
    display: none
}

.sub-navbar-link.m-0 {
    align-self: flex-start;
    margin-bottom: -1%;
    margin-left: -4%;
    margin-right: 0;
    padding-top: .125rem;
    display: none
}

.sub-navbar-link.m-0.w--current {
    align-self: flex-start;
    margin-bottom: 1%;
    margin-left: -4%;
    padding-top: .125rem
}

.sub-navbar-link.m-0.giz {
    display: none
}

.sub-navbar-link.white {
    color: #fff
}

.spills-2 {
    z-index: 2;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.iphone-camera-3 {
    z-index: 1;
    object-fit: cover;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    justify-content: flex-end;
    align-self: flex-end;
    width: 90%;
    height: 90%;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.section_iphone-grid {
    background-color: transparent;
    border: 0 #000;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
    overflow: hidden
}

.section_iphone-grid.mobile-hidden.gizlermisin {
    display: none
}

.image-73 {
    object-fit: contain;
    align-self: flex-start;
    height: 100%
}

.spills {
    z-index: 3;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.container-large-3 {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.wallpaper-2 {
    z-index: 2;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    height: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.iphone-camera {
    z-index: 3;
    object-fit: cover;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c282103f0e2c7f2104c3c7_wwwwww.png);
    background-position: 0 0;
    background-size: cover;
    justify-content: flex-end;
    align-self: flex-end;
    width: 90%;
    height: 90%;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.slider-nav-custom {
    background-color: transparent;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 14%;
    left: 0%;
    right: 0%
}

.slider-nav-custom._1 {
    margin-top: 1.2rem;
    bottom: 5%;
    left: 14%
}

.margin-top-2 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none
}

.margin-top-2.margin-medium {
    position: absolute;
    top: auto;
    bottom: 4%;
    left: 0%;
    right: 0%
}

.slider-item {
    background-color: #f5f5f8;
    border-radius: 1.5rem;
    width: auto;
    height: auto;
    padding: 2rem 1.5rem;
    position: relative;
    overflow: hidden
}

.slider-item.flex-horizontal {
    border: 1px #000;
    justify-content: space-around;
    align-items: center;
    height: 20rem;
    padding: 0 1.5rem;
    text-decoration: none;
    display: flex
}

.slider-item.flex-horizontal.flex-vertical {
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 20rem;
    position: relative
}

.slider-item.flex-horizontal.right-aligned {
    justify-content: flex-end;
    height: 20rem
}

.slider-item.colors-item {
    height: 320px;
    text-decoration: none
}

.slider-item.first {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.slider-item.cennter {
    text-align: center;
    align-items: center;
    display: flex
}

.slider-item.cennter.teslimat-bolumu {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.slider-item.cennter.teslimat-bolumu.bg-nonne {
    background-color: transparent
}

.slider-item.cennter.teslimat-bolumu.bg-nonne.pb-1 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0
}

.slider-item.cennter.mr-1 {
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    display: flex
}

.slider-item.cennter.yeni-clum {
    border-radius: 1.1rem;
    align-items: center;
    width: 51%;
    margin-bottom: 10px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex
}

.slider-item.cennter.yeni-clum.bgnone {
    background-color: transparent;
    padding-left: 0
}

.slider-item.cennter.yeni-clum.bgnone {
    background-color: transparent;
    padding-top: 1rem;
    padding-left: 0
}

.slider-item.cennter.yeni-clum.bgnone._w-100 {
    width: 100%
}

.slider-item.cennter.yeni-clum.bgnone._w-100.leftt {
    text-align: left
}

.slider-item.cennter.yeni-clum.bgnone._55 {
    text-align: left;
    width: 100%
}

.slider-item.cennter.cc {
    justify-content: center
}

.slider-item.no-back {
    background-color: transparent
}

.slider-item.no-back.pl-0.p-0 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.slider-item.no-back.pl-0.p-0._18 {
    font-size: 18px
}

.second-iphone {
    z-index: 2;
    justify-content: center;
    align-items: center;
    height: 90%;
    padding: 0 4.3rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.navbar_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 75rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.text-size-large-2 {
    color: var(--333);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none
}

.text-size-large-2.text-align-center.extra-top-margin {
    margin-top: 0;
    font-size: 3rem
}

.spills-3 {
    z-index: 1;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.durable-part {
    z-index: 3;
    background-color: #f5f5f8;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.first-iphone {
    z-index: 3;
    object-fit: contain;
    justify-content: center;
    align-items: flex-start;
    height: 90%;
    padding: 0 4rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.text-size-medium-2 {
    font-size: 1.25rem
}

.text-size-medium-3 {
    text-transform: none;
    font-size: 1.25rem
}

.text-size-medium-3.text-color-grey {
    color: var(--333);
    padding-bottom: 0
}

.text-size-medium-3.text-color-grey.text-align-center {
    z-index: 100;
    text-decoration: none;
    position: static
}

.text-size-medium-3.text-align-center.text-color-grey.p-2 {
    padding-left: 5px;
    padding-right: 5px
}

.image-class {
    text-align: right;
    justify-content: space-between;
    align-self: flex-end;
    align-items: flex-end;
    height: auto;
    margin-top: 12%;
    margin-bottom: auto;
    display: flex;
    position: static;
    top: 21%;
    bottom: auto
}

.icon-11 {
    color: #e2dfdf;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 22px;
    display: flex
}

.durable-part-3 {
    z-index: 1;
    background-color: #f5f5f8;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.navbar_link {
    color: #fff;
    cursor: pointer;
    margin-left: .3rem;
    margin-right: .3rem;
    padding: .5rem .2rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400
}

.navbar_link:hover {
    color: var(--medium-orchid);
    text-decoration: none
}

.navbar_link.w--current {
    color: var(--medium-orchid);
    cursor: pointer
}

.navbar_link.white {
    color: #fff
}

.navbar_link.moor {
    color: #361861
}

.navbar_link.moor.sdddd {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.navbar_link.moor.sdddd.black,
.navbar_link.moor.black {
    color: #fff
}

.navbar_menu {
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    display: flex
}

.navbar_menu.sub {
    margin-bottom: 1rem
}

.navbar_menu.alt-menu {
    justify-content: flex-start
}

.third-iphone {
    z-index: 1;
    justify-content: center;
    align-items: center;
    height: 90%;
    padding: 0 4rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.sub-navbar_container {
    border-bottom: 1px #e2dfdf;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 75rem;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: flex
}

.links-wrapper.lef {
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0%;
    display: flex
}

.image-74 {
    width: auto;
    height: 60%
}

.image-74._74 {
    max-width: none;
    height: 18%;
    margin-top: 0%;
    display: block;
    position: relative;
    overflow: visible
}

.image-74._74._75.xxx {
    width: 47%;
    max-width: 46%
}

.image-74._74._677.ss {
    margin-top: 27%
}

.image-74._74._677.simkart {
    max-width: 73%;
    margin-top: 36%
}

.image-74._74._677.dfr {
    max-width: 88%
}

.image-74._74.rf {
    height: auto
}

.image-74._74.yy {
    height: 6%
}

.navbar_component {
    z-index: 1000;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #303030;
    border-bottom: 1px #3f54f7;
    align-items: center;
    height: auto;
    min-height: 3rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
    top: 0
}

.navbar_component.mobile-hidden {
    z-index: 3;
    background-color: rgba(255, 255, 255, 0)
}

.navbar_component.mobile-hidden.bg-wwi {
    background-color: #fff;
    border-bottom-color: rgba(35, 22, 68, .56);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.ceramic-shield-2 {
    z-index: 2;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.durable-text {
    width: auto;
    margin-left: 1rem;
    text-decoration: none;
    position: static;
    top: 5%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    grid-template: ".""."/1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: stretch;
    justify-content: stretch;
    align-items: stretch;
    justify-items: stretch;
    width: 100%;
    height: auto;
    padding: 2rem;
    display: grid
}

.grid-2.size-uygun {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
}

.heading-49 {
    align-self: auto;
    margin-right: 1rem
}

.sub-navbar {
    z-index: 900;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .7);
    border-bottom: 1px solid #e2dfdf;
    align-items: center;
    height: auto;
    min-height: auto;
    padding: 1rem 5% 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.sub-navbar.mobile-hidden {
    z-index: 9999;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0);
    border-bottom-style: none;
    padding-bottom: 1rem;
    top: 50px
}

.icons-wrapper {
    justify-content: space-around;
    margin-left: 0;
    display: flex
}

.wallpaper {
    z-index: 3;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    height: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    display: flex;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.navbar_menu-button {
    padding: 0
}

.wallpaper-3 {
    z-index: 1;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    height: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.iphone-camera-2 {
    z-index: 2;
    object-fit: cover;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    justify-content: flex-end;
    align-self: flex-end;
    width: 90%;
    height: 90%;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.section-147 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

.section-147.lk.mb-5 {
    margin-bottom: 65px
}

.section-147.block-1.ttt.giz {
    display: none
}

.section-147.block-1.ozellik-beyaz {
    z-index: 4
}

.section-147.block-1.zzz {
    z-index: 9999999
}

.section-147.block-1.zzz.bg-w {
    z-index: 4;
    background-color: #fff
}

.section-147.block-1.is-bg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 0 0;
    background-size: auto
}

.section-147.block-1.is-bg.gg {
    padding-bottom: 5%
}

.section-147.block-1.is-bg.gg.pb-0 {
    padding-bottom: 0%
}

.section-147.block-1.is-bg.gg.pb-0.no-bg {
    background-image: none;
    background-position: 0 0;
    background-size: auto
}

.section-147.block-7.is {
    margin-bottom: 10%
}

.section-147.block-7.is.mb-0 {
    margin-bottom: 0%
}

.section-147.block-7.is.mb-0.bgg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 0 0;
    background-size: auto
}

.section-147.yyyyyy {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex
}

.section-147.z-9999 {
    z-index: 4;
    background-color: #fff
}

.section-147.z-9999._99 {
    z-index: 99999
}

.section-147.z-9999._99.bg-w {
    z-index: 4
}

.section-147.z-9999._99.bg-w.jjjj {
    margin-bottom: 60px
}

.section-147.e-imza {
    z-index: 4;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 0 0;
    background-size: auto
}

.feature_wrap {
    padding-top: 66px;
    padding-bottom: 106px
}

.feature_wrap.pb-50 {
    padding-bottom: 50px
}

.feature_wrap.p-0 {
    padding-top: 20px;
    padding-bottom: 0
}

.feature_wrap.pd-0 {
    padding-bottom: 0
}

.feature_wrap.mobile-padd.padddin {
    padding-bottom: 2%
}

.feature_wrap.p-t-00.padd {
    padding-bottom: 0%
}

.feature_wrap.centter {
    text-align: center;
    justify-content: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.feature_wrap.imzaa {
    padding-bottom: 0
}

.feature_wrap.mobile-padd.l {
    padding-top: 20px
}

.feature_wrap.mobile-padd {
    padding-bottom: 25px
}

.feature_wrap.mobile-padd.p-o {
    padding-top: 0
}

.feature_wrap.mobile-padd.pp {
    align-items: flex-start;
    padding-bottom: 63px;
    display: block
}

.feature_image {
    width: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.feature_image._3.hei {
    text-align: center;
    width: auto;
    max-width: 100%;
    height: 98%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.feature_image._3.hei.ableft {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.feature_image._3.hei.ableft._100 {
    height: auto
}

.feature_image._3.hei.ableft._100.mobile-hidden.uhgr {
    width: 100%;
    margin-top: 19%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat {
    width: 100%;
    margin-top: 22%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.sss {
    width: 40%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.sss.fd {
    width: 100%;
    margin-top: 31%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek {
    width: 100%;
    margin-top: 17%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0 {
    width: 59%;
    margin-top: -12%;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70 {
    width: 70%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.blok-4 {
    margin-top: 15%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.blok-4.gizleeee {
    display: none
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.blok-4._0000 {
    margin-top: 10%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.blok-4._0000.yy {
    width: 53%;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.bn {
    margin-top: 6%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.bn._0000 {
    margin-top: 0;
    position: static
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88 {
    width: 75%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67 {
    width: 71%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67._00 {
    margin-top: 0%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67._00.bm {
    margin-top: 11%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67._00.bm.yy {
    width: 56%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.ac {
    display: none
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.bh {
    margin-top: -4%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.bh.hgf {
    margin-top: 0%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.bh.hgf.ll {
    width: 46%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.statik {
    width: 42%;
    margin-top: 0%;
    position: static
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek._w-50 {
    width: 50%
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek._w-50.edee {
    display: block;
    position: static
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.ll.ac {
    display: none
}

.feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.ll.vbv {
    width: 79%;
    margin-top: 0%
}

.feature_image._3.hei.ableft._100.mobile-hidden.muhur-gorsel {
    width: 100%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.feature_image._3.hei.ableft._100.mugur-mobile {
    display: none
}

.feature_image._3.hei.zamann {
    height: auto;
    top: 16%
}

.feature_image._3.hei.zamann.mobile-hidden.damga-gorsel {
    width: 100%;
    top: 12%;
    bottom: auto;
    left: auto;
    right: 10%
}

.feature_image._3.hei.zamann.zaman-mobile {
    display: none
}

.feature_image._3.hei.mobile-hidden {
    width: 70%;
    height: auto;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.feature_image._3.hei.mobile-hidden.eimza-mobile {
    display: none
}

.feature_image._3.hei.mobile-hidden.fiyat {
    width: 100%;
    margin-top: 10%
}

.feature_image._3.hei.c2ss {
    height: auto
}

.feature_image._3.hei.c2ss.ccr-1.ds.wit70 {
    width: 70%;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.feature_image._3.hei.goruntulu {
    height: auto;
    right: -8%
}

.feature_image._3.hei.gecis._100 {
    height: auto;
    margin-top: 15%
}

.feature_image._3.hei.gecis._100.iss {
    position: static
}

.feature_image._3.hei.gecis._100.iss.gorsel-gizle {
    display: block
}

.feature_image._3.hei.gecis.center.cc {
    position: static
}

.feature_image._3.hei.gecis.ri {
    top: 0%;
    bottom: 0%;
    left: auto;
    right: -34%
}

.feature_image._3.hei.gecis.new-images-1 {
    z-index: -1;
    width: 118%;
    max-width: none;
    height: auto;
    margin-top: 15%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.feature_image._3.hei.gt {
    height: auto;
    top: 13%
}

.feature_image._3.hei.gt.ust.size-uygun {
    width: 70%;
    height: auto;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.feature_image._3.hei.gt.ust.size-uygun.ios {
    width: 66%
}

.feature_image._3.hei.gt.ust.size-uygun.ios.mob._w-1000 {
    width: 80%
}

.feature_image._3.hei.gt.ust.size-uygun.uy {
    display: none
}

.feature_image._3.hei.gt.ust.size-uygun.ww {
    width: 100%
}

.feature_image._3.hei.gt.ust.size-uygun.ww.gtgt {
    width: 52%
}

.feature_image._3.hei.gt.ust.size-uygun.w100 {
    width: 100%;
    margin-top: 35px
}

.feature_image._3.hei.gt.ust.size-uygun.w100.z {
    width: 80%
}

.feature_image._3.hei.gt.ust.size-uygun.w100.acc {
    display: none
}

.feature_image._3.hei.gt.ust.size-uygun.w100._0000 {
    margin-top: 0;
    position: static
}

.feature_image._3.hei.gt.ust.size-uygun._50 {
    width: 52%
}

.feature_image._3.hei.ab-left {
    height: 98%;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.feature_image._3.hei.ab-left.l {
    height: 100%
}

.feature_image._3.hei.ab-left.l.ii {
    width: 70%;
    height: auto
}

.feature_image._3.hei.ab-left.no-ab {
    display: none
}

.feature_image._3.hei.ab-left.eerr {
    height: auto
}

.feature_image._3.hei.ab-left.eerr.s {
    position: static
}

.feature_image._3.hei.bireysel-2.efe {
    height: auto;
    margin-top: 76px
}

.feature_image._3.hei.bireysel-2.efe.menu-icon_line-middle {
    margin-top: 104px
}

.feature_image._3.hei.c-1.wid-70 {
    width: 70%;
    height: auto
}

.feature_image._3.hei.c-1.wid-70.mt-1 {
    margin-top: 20%
}

.feature_image._3.hei.haout {
    height: auto;
    margin-top: 15%
}

.feature_image._3.hei.haout.ab-left {
    margin-top: 16%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.feature_image._3.hei.haout.ab-left._15 {
    margin-top: 21%
}

.feature_image._3.hei.haout.ab-left._15.m {
    width: 44%;
    left: 15%
}

.feature_image._3.hei.haout.ab-left.is-im.ab-no {
    margin-top: 0%
}

.feature_image._3.hei.haout.ab-left._12 {
    margin-top: 8%
}

.feature_image._3.hei.haout.ab-left._12.no-abs {
    width: 80%;
    position: relative
}

.feature_text {
    color: #000;
    font-size: 26px;
    font-weight: 300;
    line-height: 30px
}

.feature_text.mb-3.white.we {
    color: #fff
}

.feature_text.mt-4 {
    margin-top: 3%
}

.feature_text.mt-4.center.t-center {
    text-align: center
}

.feature_text.mt-4.center.t-center.mb-88 {
    margin-bottom: 50%
}

.feature_text.mt-4.white-text {
    color: #fff;
    font-size: 22px
}

.feature_text.mt-4.white-text.center-text {
    font-size: 24px
}

.feature_text.mb-3 {
    margin-bottom: 23px;
    font-family: Montserrat, sans-serif;
    font-size: 26px
}

.feature_text.mb-3.whitee {
    color: #fff
}

.h2-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 56px;
    line-height: 64px
}

.h2-2.how.h20.mt-3.ddd {
    line-height: 30px
}

.h2-2.how {
    margin-bottom: 32px;
    font-family: Montserrat, sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 50px
}

.h2-2.how.ww {
    z-index: 9999;
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    position: relative
}

.h2-2.how.ww.p,
.h2-2.how.ww.p.pp {
    font-size: 45px;
    line-height: 50px
}

.h2-2.how.ww.p.pp.t-3 {
    margin-top: 0%
}

.h2-2.how.ww.v10-banner-text {
    text-align: center;
    justify-content: space-around;
    margin-bottom: 20px;
    display: flex
}

.h2-2.how.ww.hh {
    font-size: 45px;
    line-height: 50px
}

.h2-2.how.ww._00 {
    margin-top: 20px
}

.h2-2.how._43 {
    font-size: 45px
}

.h2-2.how.orta.rr {
    color: #4f3480;
    font-size: 47px
}

.h2-2.how.i {
    color: #543385;
    font-size: 45px;
    line-height: 50px
}

.h2-2.how.i.sl-1 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 31px;
    line-height: 31px;
    position: absolute;
    top: auto;
    bottom: 25%;
    left: 0%;
    right: 0%
}

.h2-2.how.i.sl-1._3 {
    margin-top: 0%;
    margin-bottom: 10px
}

.h2-2.how.i.sl-1._3.ff {
    margin-bottom: 32px
}

.h2-2.how.i.sl-1._1.ff {
    height: 124px;
    display: block;
    position: static
}

.h2-2.how.i.sl-1.b-2.tt {
    margin-bottom: -9px
}

.h2-2.how.i.sl-1.b-2.tt.h-statik {
    position: static
}

.h2-2.how.i.sl-1.b-1.qw {
    margin-bottom: 0
}

.h2-2.how.i.sl-1.b-1.qw.h-statik,
.h2-2.how.i.sl-1.k-1._25.statik {
    position: static
}

.h2-2.how.i.sl-1.k-2._25 {
    bottom: 16%
}

.h2-2.how.i.sl-1.k-2._25.statik {
    position: static
}

.h2-2.how.i.sl-1.gh {
    margin-bottom: 0
}

.h2-2.how.i.sl-1.gh.h-statik {
    position: static
}

.h2-2.how.i.sl-1._25 {
    bottom: 18%
}

.h2-2.how.i.sl-1._25.statik {
    position: static
}

.h2-2.how.i.sl-1.ff {
    height: 125px;
    position: static
}

.h2-2.how.i.eee {
    margin-top: 20px
}

.h2-2.how.pad-b-4 {
    padding-bottom: 100px
}

.h2-2.how.pad-b-4.ss {
    color: #000
}

.h2-2.how.pad-b-4.ss.center-text {
    padding-bottom: 10px
}

.h2-2.how._56 {
    font-size: 18px
}

._480 {
    max-width: 480px
}

._480._550 {
    max-width: 550px;
    display: block
}

._480._550._600 {
    max-width: 600px
}

._480._550._600.o {
    margin-top: -21%;
    padding-top: 0
}

._480.left-1.riggt._600 {
    max-width: 600px
}

._480.left-1.riggt._600.e {
    margin-top: -224px
}

._480.left-1.riggt._600.e.b {
    margin-top: -128px
}

._480.left-1.riggt._600.e.b.vv.yh {
    margin-top: 10%
}

._480.left-1.riggt._600.e._0.lk.b {
    margin-top: 15%
}

._480.left-1.riggt._600.e._0.lk.b._0000 {
    margin-top: 9%
}

._480.left-1.riggt._600.mt-0 {
    margin-top: -36%
}

._480.left-1.riggt._600.mt-0._000 {
    margin-top: -9%
}

._480.left-1.riggt._600.mt-0._000.bn {
    margin-top: -40%
}

._480.left-1.riggt._600.mt-0._000.bn.oooo {
    margin-top: 0%
}

._480.left-1.riggt._600.mt-0._000.zxc._00000 {
    margin-top: 5%
}

._480.left-1.riggt._600.mtt {
    margin-top: -224px
}

._480.left-1.riggt._600.mtt.rf {
    margin-top: -54%
}

._480.left-1.riggt._600.mtt.rf.ll {
    margin-top: 5%
}

.feature_image-wrap {
    width: 100%;
    max-width: 567px;
    position: relative
}

.feature_image-wrap.ll {
    text-align: center
}

.feature_image-wrap.ll.leftt {
    text-align: left
}

.feature_image-wrap.ll.mobile-hidden {
    text-align: center
}

.feature_image-wrap.ll.mobile-hidden.acc {
    display: none
}

.feature_image-wrap.ll.mobile-static {
    max-width: 584px;
    display: none
}

.feature_image-wrap.ll.mobile-static.mobile-giz {
    display: none
}

.feature_image-wrap.ll.mobile-hidden {
    text-align: center;
    text-align: center;
    max-width: 100%
}

.feature_image-wrap.ll.mobile-hidden.size-uygun.jhjh {
    display: flex
}

.feature_image-wrap.ll.mobile-hidden.ozel {
    width: 100%;
    max-width: 127%;
    position: static
}

.feature_image-wrap.ll.mobile-hidden.ggg {
    text-align: center;
    justify-content: flex-end;
    display: flex
}

.container-22223 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.container-22223.genel-h {
    max-width: 1154px;
    height: 952px
}

.container-22223.genel-h.bbll,
.container-22223.genel-h.h0000 {
    height: auto
}

.feature_grid {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    justify-items: stretch;
    height: 56vw
}

.feature_grid.de.uhu {
    height: 49vw
}

.feature_grid.de.c {
    align-items: center
}

.feature_grid.pad {
    margin-top: -9%;
    margin-bottom: -11%
}

.feature_grid._780.no-52 {
    height: 53vw
}

.feature_grid._52-no {
    height: 38vw
}

.feature_grid._52-no.ft {
    height: auto
}

.feature_grid.p-10 {
    height: 55vw;
    padding-left: 10px;
    padding-right: 10px
}

.feature_grid.p-10.jj {
    height: 56vw
}

.feature_grid.p-10.jj.kjh {
    height: auto
}

.feature_grid.p-10.h-3 {
    height: 56vw
}

.feature_grid.p-10.h-3.juju,
.feature_grid.p-10.u-u.k-k,
.feature_grid.p-10.u-u.ooooo,
.feature_grid._0000,
.feature_grid.fffg.oooo,
.feature_grid.hooo,
.feature_grid.h000,
.feature_grid.h1111 {
    height: auto
}

.feature_grid.h1111.rrr {
    align-items: center
}

.feature_grid.edit-grid {
    align-items: center;
    display: flex
}

.section-148.mbottom {
    margin-bottom: 32%
}

.section-148.mbottom.gizzle {
    display: none
}

.aod-device {
    z-index: 1;
    width: 74%;
    position: relative
}

.play-pause-button-2 {
    z-index: 20
}

.aod---grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.container-22224 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 2em
}

.container-22224.container-large-3 {
    max-width: 80rem
}

.aod-content-holder {
    grid-row-gap: 70px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 20%;
    display: flex
}

.purple-gradient {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #ffb6ff, #b344ff);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 500
}

.small-aod-text {
    color: var(--333);
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.aod-screen {
    border-radius: 50px;
    width: 92%;
    height: 100%
}

.aod-screen-holder {
    border-radius: 30px;
    align-self: flex-start;
    width: 74%;
    margin-left: -2%;
    position: absolute;
    top: 2%;
    bottom: 2%;
    left: 5%;
    right: 5%;
    overflow: hidden
}

.aod-iphone-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 70%;
    display: flex;
    position: relative
}

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

.always-on-dislay-title-holder {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    padding-top: 160px;
    padding-bottom: 52px;
    font-size: 96px;
    font-weight: 500;
    display: flex
}

.always-on-dislay-title-holder.w100 {
    width: 100%
}

.aod-fade-while-scrolling {
    color: #cecece;
    font-size: 32px
}

.text-block-99 {
    font-size: 45px;
    font-weight: 700;
    line-height: 64px
}

.text-block-100,
.text-block-101 {
    color: var(--333);
    font-size: 22px;
    line-height: 30px
}

.section-149.gizzle {
    display: none
}

._16a-paragraph {
    font-size: 32px;
    font-weight: 500
}

._16a-cpu-image-holder {
    flex: none;
    width: 60%;
    position: relative
}

.container-22225 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 2em
}

.container-22225.container-large-3 {
    max-width: none
}

.gradient {
    z-index: 1;
    background-image: linear-gradient(90deg, transparent, #000 66%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

._16a-cpu-holder {
    margin-top: -360px;
    position: relative;
    overflow: hidden
}

._16a-header {
    font-size: 96px
}

._16a-cpu-image {
    z-index: 2;
    position: relative
}

._16a-grid-holder {
    grid-column-gap: 60px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}

._16a-content {
    grid-row-gap: 32px;
    flex-direction: column;
    max-width: 50%;
    display: flex
}

.bold-text-45 {
    font-size: 44px;
    line-height: 50px
}

.text-block-102 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.body-7 {
    background-color: #000;
    font-family: Montserrat, sans-serif
}

.body-7.gg,
.body-7.gg.new-body {
    background-color: #000
}

.body-7.gg.new-body.bg-wite {
    color: #fff
}

.body-7.gg.new-body.bg-fildisi {
    background-color: #f5f5f5
}

.body-7.body-white {
    background-color: #f0f0f0
}

.text-center-3 {
    text-align: center
}

.infotext {
    color: #7d7d7d;
    font-size: .875em;
    line-height: 1.4em
}

.container-w3 {
    width: 100%;
    max-width: 52.5em;
    margin-left: auto;
    margin-right: auto
}

.p-xl-start {
    padding-top: 8.5em
}

.wow-heading {
    margin-bottom: .1em;
    font-size: 3em;
    font-weight: 600;
    line-height: 1
}

.wow-heading.wow-gradient {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(172deg, #ffefcd 32%, #769ae0 76%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: .1em;
    padding-bottom: .2em
}

.wow-heading.wow-gradient.big {
    font-size: 6em
}

.ipad-mockup {
    position: relative
}

.container-w2 {
    width: 100%;
    max-width: 83.125em;
    margin-left: auto;
    margin-right: auto
}

.ipad-shape {
    z-index: 2;
    width: 100%;
    position: relative
}

.screenshot-scroll {
    width: 100%
}

.ipad-screen {
    z-index: 1;
    object-fit: cover;
    width: 93.8%;
    height: 91.6%;
    position: absolute;
    top: 4%;
    left: 3%
}

.ipad-screen.overflow-hidden {
    overflow: hidden
}

.p-sm-start {
    padding-top: 3em
}

.tablet-mockup-animation {
    z-index: 2;
    position: relative
}

._3d-tablet-wrap {
    perspective: 1000px;
    perspective-origin: 50%
}

.section-tablet-scroll-animation {
    display: block;
    overflow: hidden
}

.columns-17 {
    margin-top: 19px
}

.text-span-14 {
    background-image: linear-gradient(87deg, var(--medium-orchid), var(--slate-blue))
}

.text-span-14.de {
    color: #fff;
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.image-75 {
    opacity: .82
}

.text-span-15 {
    background-image: linear-gradient(97deg, var(--medium-orchid), var(--slate-blue));
    color: #fff;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600
}

.bold-text-46 {
    color: #543285;
    font-size: 45px;
    font-weight: 500;
    line-height: 5px
}

.bold-text-46.white {
    color: #fff;
    line-height: 50px
}

.bold-text-46.white.kucuk-h2 {
    font-size: 26px;
    font-weight: 300;
    line-height: 25px
}

.bold-text-46.bb {
    color: #fff;
    background-color: rgba(255, 255, 255, 0)
}

.bold-text-47 {
    font-size: 45px;
    line-height: 50px
}

.bold-text-47._47 {
    font-size: 34px;
    font-weight: 500
}

.bold-text-48 {
    font-weight: 500
}

.text-block-103 {
    padding-right: 10px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1rem
}

.image-76 {
    opacity: .59
}

.image-77 {
    cursor: pointer
}

.bold-text-49,
.bold-text-50 {
    font-size: 45px;
    line-height: 50px
}

.link-block-7 {
    text-decoration: none
}

.image-78._78 {
    width: 137px
}

.link-block-8 {
    text-decoration: none
}

.pl-o,
.pl-0 {
    padding-left: 0
}

.image-79 {
    padding-bottom: 10px
}

.image-79.teslimat {
    padding-bottom: 30px
}

.image-79.teslimat.pad-20 {
    padding-bottom: 20px
}

.image-79.teslimat.pad-20._10 {
    padding-bottom: 17px
}

.image-79.teslimat.pad-20._10.pb-000,
.image-79.teslimat.pad-20.pb-000 {
    padding-bottom: 0
}

.image-79.teslimat._20 {
    padding-bottom: 13px
}

.image-79.teslimat._20.pb-000,
.image-79.pb-000.pb-0000 {
    padding-bottom: 0
}

.mb-3 {
    margin-bottom: 10px
}

.text-block-104 {
    text-transform: none;
    font-size: 16px
}

.text-block-105 {
    color: var(--333);
    text-transform: none;
    font-size: 16px
}

.ab-res-1 {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.qr {
    position: absolute;
    top: 14%;
    bottom: auto;
    left: 8%;
    right: auto
}

.form-full {
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding-top: 90px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex
}

.form-wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 390px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.slider-content-wrap {
    text-align: center;
    background-color: #fff;
    border-radius: 7px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 90px 40px 75px;
    display: flex;
    position: relative
}

.form07_link {
    color: #5b3acc;
    font-size: 13px;
    font-weight: 700
}

.text-counter {
    color: rgba(91, 97, 124, .45);
    font-size: 14px
}

.checkbox-image {
    width: 45px
}

.form-content {
    width: 100%;
    margin-bottom: -20px
}

.form-content.final {
    margin-bottom: 0
}

.text-block-106 {
    color: #5b3acc;
    font-weight: 500
}

.counter-image {
    width: 16px;
    margin-right: 5px
}

.form12_checkbox_field {
    background-color: #fff;
    border: 1.2px solid rgba(62, 52, 200, .1);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    width: 140px;
    height: 120px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding: 35px 22px 22px;
    display: flex;
    position: relative;
    box-shadow: 1px 1px 35px rgba(198, 211, 255, .28)
}

.form-wrapper-2 {
    margin-bottom: 0;
    padding: 0;
    display: block
}

.field-input {
    color: rgba(0, 0, 55, .75);
    background-color: transparent;
    border: 1.5px solid rgba(62, 52, 200, .04);
    border-radius: 6px;
    width: 100%;
    min-height: 45px;
    font-size: 16px
}

.field-input:focus {
    border-color: #0064fe
}

.field-input::placeholder {
    color: rgba(0, 0, 55, .1);
    font-family: Varela Round, sans-serif
}

.error-message-4 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.form-section-title {
    color: #0a1f44;
    margin-bottom: 12px;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px
}

.line-bottom {
    background-color: #c5c7ca;
    height: 1px
}

.checkbox-field-2 {
    justify-content: flex-start;
    align-items: center;
    width: 24%;
    min-width: 150px;
    height: 140px;
    margin-left: 6px;
    margin-right: 6px;
    display: flex
}

.next {
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 159px;
    height: 47px;
    margin: auto auto 25px;
    display: block;
    position: absolute;
    right: 35px;
    overflow: visible
}

.arrow-3 {
    width: 16px;
    margin-right: 8px
}

.checkbox-title {
    z-index: 9999999;
    color: #5b3acc;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 14px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.previous-button {
    opacity: 1;
    color: #5b617c;
    text-indent: -2px;
    flex: none;
    align-self: center;
    padding: 5px 0;
    font-size: 15px;
    transition: opacity .2s ease-in
}

.previous-button:hover {
    opacity: 1;
    border-bottom-color: rgba(0, 0, 0, .55)
}

.mobile-nav-bottom {
    display: none
}

.previous {
    opacity: .45;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100px;
    height: 35px;
    margin: auto auto 30px 30px;
    transition: opacity .2s;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.previous:hover {
    opacity: 1
}

.next-button {
    background-color: var(--medium-orchid);
    border-radius: 5px;
    flex: 1;
    align-self: center;
    padding: 12px 32px;
    font-size: 15px;
    transition: background-color .2s ease-in
}

.title-left {
    margin-top: 15px;
    margin-left: 15px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.submit-button-2 {
    background-color: var(--medium-orchid);
    box-shadow: none;
    letter-spacing: 1px;
    border-radius: 5px;
    width: 260px;
    height: auto;
    margin-bottom: -60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    padding-bottom: 14px;
    transition: background-color .2s ease-in, box-shadow .2s ease-in;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.slider-3 {
    background-color: transparent;
    max-width: 700px;
    height: 100%;
    position: relative
}

.form-title-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    display: flex
}

.field-title {
    color: #000037;
    background-color: #fff;
    margin-bottom: 5px;
    padding-left: 6px;
    font-size: 14px;
    font-weight: 400
}

.paragraph-40 {
    color: #5b617c;
    text-align: center;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 23px
}

.slide-50 {
    border-radius: 20px;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: static
}

.details-right {
    align-items: center;
    margin-top: 15px;
    margin-right: 15px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.checkbox-2 {
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.checkbox-2:active {
    border: 1px solid #000
}

.success-message-9 {
    letter-spacing: 1px;
    padding: 50px
}

.form07_legal {
    color: rgba(16, 28, 46, .54);
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px
}

.checkbox_wrap {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.checkbox_wrap.checkbox_centre {
    justify-content: center
}

.form-4 {
    border-radius: 19px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.list-5,
.list-6 {
    padding-left: 20px
}

.tabs-wrapper-2 {
    margin-bottom: 10%;
    padding-top: 0
}

.stacked-tabs-holder {
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
    display: flex
}

.stacked-tab-holder {
    width: 100%
}

.stacked-tab-holder._03 {
    z-index: 2;
    opacity: 0;
    position: absolute
}

.stacked-tab-holder._01 {
    z-index: 4;
    background-color: #fff;
    display: block;
    position: relative
}

.stacked-tab-holder._02 {
    z-index: 3;
    opacity: 0;
    background-color: #fff;
    display: block;
    position: absolute
}

.stacked-tabs-content-holder {
    background-color: #fff;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.grid-8-col {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.tab-circle {
    background-color: #fff;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    display: flex;
    box-shadow: 6px 6px 26px rgba(101, 101, 101, .26), inset -6px -6px 15px rgba(121, 120, 120, .1)
}

.grey-paragraph {
    color: #7f8090
}

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

.link-12:hover {
    color: #646464
}

.tab-icon {
    width: 24px;
    height: 24px
}

.tab-icon._01 {
    width: 20px;
    height: auto
}

.tab-icon._03 {
    width: 32px;
    height: auto
}

.stacked-tabs-pane-holder {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.tab-link {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(75, 148, 255, 0);
    border-radius: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 24px 50px 24px 24px
}

.tab-link:hover {
    color: #000;
    border-color: #e4e4e4
}

.tab-link.w--current {
    background-color: #fff;
    border-color: #4b94ff;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .05), 0 2px 5px rgba(61, 92, 255, .1)
}

.stacked-gradient {
    z-index: 9;
    background-image: linear-gradient(270deg, rgba(251, 251, 251, 0) 13%, #fbfbfb 23%);
    width: 50vw;
    height: 120%;
    position: absolute;
    left: -50vw;
    right: auto
}

.stacked-tab-image {
    border: .7px solid #e8eaed;
    border-radius: 12px;
    width: 100%;
    box-shadow: 6px 6px 41px rgba(86, 86, 86, .15)
}

.tab-title {
    font-size: 24px;
    line-height: 30px
}

.tab-paragraph {
    color: #808292;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

.tab-wrapper {
    grid-column-gap: 30px;
    align-items: center;
    display: flex
}

.mobile-link {
    display: none
}

.stacked-tabs-container {
    z-index: 10;
    background-color: #fbfbfb;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 449px;
    min-width: 520px;
    display: flex;
    position: relative
}

.tab-content-holder {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex
}

.phone-right {
    text-align: right;
    justify-content: flex-end;
    width: 14%;
    display: flex
}

.list-item-9 {
    font-size: 22px;
    line-height: 30px
}

.list-item-9.mb-3 {
    font-weight: 300
}

.list-item-9.mb-3.list-w {
    color: #fff
}

.list-item-10,
.list-item-11 {
    font-size: 22px;
    line-height: 30px
}

.list-item-11.mb-3 {
    font-weight: 300
}

.list-item-11.mb-3.list-wi {
    color: #fff
}

.list-item-12 {
    font-size: 22px;
    line-height: 30px
}

.list-item-12.mb-3 {
    font-weight: 300
}

.list-item-12.mb-3.list-w {
    color: #fff
}

.list-7 {
    padding-left: 20px
}

._500 {
    font-weight: 400
}

.radio-main-text {
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    position: relative
}

.radio-main-text.smaller-text {
    margin-bottom: 4px;
    font-size: 17px;
    line-height: 24px
}

.tabs {
    height: 100%
}

.meeting-summary {
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    display: flex
}

.radio-buttons {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: grid
}

.radio-buttons.two-buttons {
    grid-template-columns: 1fr 1fr
}

.checkbox-3 {
    border-radius: 0;
    width: 32px;
    height: 32px;
    margin-top: 0;
    margin-left: -32px;
    margin-right: 24px;
    transition: border-color .2s, background-color .2s
}

.checkbox-3:hover {
    background-color: rgba(56, 152, 236, .07)
}

.checkbox-3.w--redirected-checked {
    background-color: rgba(56, 152, 236, .19);
    background-image: none;
    border-color: #4e54e4
}

.price {
    margin-top: 8px;
    font-size: 30px;
    font-weight: 500;
    line-height: 32px
}

.button-37 {
    color: #fff;
    cursor: pointer;
    background-color: #4e54e4;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding-left: 45px;
    padding-right: 45px;
    font-weight: 500;
    line-height: 42px;
    transition: background-color .2s;
    display: inline-block
}

.button-37:hover {
    background-color: #3e43c3
}

.button-37.mid-button {
    min-width: 260px
}

.tabs-content-3 {
    height: 100%
}

.checkbox-field-3 {
    cursor: pointer;
    align-items: center;
    margin-bottom: 24px;
    padding-left: 32px;
    display: flex
}

.tabs-menu-2 {
    display: none
}

.question-center-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.radio-button {
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    position: relative
}

.radio-circle-box {
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    transition: border-color .2s, background-color .2s;
    position: absolute;
    bottom: 40px
}

.checkbox-label {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px
}

.text-field-2 {
    background-color: #fff;
    border: 0 solid #000;
    border-bottom: 1px solid #767676;
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 400;
    transition: border-color .2s
}

.text-field-2:active,
.text-field-2:focus {
    border-bottom-color: #000
}

.tab-button {
    color: #fff;
    cursor: pointer;
    background-color: #4e54e4;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding-left: 45px;
    padding-right: 45px;
    font-weight: 500;
    transition: background-color .2s;
    display: flex
}

.tab-button:hover {
    background-color: #3e43c3
}

.tab-button.tab-nav-button {
    background-color: var(--medium-orchid);
    border-radius: 20px;
    min-width: 260px
}

.tab-button.tab-nav-button {
    background-color: #8b8b8b;
    min-width: 260px
}

.tab-button.tab-nav-button.tab-button-back {
    color: #767676;
    background-color: #fff;
    border: 1px solid #767676
}

.question {
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.section-header {
    margin-bottom: 32px
}

.section-header.small-header {
    margin-bottom: 16px
}

.section-header.medium-header {
    margin-bottom: 40px
}

.button-box {
    grid-column-gap: 14px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    display: grid
}

.button-box.button-top-margin {
    margin-top: 72px
}

.label-3 {
    color: var(--333);
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.question-box {
    flex: 1
}

.question-wrapper {
    height: 52vh;
    position: relative
}

.tab-panel {
    height: 100%
}

.full-screen-section {
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    transition: opacity .2s;
    display: flex
}

.radio-input {
    border-color: #ccc;
    border-radius: 0%;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    transition: border-color .2s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 0 0 transparent
}

.radio-input:active {
    box-shadow: 0 0 transparent
}

.radio-input.w--redirected-checked {
    border-width: 1px;
    border-color: var(--medium-orchid)
}

.radio-sub-text {
    color: #767676;
    max-width: 220px;
    font-weight: 400;
    position: relative
}

.container-22226 {
    width: 100%;
    max-width: 1220px;
    padding-left: 60px;
    padding-right: 60px
}

.container-22226.question-container {
    margin-top: -16%;
    transition: opacity .2s
}

.question-center-box {
    width: 100%;
    max-width: 400px
}

.question-center-box.align-center {
    text-align: center;
    text-align: center;
    max-width: 600px
}

.text-block-107,
.text-block-108 {
    font-size: 16px
}

.checkbox-4 {
    border-radius: 0;
    width: 32px;
    height: 32px;
    margin-top: 0;
    margin-left: -32px;
    margin-right: 24px;
    transition: border-color .2s, background-color .2s
}

.checkbox-4:hover {
    background-color: rgba(56, 152, 236, .07)
}

.checkbox-4.w--redirected-checked {
    background-color: rgba(56, 152, 236, .19);
    background-image: none;
    border-color: #4e54e4
}

.button-38 {
    color: #fff;
    cursor: pointer;
    background-color: #4e54e4;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding-left: 45px;
    padding-right: 45px;
    font-weight: 500;
    line-height: 42px;
    transition: background-color .2s;
    display: inline-block
}

.button-38:hover {
    background-color: #3e43c3
}

.button-38.mid-button {
    min-width: 260px
}

.tabs-content-4 {
    height: 100%
}

.checkbox-field-4 {
    cursor: pointer;
    align-items: center;
    margin-bottom: 24px;
    padding-left: 32px;
    display: flex
}

.tabs-menu-3 {
    display: none
}

.label-4 {
    color: #b4b4b4;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.radio-input-2 {
    border-color: #ccc;
    border-radius: 0%;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    transition: border-color .2s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 0 0 transparent
}

.radio-input-2:active {
    box-shadow: 0 0 transparent
}

.radio-input-2.w--redirected-checked {
    border-width: 1px;
    border-color: #4e54e4
}

.container-22227 {
    width: 100%;
    max-width: 1220px;
    padding-left: 60px;
    padding-right: 60px
}

.container-22227.question-container {
    transition: opacity .2s
}

.form-back {
    color: #7f58e2;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: rgba(127, 88, 226, .1);
    border: 2px solid #7f58e2;
    border-radius: 10px;
    flex: 1;
    width: 48%;
    min-height: 48px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 13px 30px;
    font-size: 16px;
    font-weight: 700;
    transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    position: static
}

.form-back:hover {
    letter-spacing: 3px;
    box-shadow: 0 20px 30px -11px rgba(127, 88, 226, .3)
}

.form-back:active {
    box-shadow: 0 11px 20px -11px rgba(127, 88, 226, .6)
}

.checkbox-5 {
    border-width: 2px;
    border-color: rgba(0, 0, 0, .05);
    border-radius: 7px;
    flex: none;
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-right: 15px;
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s
}

.checkbox-5:hover {
    border-color: rgba(0, 0, 0, .15)
}

.checkbox-5.w--redirected-checked {
    background-color: rgba(127, 88, 226, .3);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d4e64ba0e09865bbc45902_done-violet.svg);
    background-size: 16px;
    border-color: rgba(127, 88, 226, .5)
}

.checkbox-5.w--redirected-focus {
    box-shadow: none;
    border-color: rgba(127, 88, 226, .5)
}

.checkbox-field-5 {
    align-items: flex-start;
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    transition: color .3s;
    display: flex
}

.checkbox-field-5:hover {
    color: #7f58e2
}

.radio-button-field {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100px;
    display: flex;
    position: relative
}

.area-label {
    z-index: 1;
    color: rgba(0, 0, 0, .3);
    background-color: #fff;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 600;
    transition: font-size .3s, color .3s, top .3s cubic-bezier(.25, .46, .45, .94);
    display: inline-block;
    position: absolute;
    top: 10px
}

.form-5 {
    text-align: left;
    flex-flow: wrap;
    justify-content: space-between
}

.success-message-10 {
    background-color: transparent;
    padding: 0
}

.text-field-wrapper {
    text-align: left;
    flex-direction: column;
    flex: none;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    position: relative
}

.text-field-wrapper.half {
    width: 48%
}

.text-field-wrapper.third {
    width: 31%
}

.radiobutton {
    border: 2px solid rgba(0, 0, 0, .05);
    border-radius: 50%;
    flex: none;
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    margin-right: 15px;
    transition: border-width .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s
}

.radiobutton:hover {
    border-color: rgba(0, 0, 0, .15)
}

.radiobutton.w--redirected-checked {
    background-color: rgba(127, 88, 226, .3);
    border-width: 9px;
    border-color: rgba(127, 88, 226, .5)
}

.radiobutton.w--redirected-focus {
    box-shadow: none;
    border-color: rgba(127, 88, 226, .5)
}

.form-block {
    background-color: #fff;
    border-radius: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 80px 70px;
    box-shadow: 0 20px 50px -50px rgba(32, 45, 73, .2)
}

.text-area-wrapper {
    text-align: left;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    min-height: 120px;
    margin-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    position: relative
}

.success-subtitle {
    margin-top: -20px;
    margin-bottom: 30px
}

.fields-group {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex
}

.form-button {
    background-color: var(--medium-orchid);
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 10px;
    width: 100%;
    min-height: 40px;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 700;
    transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0%;
    right: 0%
}

.form-button:hover {
    letter-spacing: 3px;
    background-color: #9775ee;
    box-shadow: 0 20px 30px -11px rgba(127, 88, 226, .6)
}

.form-button:active,
.form-button:focus {
    border: 1px #000
}

.radiobutton-field {
    align-self: center;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    transition: color .3s;
    display: flex
}

.radiobutton-field:hover {
    color: #7f58e2
}

.text-field-3 {
    color: #7f58e2;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, .05);
    border-radius: 10px;
    height: 60px;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
    transition: border-color .3s;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.text-field-3:hover {
    border-color: rgba(0, 0, 0, .15);
    display: block
}

.text-field-3:focus {
    border-color: rgba(127, 88, 226, .5)
}

.radio-buttons-2 {
    flex: none;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    display: flex
}

.button-39 {
    color: #7f58e2;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 2px solid #7f58e2;
    border-radius: 10px;
    flex: 1;
    min-height: 60px;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    display: inline-block;
    position: static
}

.button-39:hover {
    letter-spacing: 3px
}

.button-39:active {
    border: 1px #000
}

.step-number {
    color: rgba(127, 88, 226, .5);
    width: 100%;
    font-size: 16px;
    font-weight: 700
}

.form-label {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600
}

.text-area-3 {
    color: #7f58e2;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, .05);
    border-radius: 10px;
    min-height: 240px;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
    transition: border-color .3s
}

.text-area-3:hover {
    border-color: rgba(0, 0, 0, .15);
    display: block
}

.text-area-3:focus {
    border-color: rgba(127, 88, 226, .5)
}

.text-field-done {
    opacity: 0;
    background-color: rgba(127, 88, 226, .2);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d4e64ba0e09865bbc45902_done-violet.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    border: 2px solid #7f58e2;
    border-radius: 50%;
    width: 1px;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
    transition: height .3s cubic-bezier(.25, .46, .45, .94), width .3s cubic-bezier(.25, .46, .45, .94);
    position: absolute;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0%;
    transform: translateY(-50%)
}

.text-field-done.area-done {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 30px;
    bottom: auto;
    left: auto;
    right: 0%
}

.form-next {
    background-color: var(--medium-orchid);
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 10px;
    flex: 1;
    align-self: auto;
    width: 48%;
    min-height: 46px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    position: static
}

.form-next:hover {
    letter-spacing: 3px;
    background-color: #9775ee;
    box-shadow: 0 20px 30px -11px rgba(127, 88, 226, .6)
}

.form-next:active {
    border: 1px #000
}

.form-step {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 20px;
    display: flex
}

.form-step.last-step {
    margin-bottom: 0;
    padding-bottom: 70px
}

.form-slide {
    flex: none;
    width: 100%;
    height: auto;
    margin-right: 40px
}

.form-slide.height {
    height: 60%
}

.radio-button-label {
    display: none
}

.form-slider {
    background-color: transparent;
    flex-flow: wrap;
    justify-content: space-between;
    height: auto;
    display: flex
}

.field-label-9 {
    z-index: 1;
    color: rgba(0, 0, 0, .3);
    align-self: flex-start;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    transition: background-color .3s, font-size .3s, color .3s, top .3s cubic-bezier(.25, .46, .45, .94);
    display: inline-block;
    position: absolute;
    top: 19px
}

.form-mask {
    object-fit: fill;
    height: auto;
    margin-bottom: auto;
    margin-left: -40px;
    margin-right: -40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    overflow: hidden
}

.form-heading {
    width: 100%;
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 600
}

.radio-button-2 {
    cursor: pointer;
    background-color: #fcfcfc;
    border: 2px solid #fcfcfc;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.radio-button-2:hover {
    background-color: rgba(127, 88, 226, .2)
}

.radio-button-2.w--redirected-checked {
    background-color: rgba(127, 88, 226, .3);
    border: 2px solid rgba(127, 88, 226, .5);
    transition: border-color .3s, background-color .3s cubic-bezier(.25, .46, .45, .94)
}

.radio-button-2.gender {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d4e64ba0e09865bbc45903_genders-02.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 50%;
    transition: border-color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94)
}

.radio-button-2.gender:hover {
    border-color: rgba(127, 88, 226, .2)
}

.radio-button-2.gender.w--redirected-focus {
    box-shadow: none
}

.radio-button-2.gender.male {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d4e64ba0e09865bbc45904_genders-01.svg)
}

.radio-button-2.gender.male.w--redirected-focus {
    box-shadow: none
}

.text-block-109,
.text-block-110 {
    text-transform: capitalize;
    font-weight: 500
}

._400 {
    font-weight: 400
}

.text-block-111 {
    font-size: 22px;
    line-height: 30px
}

.lottie-animation-4 {
    width: 50%
}

.abs.mobile-hidden {
    display: none
}

.div-block-282 {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 18%
}

.radio-button-label-2,
.radio-button-label-3,
.radio-button-label-4,
.radio-button-label-5,
.radio-button-label-6,
.radio-button-label-7,
.radio-button-label-8 {
    padding-top: 5px
}

.checkbox---brix {
    z-index: 5;
    opacity: 1;
    cursor: pointer;
    border-width: 2px;
    border-color: transparent;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    transition: border-color .35s, all .35s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
    box-shadow: 0 2px 6px 1px rgba(19, 18, 66, .07)
}

.checkbox---brix:hover {
    border-color: #bfbaff
}

.checkbox---brix.w--redirected-checked {
    opacity: 1;
    background-color: transparent;
    background-image: none;
    border-width: 2px;
    border-color: #4a3aff
}

.checkbox---brix.w--redirected-focus {
    border-width: 2px;
    border-color: #4a3aff;
    box-shadow: 0 4px 10px rgba(31, 37, 89, .07)
}

.form-step-number---brix {
    color: #6f6c90;
    background-color: #eff0f6;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    margin-left: 18px;
    margin-right: 18px;
    font-size: 16px;
    display: flex
}

.form-step-number---brix.completed---brix {
    background-color: var(--medium-orchid);
    color: #fff;
    font-weight: 700
}

.first-step-grid---brix {
    grid-column-gap: 28px;
    grid-row-gap: 44px
}

.first-step-grid---brix.uniform-space---brix {
    grid-row-gap: 28px;
    grid-template-rows: auto;
    overflow: visible
}

.multi-step-form-radio-trigger---brix {
    color: #170f49;
    border: 2px solid transparent;
    border-radius: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding-left: 66px;
    padding-right: 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    transition: border-width .2s, border-color .2s;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 0 2px 6px 2px rgba(19, 18, 66, .07)
}

.multi-step-form-radio-trigger---brix:hover {
    -webkit-text-stroke-color: var(--medium-orchid);
    border-color: #bfbaff
}

.slider---brix {
    background-color: transparent;
    max-width: 750px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.step-title-wrap---brix {
    margin-bottom: 40px
}

.slide---brix {
    margin-right: 80px
}

.submit-button---brix {
    background-color: var(--medium-orchid);
    border-radius: 500px;
    padding: 20px 40px 21px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    transition: all .2s;
    box-shadow: 0 3px 12px rgba(74, 58, 255, .18)
}

.submit-button---brix:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(74, 58, 255, .3)
}

.step-title---brix {
    margin-bottom: 8px;
    font-weight: 700
}

.multi-step-form-error-message---brix {
    border-radius: 16px;
    margin-top: 140px;
    padding: 24px
}

.title-container---brix {
    text-align: center;
    max-width: 518px
}

.mask---brix {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden
}

.checkbox-item--brix {
    color: #170f49;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 16px;
    align-items: center;
    min-height: 114px;
    max-height: 114px;
    margin-bottom: 0;
    padding: 25px;
    display: flex;
    position: relative;
    overflow: visible
}

.submit-content-wrapper---brix {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin: auto;
    display: flex
}

.steps-bar---brix {
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex
}

.display-none {
    display: none
}

.form-content---brix {
    border-top: 1px solid #d9dbe9;
    padding-top: 64px;
    padding-bottom: 80px;
    overflow: visible
}

.multi-step-form-wrapper---brix {
    flex-direction: column;
    align-items: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.multi-step-form-wrapper---brix.preview-page {
    height: 65vw
}

.multi-step-foirm---success-message---brix {
    background-color: #fff;
    border-radius: 16px;
    min-height: 44vh;
    padding-top: 70px;
    padding-bottom: 70px;
    box-shadow: 38px 38px 34px rgba(74, 58, 255, .01), 0 1px 26px rgba(20, 20, 43, .02), 0 16px 26px rgba(19, 18, 66, .02)
}

.select-item-icon---brix {
    margin-right: 12px
}

.multi-step-form-grid-item---brix {
    overflow: visible
}

.multi-step-form-text-field---brix {
    color: #170f49;
    background-color: #fff;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 2px solid transparent;
    border-radius: 500px;
    min-height: 66px;
    margin-bottom: 0;
    padding: 20px 60px 20px 20px;
    font-size: 18px;
    transition: color .4s, border-color .4s, all .4s;
    box-shadow: 0 2px 6px rgba(19, 18, 66, .07)
}

.multi-step-form-text-field---brix:hover {
    border-color: #4a3aff;
    box-shadow: 0 4px 10px rgba(19, 18, 66, .12)
}

.multi-step-form-text-field---brix:focus {
    color: #4a3aff;
    border: 2px solid #4a3aff
}

.multi-step-form-text-field---brix::placeholder {
    color: #6f6c90;
    font-size: 18px
}

.multi-step-form-text-field---brix.company-icon---brix {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7ca_icon-4-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.company-icon---brix:hover,
.multi-step-form-text-field---brix.company-icon---brix:focus {
    border-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c6_icon-4-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.phone-icon---brix {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c9_icon-3-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.phone-icon---brix:hover {
    border-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c8_icon-3-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.phone-icon---brix:focus {
    border-color: var(--medium-orchid);
    -webkit-text-stroke-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c8_icon-3-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.name-icon---brix {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c3_icon-1-input-multi-step-form-webflow-cloneable-template-brix-templates.svg);
    background-repeat: no-repeat;
    background-size: auto
}

.multi-step-form-text-field---brix.name-icon---brix:hover,
.multi-step-form-text-field---brix.name-icon---brix:focus {
    border-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c4_icon-1-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.email-icon---brix {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c5_icon-2-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.multi-step-form-text-field---brix.email-icon---brix:hover,
.multi-step-form-text-field---brix.email-icon---brix:focus {
    border-color: var(--medium-orchid);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64d5f48143d1cdd34f9cc7c7_icon-2-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg)
}

.step-paragraph---brix {
    margin-bottom: 0
}

.completed-form-illustrations---brix {
    margin-bottom: 18px
}

.radio-button-3 {
    cursor: pointer;
    border: 1.2px solid #d9dbe9;
    flex: none;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 12px;
    transition: all .2s;
    overflow: hidden;
    box-shadow: inset 0 0 7px rgba(20, 20, 43, .08)
}

.radio-button-3.w--redirected-checked {
    border-width: 7px;
    border-color: var(--medium-orchid)
}

.radio-button-3.w--redirected-focus {
    box-shadow: 0 0 3px 1px rgba(74, 58, 255, .2)
}

.form-step-progress-bar-mobile---brix {
    background-color: #eff0f6;
    border-radius: 50px;
    width: 100%;
    min-height: 6px;
    display: none
}

.multi-step-form---brix {
    background-color: #fff;
    border-radius: 34px;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0 54px 34px rgba(74, 58, 255, .02), 0 1px 26px rgba(20, 20, 43, .02), 0 16px 26px rgba(19, 18, 66, .02)
}

.multi-step-form-button---brix {
    color: #4a3aff;
    background-color: #fff;
    border-radius: 500px;
    width: auto;
    padding: 20px 40px;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s;
    display: inline-block;
    top: 682px;
    bottom: auto;
    left: auto;
    right: auto
}

.multi-step-form-button---brix:hover {
    transform: translateY(-2px)
}

.multi-step-form-button---brix.left---brix {
    border: 1px solid #4a3aff;
    left: -40px
}

.multi-step-form-button---brix.right---brix {
    color: #fff;
    background-color: #4a3aff;
    font-weight: 700;
    right: -40px
}

.multi-step-form-button---brix.right---brix.preview-page {
    background-color: var(--medium-orchid)
}

.form-step-progress-bar---brix {
    background-color: #eff0f6;
    border-radius: 50px;
    width: 100%;
    min-height: 6px
}

.form-step-progress-bar---brix.complete-step---brix {
    background-color: var(--medium-orchid)
}

.form-step-progress-bar---brix.current-step---brix {
    background-color: var(--medium-orchid);
    width: 50%
}

.multi-step-form-label---brix {
    color: #170f49;
    border-radius: 16px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.multi-step-form-label---brix.no-margin---brix {
    z-index: 40;
    margin-bottom: 0;
    position: relative
}

.multi-step-form-block---brix {
    width: 100%;
    min-height: 44vw;
    margin-top: 20px;
    margin-bottom: 0
}

.radio-button-field-2 {
    align-items: center;
    min-height: 114px;
    max-height: 114px;
    margin-bottom: 0;
    padding: 48px 32px;
    display: flex;
    position: relative
}

.lottie-animation-5 {
    width: 50%
}

.div-block-283 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 11600px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.lottie-animation-6 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 55%;
    margin-top: 0%;
    margin-left: 20%;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.card-3 {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 24px;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .06)
}

.card-3.form {
    min-height: 620px;
    margin-bottom: 0;
    padding: 72px 40px
}

.error-message-5 {
    color: #ff5a65;
    text-align: center;
    background-color: #ffeff0;
    border-radius: 16px;
    margin-top: 20px;
    padding: 20px 24px
}

.btn-primary-4 {
    background-color: var(--medium-orchid);
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    border-radius: 48px;
    justify-content: center;
    padding: 26px 38px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}

.btn-primary-4:hover {
    color: #fff;
    background-color: #3324d5;
    transform: translate3d(0, -3px, .01px)
}

.success-message-11 {
    color: #4a3aff;
    background-color: #f3f2ff;
    border-radius: 24px;
    padding: 28px 28px 32px
}

.mg-bottom-64px {
    margin-bottom: 64px
}

.card-4 {
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 24px;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .06)
}

.card-4.form {
    min-height: 620px;
    margin-bottom: 0;
    padding: 72px 40px
}

.card-4.form.pd-sides-78px {
    padding-left: 78px;
    padding-right: 78px
}

.mg-bottom-48px {
    margin-bottom: 48px
}

.text-302 {
    line-height: 20px
}

.text-302.bold {
    font-weight: 700
}

.error-message-6 {
    color: #ff5a65;
    text-align: center;
    background-color: #ffeff0;
    border-radius: 16px;
    flex: 0 auto;
    margin-top: 20px;
    padding: 20px 24px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.container-default-4 {
    max-width: 1218px;
    padding-left: 24px;
    padding-right: 24px
}

.success-message-12 {
    color: #4a3aff;
    background-color: #f3f2ff;
    border-radius: 24px;
    padding: 28px 28px 32px
}

.flex-block {
    height: 3000vh;
    max-height: none;
    position: relative;
    top: 0
}

.lottie-animation-7 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    display: block;
    position: fixed;
    top: 1%;
    bottom: auto;
    left: 0%;
    right: auto
}

.lottie-animation-8 {
    margin-top: 2%;
    position: -webkit-sticky;
    position: sticky;
    top: 0%
}

.div-block-284 {
    height: 100vh;
    min-height: 5000px;
    max-height: 100vw;
    display: none;
    position: static
}

.lottie-animation-9 {
    position: -webkit-sticky;
    position: sticky;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.div-block-285 {
    height: 5000px;
    position: fixed;
    top: 0%
}

.link-block-9 {
    display: none
}

.link-block-9.masa-ac {
    display: block
}

.link-block-10 {
    display: none
}

.link-block-10.masa-ac {
    display: block
}

.section-150 {
    height: 5000px
}

.section-151 {
    height: 100svh;
    position: fixed
}

.lottie-animation-10 {
    position: fixed
}

.acupa-section-wrapper {
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 40%;
    height: 100vh;
    margin-left: 0;
    padding-left: 2em;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: auto
}

.acupa-content-blurb {
    margin-bottom: 1em;
    font-size: 26px;
    font-weight: 300;
    line-height: 30px
}

.acupa-heading-2 {
    opacity: 1
}

.acupa-section-4 {
    opacity: 0;
    padding-bottom: 50px;
    display: block;
    position: absolute
}

.acupa-section-2 {
    opacity: 0;
    position: absolute
}

.acupa-content-slide {
    display: none
}

.acupa-content-slide.acupa-section-a {
    flex: 0 auto;
    display: block
}

.acupa-content-slide.acupa-section-a.gii {
    display: none
}

.acupa-section-1 {
    display: block;
    position: absolute
}

.acupa-button-icon {
    margin-left: .75em
}

.acupa-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    height: 500vh;
    margin-left: 5%;
    padding-left: 0;
    display: flex
}

.acupa-button {
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #df5d60;
    margin-top: 2em;
    padding: 13px 32px;
    font-size: 12px;
    font-weight: 700
}

.acupa-learn-more {
    color: #df5d60;
    background-color: transparent;
    padding: 0;
    text-decoration: none
}

.acupa-section-3 {
    opacity: 0;
    display: block;
    position: absolute
}

.acupa-lottie-animation {
    z-index: 1;
    align-items: flex-start;
    width: 51%;
    height: 500px;
    display: block;
    position: fixed;
    top: 19%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.acupa-lottie-animation.l0 {
    right: 0%
}

.acupa-lottie-animation._24 {
    right: 1%
}

.acupa-progress-bar {
    z-index: 10;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    height: 70vh;
    margin-left: 11%;
    display: flex;
    position: fixed;
    left: 5em
}

.acupa-bar-main {
    background-color: #c3b5b5;
    width: 2px;
    height: 250px;
    margin-bottom: .5em
}

.acupa-bar-main.acupa-bar-a {
    z-index: 0;
    perspective-origin: 50% 0;
    transform-origin: 50% 0;
    background-color: #df5d60;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.acupa-bar-main.acupa-bar-b {
    z-index: -1;
    background-color: rgba(223, 93, 96, .3);
    position: absolute
}

.acupa-section-5 {
    opacity: 0;
    padding-bottom: 50px;
    display: block;
    position: absolute
}

.acupa-section-6 {
    opacity: 0;
    position: absolute
}

.acupa-section-7 {
    display: block;
    position: absolute
}

.youtube-4 {
    object-fit: fill;
    height: auto;
    min-height: auto
}

.bold-text-51,
.bold-text-52,
.bold-text-53,
.bold-text-54,
.bold-text-55,
.bold-text-56,
.bold-text-57,
.bold-text-58,
.bold-text-59,
.bold-text-60,
.bold-text-61,
.bold-text-62,
.bold-text-63,
.bold-text-64,
.bold-text-65,
.bold-text-66 {
    font-weight: 500
}

.bold-text-67 {
    color: #543285;
    font-weight: 500
}

.form-6 {
    text-transform: none
}

.form-6.forma-gizle {
    display: none
}

.field-label-10 {
    color: #333;
    text-transform: capitalize;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400
}

.container-22228 {
    position: relative
}

.button-40 {
    letter-spacing: 1px;
    text-transform: capitalize;
    background-color: #ba43fc;
    border-radius: 20px;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s
}

.button-40:hover {
    color: #fff;
    text-transform: capitalize;
    background-color: #6852ed;
    box-shadow: 0 8px 16px 4px rgba(0, 0, 0, .3)
}

.mor {
    color: #543285;
    font-size: 45px;
    line-height: 50px
}

.mor.mor-56.rr {
    font-size: 45px
}

.mor.mor-56._49 {
    font-size: 45px;
    font-weight: 600
}

.mor.font-70.whiteed {
    color: #fff
}

.mor.font-70.whiteed._57 {
    color: #fff;
    font-size: 43px
}

.mor.font-4 {
    color: #fff;
    font-size: 45px
}

.mor.font-4.dd {
    color: #543285
}

.mor.font-4.dd._30 {
    line-height: 30px
}

.small-paragraph-5 {
    color: #333;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.small-paragraph-5.lef-3.ml-0.center {
    text-align: center;
    font-size: 22px
}

.small-paragraph-5.lef-3.ml-0.center.pl-3 {
    padding-left: 10px
}

.small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0 {
    font-size: 26px
}

.small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0.white {
    color: #fff;
    font-size: 22px
}

.small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0.white.ccenter {
    text-align: left;
    padding-left: 0
}

.small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0.white.ccenter.he {
    padding-top: 20px;
    line-height: 36px
}

.container-22234 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.container-22234.back {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
    background-position: 50%;
    background-size: cover;
    height: 47vh
}

.container-22234.back._55 {
    height: 68vh
}

.container-22234.back._55._0000 {
    height: auto
}

.container-22234.back.df {
    height: 56vh
}

.container-22234.back.df.hhhh {
    height: auto
}

.back {
    margin-top: 83px
}

.back.he-big.bb {
    background-color: transparent
}

.bold-text-68 {
    font-size: 44px;
    line-height: 50px
}

.button-menu-2 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #8c54ff;
    background-image: linear-gradient(92deg, #ba43fc, #6852ed);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 13px;
    text-decoration: none;
    transition: all .4s ease-out;
    display: flex
}

.button-menu-2.h0 {
    text-transform: capitalize;
    font-size: 1.125rem
}

.button-menu-2.h0.width-50 {
    text-transform: capitalize;
    background-color: rgba(255, 255, 255, 0);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fba_doku-26.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto;
    background-attachment: scroll;
    border: 1px solid #fff;
    width: 50%;
    margin-top: 23px;
    margin-bottom: 29px;
    font-size: 1.125rem
}

.button-menu-2.h0.width-50:hover {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg), linear-gradient(92deg, #6852ed, #ba43fc);
    background-position: 0 0, 0 0;
    background-size: cover, auto
}

.button-menu-2.h0.width-50.fff {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fba_doku-26.png), linear-gradient(99deg, #2d1063, #a897d8);
    background-position: 94% 69%, 0 0;
    background-repeat: repeat-x, repeat;
    background-size: 1003px, auto;
    background-attachment: scroll, scroll;
    border-radius: 12px;
    width: 40%;
    display: none
}

.button-menu-2.h0.width-50.fff._50 {
    background-color: rgba(255, 255, 255, 0);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fba_doku-26.png);
    background-position: 94% 69%;
    background-repeat: repeat-x;
    background-size: 1003px;
    background-attachment: scroll;
    width: 60%
}

.button-menu-2.h0.width-50.fff._33 {
    width: 32%
}

.button-menu-2.h0.width-50.fff.ddd {
    display: flex
}

.container-22235 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 2em
}

.container-22235.container-large-3 {
    max-width: 80rem
}

.container-22236 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.section-153 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

.section-153.block-7.bgg.v10-bg {
    height: 1000px
}

.section-153.block-7.bgg._800._1553 {
    height: 67vw
}

.image-86 {
    padding-bottom: 10px
}

.image-86.pb-000.pb-0000 {
    padding-bottom: 0
}

.text-block-112 {
    font-size: 45px;
    font-weight: 700;
    line-height: 64px
}

.section-155 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

.section-155.block-3.tyty.size-uygun.pad-left-0 {
    padding-right: 0
}

.section-155.block-3.tyty.size-uygun.pad-left-0.g {
    display: block
}

.section-155.block-3.tyty.size-uygun.pad-left-0.g.v10-home-2 {
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
    border-radius: 18px;
    margin-top: 22%
}

.section-155.block-3.tyty.size-uygun.pad-left-0.g.v10-home-2.sec-2 {
    margin-top: 5%
}

.section-155.block-3.tyty.size-uygun.pad-left-0.g.bg-ff {
    background-color: #f8f9fa;
    margin-top: 33px
}

.section-155.block-1.ttt.mobile-hidden.gipgri {
    background-color: #ebebeb;
    padding-top: 3%;
    padding-bottom: 1%
}

.section-155.block-1.ttt.hy {
    padding-bottom: 3%
}

.section-155.block-1.block-4 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-size: cover
}

.section-155.block-1.block-4.blok-5 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a0bfdad1be5bbb926e46b_ana-8.jpg);
    background-position: 100%;
    background-repeat: repeat-x;
    background-size: contain
}

.section-155.block-1.block-4.blok-5.uj.ark-arka-1 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65c08de7de8c05fb75f2cdf7_ark-12.jpg);
    background-position: 50%;
    background-size: cover
}

.section-155.block-1.trtr {
    margin-top: 43px
}

.beyaz {
    color: #fff
}

.container-22237 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.container-22237.back {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
    background-position: 50%;
    background-size: cover;
    height: 60vh
}

.container-22237.back.ooo {
    height: auto
}

.mobile-gizle {
    display: none
}

.container-22231 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.image-88 {
    padding-bottom: 10px
}

.image-88.pb-000.pb-0000 {
    padding-bottom: 0
}

.bold-text-69 {
    font-size: 45px;
    font-weight: 500
}

.bold-text-69.white-bold {
    color: #fff
}

.bold-text-69.white-bold.font-73 {
    font-size: 45px;
    line-height: 50px
}

.bold-text-69.white-bold.font-73.font-44 {
    font-size: 44px;
    line-height: 19px
}

.bold-text-69.bol {
    font-size: 40px;
    font-weight: 600
}

.bold-text-69.font-size-73 {
    font-size: 45px
}

.bold-text-69._40 {
    font-size: 41px;
    line-height: 50px
}

.bold-text-69.slide-1 {
    color: #000;
    text-align: center;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    font-size: 29px;
    font-weight: 500;
    line-height: 37px
}

.bold-text-69.slide-1.beyazz {
    color: #fff
}

.small-paragraph-6 {
    color: #333;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.small-paragraph-6.lef-3.left-0.lefo-00 {
    font-size: 26px;
    line-height: 30px
}

.small-paragraph-6.lef-3.left-0.lefo-00.cc {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px
}

.small-paragraph-6.lef-3.left-0.lefo-00.cc.top-2 {
    text-align: left;
    height: 315px;
    margin-top: 10%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px
}

.small-paragraph-6.lef-3.left-0.lefo-00.cc.top-2.t-beyaz {
    color: #fff
}

.small-paragraph-6.lef-3.left-0.lefo-00.cc.aa {
    height: 200px
}

.small-paragraph-6.bee {
    color: #fff
}

.small-paragraph-6.bee._22 {
    padding-top: 20px;
    font-size: 20px
}

.small-paragraph-6.bee.center {
    text-align: center
}

.small-paragraph-6.oz-pad {
    padding: 10px
}

.section-156.mbottom {
    margin-bottom: 32%
}

.section-156.mbottom.gizzle {
    display: none
}

.text-span-17.mor.light._55 {
    font-size: 49px
}

.text-block-113 {
    color: #333;
    font-size: 22px;
    line-height: 30px
}

.small-paragraph-7 {
    color: #333;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.small-paragraph-7.lef-3.left-0.lefo-00 {
    font-size: 26px;
    line-height: 30px
}

.section-157.gizzle {
    display: none
}

.container-22229,
.container-22238 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.small-paragraph-9 {
    color: #333;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.small-paragraph-9.lef-3.ml-0.center {
    text-align: center;
    font-size: 22px
}

.small-paragraph-9.lef-3.ml-0.center.pl-3 {
    padding-left: 10px
}

.small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0 {
    font-size: 26px
}

.small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left {
    text-align: left;
    font-size: 26px;
    line-height: 30px
}

.small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee {
    text-align: center;
    font-size: 20px
}

.small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee.giz {
    font-size: 35px;
    font-weight: 500
}

.small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee.pb-3 {
    margin-bottom: 20px
}

.small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee.t-beyaz {
    color: #fff
}

.div-block-288,
.div-block-288.v10-bg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-size: auto
}

.div-block-288.v10-bg.bggg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-size: cover
}

.div-block-288.v10-bg.m-gizle {
    z-index: 2147483647;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 50px
}

.div-block-288.v10-bg.m-gizle.ggggggggg {
    background-image: none;
    background-size: auto
}

.container-22239 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 2em
}

.container-22230,
.container-22233 {
    width: 100%;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
    position: -webkit-sticky;
    position: sticky
}

.section-158 {
    display: block
}

.section-158.ortlaa {
    text-align: center;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fba_doku-26.png);
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    margin-top: 43px;
    display: flex
}

.section-158.ortlaa._210-0 {
    margin-top: 40px;
    margin-bottom: 40px
}

.section-158.ortlaa._210-0.bnbn {
    margin-top: 5%
}

.text-span-16 {
    color: #543185
}

.text-span-16.mor {
    font-size: 71px
}

.text-block-114 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.small-aod-text-2 {
    color: #333;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.text-block-115 {
    color: #333;
    font-size: 22px;
    line-height: 30px
}

.image-899 {
    z-index: 24;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: auto;
    right: 0%
}

.image-909 {
    position: absolute;
    top: 10%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-919 {
    z-index: 26;
    position: absolute;
    top: 10%;
    right: 13%
}

.image-92 {
    z-index: 26;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: auto;
    right: 0%
}

.image-939 {
    z-index: 18;
    perspective-origin: 100% 0;
    position: absolute;
    top: 23%;
    bottom: 0%;
    left: auto;
    right: 0%;
    transform: perspective(239px)
}

.image-939.f {
    z-index: 22;
    top: auto;
    bottom: 20%;
    left: auto;
    right: 38%
}

.rotate-star {
    z-index: -20;
    width: 90%;
    max-width: 500px;
    position: relative
}

.hear-container {
    z-index: 10;
    position: relative;
    overflow: hidden
}

.eyebrow-02 {
    background-color: #f2f2ed;
    border: 3px solid #41339f;
    border-radius: 100px;
    width: 23px;
    height: 11px;
    margin-left: 20px;
    margin-right: 20px
}

.head-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.part-03 {
    z-index: 10;
    justify-content: center;
    margin-top: -10px;
    margin-bottom: 20px;
    display: flex;
    position: relative
}

.mouth {
    background-color: #41339f;
    border: 4px solid #f2f2ed;
    border-radius: 100px 100px 200px 200px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 60px;
    height: 32px;
    display: flex;
    overflow: hidden
}

.right-hear {
    background-color: #41339f;
    border: 5px solid #f2f2ed;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 25px;
    height: 40px
}

.left-hear {
    background-color: #41339f;
    border: 5px solid #f2f2ed;
    border-radius: 100px 10px 10px 100px;
    width: 25px;
    height: 40px
}

.hair-02 {
    z-index: -10;
    background-color: #f2f2ed;
    border-radius: 0 0 100px 100px;
    width: 50%
}

.hair-container {
    justify-content: center;
    min-width: 200px;
    display: flex;
    position: relative
}

.hair-and-face {
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.part-01 {
    justify-content: center;
    margin-bottom: 7px;
    display: flex
}

.pupil {
    background-color: #41339f;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    display: flex
}

.heart-pupil {
    width: 30px;
    position: absolute
}

.eye-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.eye {
    background-color: #f2f2ed;
    border: 4px solid #f2f2ed;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    overflow: hidden
}

.face {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: stretch;
    display: flex;
    position: absolute
}

.container-22240 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    position: relative
}

.head {
    border: 4px solid #f2f2ed;
    border-radius: 100px;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 150px;
    height: 230px;
    display: flex;
    position: relative;
    overflow: hidden
}

.main-container {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
}

.eyebrow-01 {
    background-color: #f2f2ed;
    border: 3px solid #41339f;
    border-radius: 100px;
    width: 23px;
    height: 11px;
    margin-left: 20px;
    margin-right: 20px
}

.space-between-eyes {
    width: 10px
}

.part-04 {
    justify-content: center;
    display: flex
}

.nose {
    background-color: #f2f2ed;
    border: 3px solid #41339f;
    border-radius: 100px;
    width: 26px;
    height: 15px
}

.hair-01 {
    z-index: -10;
    background-color: #f2f2ed;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    width: 50%
}

.teeth {
    background-color: #f2f2ed;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    width: 100%;
    height: 10px
}

.star-overflow-hidden {
    z-index: -20;
    width: 100%;
    position: absolute;
    overflow: hidden
}

.tongue {
    background-color: #ed74ae;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-bottom: -40%
}

.part-02 {
    justify-content: center;
    align-items: center;
    height: 50px;
    display: flex
}

.hair-overflow-hidden {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    justify-content: center;
    height: 25%;
    display: flex;
    overflow: hidden
}

.image-949 {
    z-index: 26;
    position: absolute;
    top: auto;
    bottom: 15%;
    left: auto;
    right: 0%
}

.image-959 {
    z-index: 4;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-969 {
    position: absolute
}

.image-969.ff {
    z-index: 5;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 25%
}

.y-19 {
    position: absolute;
    top: auto;
    bottom: 15%;
    left: auto;
    right: 0%
}

.ff-29 {
    z-index: 6;
    position: absolute;
    top: 10%;
    bottom: auto;
    left: auto;
    right: 59%
}

.ff-49 {
    z-index: 9;
    position: absolute;
    top: 31%;
    bottom: auto;
    left: auto;
    right: 76%
}

.ff-59 {
    position: absolute;
    top: 17%;
    right: 15%
}

.ff-69 {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.ff-79 {
    z-index: 0;
    position: absolute;
    top: auto;
    bottom: 7%;
    left: 0%;
    right: auto
}

.ff-89 {
    position: absolute;
    top: 10%;
    right: 53%
}

.ff-99 {
    z-index: 9;
    position: absolute;
    top: 23%;
    right: 57%
}

.ff-109 {
    z-index: 9;
    position: absolute;
    top: 6%;
    right: 61%
}

.ff-1919 {
    position: absolute;
    top: auto;
    bottom: 15%;
    left: 0%;
    right: auto
}

.ff-139 {
    z-index: 8;
    position: absolute;
    top: auto;
    bottom: 25%;
    left: 0%;
    right: auto
}

.ff-129 {
    z-index: 11;
    position: absolute;
    top: 15%;
    right: 15%
}

._40 {
    font-size: 45px;
    line-height: 50px
}

.v-10-banner-ikinci-text {
    color: #301159;
    text-align: center;
    background-color: #fff;
    border-radius: 18px;
    padding: 20px;
    font-size: 45px
}

.div-block-289 {
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-289.masa-gizle,
.div-block-289.masa-gizle.gizleeee {
    display: none
}

.ce {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px
}

.div-block-290 {
    justify-content: center;
    display: flex
}

.v-10-big-images {
    position: absolute
}

.flex-block-2 {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 16%;
    display: flex
}

.text-span-18 {
    color: #000;
    font-size: 28px;
    font-weight: 600
}

.text-span-18.c {
    color: #fff
}

.text-span-18.c.black {
    color: #000
}

.text-span-18.h6 {
    font-weight: 400
}

.text-span-19 {
    color: #fff
}

.text-span-19.dd {
    color: #543285
}

.div-block-291 {
    opacity: 1;
    mix-blend-mode: difference;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.div-block-292 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    position: relative;
    top: -50px
}

.div-block-292.div-cc {
    flex-direction: column;
    align-items: center;
    display: flex
}

.div-block-292.statik {
    position: static
}

.div-block-293 {
    opacity: .96;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.div-block-293.div-ccc {
    flex-direction: column;
    display: flex
}

.div-block-294 {
    display: block;
    position: relative;
    top: -50px
}

.div-block-294.div-ccc {
    flex-direction: column;
    align-items: center;
    display: flex
}

.div-block-294.statik {
    position: static
}

.div-block-295 {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.div-block-295.statik {
    padding-top: 20px;
    padding-bottom: 20px
}

.div-block-296 {
    position: relative;
    top: -50px
}

.div-block-296.div-ccc {
    flex-direction: column;
    align-items: center;
    display: flex
}

.div-block-296.statik {
    position: static
}

.div-block-297 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-297.cardd {
    background-color: #fff;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.div-block-297.cardd.h-st {
    height: 330px
}

.div-block-298 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-298.cardd {
    background-color: #fff;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.div-block-298.cardd.h-st {
    height: 330px
}

.div-block-298.cardd.h-650 {
    height: 650px
}

.div-block-298.cardd.h-650.align-top {
    justify-content: flex-start;
    height: auto
}

.div-block-299 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-299.cardd {
    background-color: #fff;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.div-block-299.cardd.h-st {
    height: 330px
}

.div-block-299.cardd.h-650 {
    height: 650px
}

.div-block-299.cardd.bg-black {
    background-color: #000
}

.image-97 {
    padding-top: 49px
}

.image-97._49-yok {
    padding-top: 0
}

.columns-19 {
    margin-bottom: 5%
}

.image-98 {
    padding-bottom: 74%
}

.image-98._7 {
    padding-bottom: 43%
}

.image-98._7.hy {
    padding-bottom: 41%
}

.image-98._7.hy.k {
    padding-bottom: 19%
}

.image-98._7._43 {
    padding-bottom: 24%
}

.image-98.rrrr {
    padding-bottom: 31%
}

.image-98.rrrr.n-98 {
    object-fit: cover;
    height: 300px;
    padding-bottom: 0%
}

.image-98.rrrr.n-98.jjj {
    max-width: none;
    height: 251px
}

.image-99 {
    padding-bottom: 66%
}

.image-99._1 {
    padding-bottom: 42%
}

.image-99._1.n-99 {
    object-fit: contain;
    height: 300px;
    padding-bottom: 0%
}

.image-99._1.n-99.h500,
.image-99._1.n-99.f {
    height: auto
}

.image-99.rt {
    padding-bottom: 40%
}

.image-99._45 {
    padding-bottom: 45%
}

.image-100 {
    width: 90%;
    padding-bottom: 43%
}

.image-100._8 {
    padding-bottom: 55%
}

.image-100._8.nb {
    padding-bottom: 38%
}

.image-100._8._45 {
    padding-bottom: 43%
}

.image-100.n-100 {
    object-fit: cover;
    width: 40%;
    height: 300px;
    padding-bottom: 0%
}

.slide-51 {
    width: 30%;
    margin-right: 2%
}

.mask-6 {
    height: 450px
}

.slider-4 {
    background-color: rgba(255, 255, 255, 0);
    height: 500px
}

.text-span-20 {
    color: #a167d3
}

.text-span-21 {
    color: #996acd
}

.icon-12 {
    background-color: #ab72de;
    margin-top: 162px
}

.icon-13 {
    background-color: #a377d8;
    margin-top: 169px
}

.text-span-22,
.text-span-23,
.text-span-24 {
    font-weight: 500
}

.image-101 {
    margin-top: -15%
}

.image-101._10 {
    margin-top: -11%;
    margin-bottom: 14%
}

.image-101._10.n101.mm {
    object-fit: contain;
    height: 200px;
    margin-top: auto;
    margin-bottom: 0%
}

.image-101.n-101.xx {
    object-fit: cover;
    height: 300px
}

.image-102 {
    margin-top: -33%;
    margin-bottom: 0%
}

.image-102.n-102.xx {
    object-fit: cover;
    height: 300px;
    margin-top: -15%
}

.image-102.n102.mm {
    object-fit: contain;
    height: 200px;
    margin-top: auto
}

.image-103 {
    margin-top: -23%
}

.image-103.n-103.xx {
    object-fit: cover;
    height: 300px;
    margin-top: -15%
}

.text-span-25 {
    color: #fff;
    font-weight: 600
}

.list-item-13,
.list-item-14,
.list-item-15 {
    color: #fff;
    margin-bottom: 2%;
    font-size: 22px
}

.list-8 {
    padding-left: 20px
}

.text-span-26 {
    font-weight: 600
}

.text-span-27 {
    font-weight: 500
}

.tab-1 {
    border-radius: 20px;
    margin-right: 10px
}

.tab-1.w--current {
    color: #fff;
    background-color: #ba43fc;
    border-radius: 20px;
    margin-right: 10px;
    font-weight: 600
}

.tab-link-tab-2-2 {
    color: #ba43fc;
    background-color: #e4e4e4;
    border-radius: 20px
}

.tab-link-tab-2-2.w--current {
    color: #fff;
    background-color: #ba43fc;
    font-weight: 500
}

.tabs-menu-4 {
    margin-bottom: 5%
}

.div-block-300 {
    width: 38%
}

.div-block-300.mobile-gizle {
    display: block
}

.div-block-301 {
    display: flex
}

.image-104 {
    margin-top: 25%
}

.spline-scene,
.spline-scene-2 {
    height: 500px
}

.spline-scene-3,
.spline-scene-4 {
    height: 800px
}

.image-105 {
    margin-top: 25%
}

.image-105._10 {
    margin-top: 10%
}

.tab-pane-tab-1 {
    border: 1px dashed #b4b4b4
}

.text-block-116 {
    color: #bc51f6
}

.text-block-116.active-white {
    color: #fff
}

.div-block-302 {
    border: 1px dashed #8f8f8f;
    display: flex
}

.horizontal-tabcontent {
    margin-top: -35px
}

.horizontal-tab-block {
    max-width: 1230px;
    margin: 50px auto 60px;
    font-weight: 700;
    position: relative
}

.tab-content {
    color: #000;
    background-color: #fff;
    border: 0 solid #fff;
    border-radius: 0 0 15px 15px;
    height: auto;
    padding: 0;
    transition: all .3s
}

.tab-content.item-bgcolor {
    border-bottom-right-radius: 37px;
    border-bottom-left-radius: 37px;
    flex-flow: row;
    align-items: center;
    padding: 50px 40px 40px;
    display: flex;
    position: relative
}

.img-block {
    border-radius: 10px;
    width: 30%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.tab-lists {
    z-index: 999;
    background-color: #1f023a;
    border-radius: 100px;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.tab-list {
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border-right: 1px solid rgba(255, 255, 255, .3);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin: 0 7px;
    padding: 0 7px;
    font-family: Open Sans, sans-serif;
    text-decoration: none;
    display: flex;
    position: relative
}

.tab-list.last-child {
    border-right-width: 0
}

.tab-text {
    color: #333;
    width: 70%;
    padding: 0 20px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    line-height: 32px;
    position: relative
}

.image-107 {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: relative
}

.tab-block {
    padding: 50px 20px 20px;
    display: flex
}

.tab-title-2 {
    color: #fff;
    text-align: center;
    background-color: #0890f2;
    border-top: 5px solid #0890f2;
    border-bottom: 0 solid #0890f2;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 50px;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s;
    display: block;
    position: relative
}

.tab-title-2.w--current {
    color: #fff;
    background-color: #0890f2;
    border: 0 solid #0890f2;
    border-top: 5px transparent;
    align-items: center;
    padding: 20px 50px;
    transition: all .2s;
    display: block
}

.tab-title-2.item-bgcolor {
    background-color: #0890f2;
    border-top-width: 0;
    border-right: 0 solid rgba(255, 255, 255, .3);
    border-radius: 0;
    padding: 15px;
    font-size: 18px
}

.tab-title-2.item-bgcolor.no-border {
    border-right-width: 0
}

.icon-embed {
    z-index: 2;
    max-height: 24px;
    position: relative
}

.icon-embed.big {
    max-height: 40px
}

.icon-embed.i-w {
    color: #ba43fc
}

.tabs-2 {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
    width: 94%;
    display: flex
}

.text-color-yellow {
    color: #ffc933
}

.text-color-red {
    color: #f6285f
}

.text-color-green {
    color: #41e88d
}

.text-color-grey {
    color: #fff;
    position: relative
}

.text-color-grey._1,
.text-color-grey._1.hide-mobile.x {
    color: #000
}

.text-color-grey.hide-mobile {
    color: #fff
}

.tab-content-2 {
    grid-row-gap: 20px;
    background-color: rgba(49, 49, 49, 0);
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0
}

.tabs-content-wrapper {
    width: 100%
}

.tabs-menu-5 {
    background-color: #442a80;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px;
    display: flex
}

.tablink {
    grid-column-gap: 12px;
    color: #fff;
    background-color: transparent;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 200px;
    padding: 10px 24px;
    font-weight: 600;
    display: flex
}

.tablink.w--current {
    color: #1ac500;
    background-color: transparent
}

.tablink._1 {
    color: #fff;
    width: 48%
}

.tablink._1.w--current {
    color: #41e88d;
    width: 50%
}

.tablink._3 {
    color: #757373
}

.tablink._3.w--current {
    color: #ffc933
}

.tablink._2 {
    color: #4d4d4d;
    width: 50%
}

.tablink._2.w--current {
    color: #000
}

.content-icon {
    border: 1px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex
}

.active-tablink {
    z-index: 0;
    grid-column-gap: 12px;
    color: #fff;
    background-color: #fff;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.active-tablink.w--current {
    color: #1ac500;
    background-color: transparent
}

.tab-content-inner {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    overflow: hidden
}

.columns-20 {
    width: 100%
}

.text-span-28 {
    font-size: 45px;
    line-height: 50px
}

.brand-11 {
    width: 25%
}

.brand-12 {
    width: 15%
}

.image-108 {
    text-align: left;
    display: block
}

.div-block-303 {
    text-align: center;
    justify-content: center;
    display: flex
}

.heading-50 {
    font-size: 45px;
    font-weight: 500;
    line-height: 50px
}

.text-span-29.bey {
    color: #fff
}

.bold-text-70 {
    font-weight: 500
}

.text-span-30 {
    color: #272727
}

.text-span-31 {
    font-size: 42px
}

.bold-text-71 {
    font-size: 45px
}

.mb-4 {
    margin-bottom: 5%
}

.image-110 {
    width: 16%;
    max-width: none;
    margin-right: 5px
}

.image-110.ff {
    width: 20%;
    margin-right: 5px
}

.image-110.ff.kjk {
    width: 34%
}

.image-111 {
    width: 100%;
    margin-top: 6%
}

.column-30 {
    flex-direction: column;
    display: flex
}

.left-arrow-7 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding-left: 0
}

.popup-btn {
    color: #000;
    background-color: #fff;
    width: 100%;
    margin-top: 40px;
    padding: 20px;
    font-size: 1.8125rem;
    font-weight: 600;
    line-height: 1.25rem;
    display: block
}

.header-wraper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    display: flex
}

.popup-top-wraper {
    justify-content: space-between;
    display: flex
}

.container-medium {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.humberger-icon {
    display: none
}

.html-embed-2 {
    background-color: #fff;
    width: 60px;
    padding: 15px;
    line-height: 0
}

.popup-menu-text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 2.5rem
}

.header-spaching {
    justify-content: space-between;
    padding-top: 25px;
    display: flex
}

.html-embed-25 {
    width: 1.25rem;
    height: 1.25rem
}

.menu-item-2 {
    padding: 10px;
    font-family: Merriweather, serif;
    font-size: 1px
}

.popup-middle-wraper {
    margin-top: 40px
}

.popup-wraper {
    background-color: #000;
    width: 100%;
    max-width: 50%;
    height: 100%;
    padding: 20px
}

.popup-menu-link {
    text-decoration: none
}

.nav-link-item {
    background-color: #fff;
    border-radius: 4px;
    margin-right: 10px;
    padding: 15px 20px;
    text-decoration: none
}

.header-3 {
    background-color: transparent;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
    overflow: visible
}

.header-3.masa-gizle {
    display: none
}

.cta-btn {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 17px 30px;
    font-family: Merriweather, serif;
    font-size: 18px;
    font-weight: 700
}

.cta-btn:hover {
    color: #000;
    background-color: #fff;
    border: 2px solid #000
}

.mobile-popup {
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.popup_menu-wraper {
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex
}

.nav-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.logo-text {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Merriweather, serif;
    font-size: 2.375rem;
    font-weight: 700
}

.logo-text.is-mobile {
    color: #fff
}

.button-group {
    border: 0 #95ff00;
    border-left: 21px #902626;
    border-right: 1px transparent
}

.nav-item {
    color: #000;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.25rem
}

.div-block-317 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.gizzzzzz {
    display: none
}

.mt-5 {
    margin-top: 10%
}

.html-embed-9 {
    float: right;
    text-align: right;
    background-color: transparent;
    width: 30%;
    margin-top: 29px;
    margin-right: 63px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.cookie-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    display: none
}

.link-blue-2 {
    color: #009bfa;
    line-height: 20px;
    text-decoration: none;
    transition: border-color .3s;
    display: inline-block
}

.link-blue-2:hover {
    color: #0082d1
}

.cookie-text {
    text-align: left;
    width: 70%;
    padding-top: 16px;
    padding-left: 42px;
    font-size: 14px;
    line-height: 22px;
    position: static
}

.cookie-arksigner {
    z-index: 500;
    width: 100%;
    margin-bottom: -30px;
    display: none;
    position: fixed;
    bottom: 20px
}

.cookie-arksigner.mobile-cerez-dix {
    display: none
}

.div-block-318 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 50%;
    background-size: cover
}

.image-970 {
    border-radius: 20px
}

.text-block-118 {
    color: #000
}

.div-block-319 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
    background-position: 0 0;
    background-size: cover
}

.destaque-small-title {
    text-transform: capitalize;
    text-shadow: 1px 1px rgba(0, 0, 0, .65);
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 26px
}

.destaque-small-title.destque-small-big-title {
    font-size: 40px;
    line-height: 1em
}

.destaque-small-summary {
    text-shadow: 1px 1px rgba(0, 0, 0, .65);
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400
}

.container-22241 {
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px
}

.destaque-big {
    color: #fff;
    background-color: #333;
    background-image: linear-gradient(transparent 40%, rgba(0, 0, 0, .8)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65ba43884db64353879a5af5_blog-4.jpg);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    width: 100%;
    height: 568px;
    text-decoration: none;
    position: relative
}

.title-destaque-big {
    z-index: 2;
    text-transform: capitalize;
    text-shadow: 1px 1px rgba(0, 0, 0, .65);
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 40px;
    line-height: 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.destaque-small-wrapper {
    z-index: 2;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 30%
}

.section-destaques {
    padding-top: 48px;
    padding-bottom: 48px
}

.destaque-column-left {
    padding-right: 0
}

.destaque-small {
    color: #fff;
    background-color: #333;
    background-image: linear-gradient(transparent 20%, rgba(0, 0, 0, .8)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65ba055c123994a121699cb2_blog.jpg);
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    width: 100%;
    height: 280px;
    margin-top: 0;
    margin-bottom: 8px;
    text-decoration: none;
    display: block;
    position: relative
}

.destaque-small.detaque-small-bg-2 {
    background-image: linear-gradient(transparent 20%, rgba(0, 0, 0, .8)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65ba3c971c8a4971d9b27d3c_blog-3.jpg);
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover
}

.post-title {
    clear: both;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1.2em
}

.container-22242 {
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px
}

.sidebar-dark-blue {
    color: #fff;
    background-color: #394449;
    margin-bottom: 33px;
    padding: 35px 28px
}

.tag-link {
    float: left;
    color: #aaa;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s
}

.tag-link:hover {
    color: #777
}

.blog-post-wrapper {
    padding-right: 40px
}

.h2-3 {
    color: #525252;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.2em
}

.h2-3.title-separator {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 40px
}

.post-author {
    color: #929292;
    margin-top: 17px;
    font-size: 16px;
    font-weight: 600
}

.hidden {
    display: none
}

.button-41 {
    text-align: center;
    text-transform: uppercase;
    background-color: #ff9326;
    border-radius: 5px;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s;
    display: block
}

.button-41:hover {
    background-color: #2f91e0;
    text-decoration: none
}

.button-41.button-blue {
    background-color: #2f91e0
}

.button-41.button-blue:hover {
    background-color: #ff9326
}

.button-41.button-blue.newsletter-submit {
    margin-top: 15px
}

.sidebar {
    max-width: 247px;
    margin-left: auto
}

.blog-thumb {
    width: 100%;
    height: auto
}

.titilo-newsletter {
    font-size: 20px;
    line-height: 26px
}

.newsletter-text {
    font-size: 15px;
    line-height: 20px
}

.post-title-link {
    clear: both;
    color: #535353;
    text-decoration: none;
    transition: color .2s
}

.post-title-link:hover {
    color: #a3c500;
    text-decoration: none
}

.text-input {
    border: 0 #000;
    height: 48px
}

.blog-post {
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    padding-bottom: 25px
}

.blog-thumb-wrapper {
    margin-top: 2px;
    margin-right: 20px;
    display: block
}

.ebook-image {
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 5px;
    display: block
}

.pagination-link {
    color: #fff;
    background-color: #bcbcbc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-left: 2px;
    margin-right: 2px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    transition: background-color .2s;
    display: inline-block;
    overflow: hidden
}

.pagination-link:hover {
    background-color: #a3c500;
    text-decoration: none
}

.pagination-link.previous-post-link {
    border-radius: 15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px
}

.pagination-link.pagination-current {
    background-color: #a3c500
}

.pagination-link.next-post-link {
    border-radius: 15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px
}

.pagination-omission {
    height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    top: -10px
}

.post-date {
    float: right;
    color: #535353;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a7c2099ded4113261220_ic_clock.png);
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px
}

.post-summary {
    margin-bottom: 15px
}

.blog-post-container {
    padding-left: 20px;
    overflow: hidden
}

.newsletter-sidebar-form {
    margin-top: 30px
}

.section-publicaciones {
    padding-top: 50px;
    padding-bottom: 50px
}

.blog-pagination {
    text-align: center;
    margin-top: 50px
}

.sidebar-newsletter {
    text-align: center;
    background-color: #edece8;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a7c2099ded4113261226_bg_newsletter.png);
    background-position: 0 100%;
    background-repeat: repeat-x;
    padding: 33px 26px 40px
}

.div-block-320,
.div-block-321 {
    margin-bottom: 40px
}

.progress-wrapper {
    z-index: 9999;
    flex-direction: column;
    align-items: center;
    width: 30px;
    height: 100vh;
    padding-top: 95px;
    padding-bottom: 40px;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0
}

.percent {
    color: #ff1657;
    margin-right: 1.5px;
    font-size: 9px;
    font-weight: 500;
    line-height: 10px;
    transform: rotate(90deg)
}

.progress-track {
    flex: 1;
    width: 5px;
    margin: 5px 5px 10px
}

.progress-bar {
    background-color: #ff1657;
    border-radius: 2px;
    width: 5px;
    height: 1%
}

.section-159 {
    min-height: 100vh;
    margin-top: 4%;
    padding-top: 60px;
    padding-bottom: 50px
}

.section-159._50 {
    padding-top: 50px
}

.post-wrapper {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 30px;
    margin-right: 40px;
    padding-bottom: 30px
}

.post-wrapper.small {
    margin-bottom: 0;
    padding-bottom: 15px
}

.blog-image {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    min-height: 350px;
    margin-bottom: 30px
}

.divider-4 {
    background-color: #f0f0f0;
    height: 1px;
    margin-bottom: 21px
}

.image-971 {
    margin-top: 40px;
    position: static;
    top: 37%
}

.list-9 {
    margin-top: 20px;
    margin-bottom: 20px
}

.bold-text-80 {
    font-size: 30px
}

.ara-h2 {
    text-align: center;
    font-size: 35px;
    font-weight: 500
}

.ara-h2.h-beya {
    color: #fff
}

.h3-ara {
    text-align: center;
    font-weight: 400
}

.h3-ara.alt-h3 {
    height: 100px
}

.h3-ara.alt-h3.h-beyaz {
    color: #fff
}

.h1-ara {
    color: #000;
    font-size: 30px;
    font-weight: 600
}

.cell,
.cell-2,
.cell-3,
.cell-4,
.cell-5 {
    align-items: center
}

.ii {
    margin-bottom: 5%
}

.cell-6 {
    background-color: #f7f7f7;
    border-radius: 14px;
    align-items: center;
    padding: 20px
}

.cell-7,
.cell-8 {
    align-items: center
}

.div-block-322 {
    object-fit: cover;
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65c33a12c771b7ba9745d98e_aarka.png);
    background-position: 0 0;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px
}

.image-972,
.image-973,
.image-974,
.image-975,
.image-976 {
    padding-bottom: 20px
}

.image-977 {
    width: 112%
}

.image-978 {
    z-index: 18;
    perspective-origin: 100% 0;
    position: absolute;
    top: 23%;
    bottom: 0%;
    left: auto;
    right: 0%;
    transform: perspective(239px)
}

.image-978.f {
    z-index: 22;
    top: auto;
    bottom: 20%;
    left: auto;
    right: 38%
}

.image-979 {
    z-index: 24;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: auto;
    right: 0%
}

.image-980 {
    z-index: 26;
    position: absolute;
    top: 10%;
    right: 13%
}

.image-981 {
    position: absolute;
    top: 10%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-982 {
    z-index: 26;
    position: absolute;
    top: auto;
    bottom: 15%;
    left: auto;
    right: 0%
}

.image-983 {
    z-index: 4;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-984 {
    position: absolute
}

.image-984.ff {
    z-index: 5;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 25%
}

.nobold {
    margin-bottom: 40px;
    font-weight: 500
}

.tabs-content-wrapper-2 {
    margin-top: 2em;
    overflow: visible
}

.tabs-nav-item-underline {
    grid-column-gap: .5em;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    background-color: transparent;
    border-radius: 999em;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: .9em 2em;
    transition: all .3s;
    display: flex;
    position: relative
}

.tabs-nav-item-underline:hover {
    color: #fff;
    background-color: transparent
}

.tabs-nav-item-underline.w--current {
    color: #fff;
    background-color: transparent;
    font-weight: 500
}

.second-example-with-unterline {
    border-top: 1px dashed #505050;
    margin-top: 5em;
    padding-top: 5em
}

.tab-content-title {
    color: #fff;
    font-size: 3em;
    font-weight: 500;
    line-height: 1;
    position: absolute
}

.tabs-nav-unterline {
    z-index: 0;
    background-color: #fff;
    border-radius: 999em;
    height: 2px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.tab-content-image {
    border-radius: 1.4em
}

.tab-content-3 {
    justify-content: center;
    align-items: center;
    display: flex
}

.tabs-menu-underline-wrapper {
    background-color: #464646;
    border-radius: 1.4em;
    align-items: center;
    padding: 1em 2.5em 1.2em;
    display: flex
}

.tabs-nav-icon {
    width: 1.5em;
    height: 1.5em
}

.tabs-nav-text {
    z-index: 1;
    position: relative
}

.tabs-menu-wrapper {
    background-color: #464646;
    border-radius: 999em;
    align-items: center;
    padding: .7em .8em;
    display: flex
}

.tab-content-inner-2 {
    justify-content: center;
    align-items: center;
    display: flex
}

.tabs-nav-item {
    color: #fff;
    text-align: center;
    background-color: transparent;
    border-radius: 999em;
    flex: 1;
    padding: 1em 2em;
    transition: all .3s;
    position: relative
}

.tabs-nav-item:hover {
    background-color: #535353
}

.tabs-nav-item.w--current {
    color: #000;
    background-color: transparent;
    font-weight: 500
}

.tabs-nav-background {
    z-index: 0;
    background-color: #fff;
    border-radius: 999em;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 0 22px 2.5em rgba(0, 0, 0, .4)
}

.first-example-with-background {
    display: none
}

.h2-32 {
    font-size: 32px
}

.div-block-323 {
    background-color: #fff;
    background-image: none;
    background-size: auto;
    border: 1px solid #fff;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    margin: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex
}

.div-block-323.bg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65f97d30feb540b770b2330d_dd.jpg);
    background-position: 50% 70%;
    background-size: cover;
    border-style: none;
    height: 500px
}

.div-block-323.bg.bg-2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6606889918784e9b004454ea_gorsel_fon.jpg);
    background-position: 50% 77%
}

.div-block-323.bg.bg-2.bireysel-4 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/662b8a15ce6a389a9ec165c2_Bulutta%20ve%20masau%CC%88stu%CC%88nde.png);
    display: block
}

.div-block-323.bg.bg-2.kurumsal-3 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6630d996badffcfa54f46267_Kusursuz%20uyum!.png);
    display: block
}

.div-block-323.bg.ffdf {
    justify-content: center;
    align-items: flex-start
}

.div-block-323.bg.bireysel-1 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/662b6b60ecc5f7238588bbf1_Acil%20e-I%CC%87mza\'ya%20ihtiyac%C4%B1n%C4%B1z%20varsa%20.jpg)
}

.div-block-323.bg.bireysel-1.r {
    display: block
}

.div-block-323.bg.bireysel-2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/662b6d2d0fb5b59d80a7deb3_bireysel-mobil-bas%CC%A7vuru.jpg);
    display: block
}

.div-block-323.bg.kurumsal-1 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6630d3380d3c32f1dc5bf7cf_Kusursuz%20mobil%20deneyimi.png);
    display: block
}

.div-block-323.bg.kurumsal-2 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6630d58bbde133a03004977b_Yu%CC%88z%20canl%C4%B1l%C4%B1k%20kontrolu%CC%88%20.png);
    display: block
}

.div-block-323.bg.isortagi {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6630ee292ba3bb6be45ebeea_is%CC%A7%20ortaklar%C4%B1na%20sag%CC%86lad%C4%B1g%CC%86%C4%B1%20avantajlar.png);
    display: block
}

.div-block-323.bg.ccr {
    display: block
}

.div-block-323.hh {
    height: 300px
}

.div-block-323.hh.nh {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660bf8493384e13ff95b2aa1_main-slider-shape-1.png);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain
}

.div-block-323.hh.i {
    margin-left: 10px;
    margin-right: 10px
}

.div-block-323.hh.i._300 {
    min-height: 300px
}

.div-block-323.bg-black {
    background-color: transparent;
    border-style: none
}

.div-block-323.siyah {
    background-color: #000;
    border-style: none
}

.div-block-323.siyah.gri {
    background-color: #151515
}

.div-block-323.siyah.d {
    margin-top: 5%
}

.div-block-323.bgggg {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660af559b12eb9e30195fc1b_team_bg_2.png);
    background-position: 0 0;
    background-size: cover
}

.div-block-323.bg-4 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660be84dbc10a882e8a43e9f_tech_shape_3.png);
    background-position: 0%;
    background-repeat: repeat-y;
    background-size: auto
}

.div-block-323.bg-6 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660be84dbc10a882e8a43e9f_tech_shape_3.png);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto
}

.div-block-323.bg-11 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660bf8493384e13ff95b2aa1_main-slider-shape-1.png);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: column
}

.div-block-323.bg-11.fff {
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-style: none
}

.div-block-323.bg-11.fff.d {
    min-height: auto;
    margin-top: 6%
}

.div-block-323.ii,
.div-block-323.dd {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660af559b12eb9e30195fc1b_team_bg_2.png);
    background-size: auto
}

.div-block-324 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 40px;
    display: flex
}

.div-block-324.cc {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start
}

.div-block-325 {
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-325.g-left {
    justify-content: flex-start;
    align-items: center
}

.div-block-325.g-right {
    justify-content: flex-end;
    align-items: center
}

.columns-22 {
    align-items: center;
    display: flex
}

.div-block-326 {
    margin-bottom: 10px;
    display: flex
}

.image-985 {
    margin-right: 10px
}

.button-42 {
    cursor: pointer;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 54px;
    margin-top: 20px;
    display: flex;
    position: relative;
    transform: none
}

.heading-53 {
    z-index: 0;
    color: #fff;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.5em;
    font-weight: 300;
    line-height: 1;
    position: absolute
}

.heading-53.sdsds {
    width: 54%;
    margin-top: 5px;
    margin-left: 53%
}

.wrapper-4 {
    justify-content: space-between;
    width: 920px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.wrapper-4.navigation-container-full.beyaz-yok {
    background-color: rgba(255, 255, 255, 0)
}

.beyazz {
    color: #fff;
    font-size: 32px
}

.beyazz.med {
    font-size: 25px;
    font-weight: 400
}

.cent {
    text-align: center
}

.div-block-327 {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex
}

.paddd {
    padding-left: 40px;
    padding-right: 40px
}

.mb-0 {
    margin-bottom: 0
}

.mb-0.centerrrr.mb-3 {
    margin-bottom: 5%
}

.mb-0.pwhite {
    font-size: 32px
}

.mb-0.pwhite.h6,
.mb-0.h6 {
    font-weight: 500
}

.mt-0 {
    margin-top: 0
}

.faq-plus {
    background-color: #c486dc;
    border-radius: 3px;
    width: 100%;
    height: 5px
}

.faq-answer-text {
    color: #000;
    margin-bottom: 30px;
    font-size: 16px
}

.link-13 {
    color: #2aa8ff;
    font-weight: 600
}

.faq-plus-l {
    background-color: #c486dc;
    border-radius: 3px;
    width: 5px;
    height: 100%;
    position: absolute
}

.faq-question {
    cursor: pointer;
    align-items: center;
    height: 90px;
    font-size: 22px;
    font-weight: 800;
    display: flex
}

.container-22243 {
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
    position: relative
}

.container-22243.faq-container {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 5px;
    max-width: 900px;
    padding-top: 60px;
    padding-bottom: 80px;
    box-shadow: 0 0 50px rgba(45, 62, 80, .06)
}

.faq-plus-wrap {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 25px;
    display: flex;
    position: relative
}

.pricing-h1 {
    text-align: center
}

.pricing-h1.faq-h2 {
    margin-bottom: 50px
}

.faq-q-text {
    color: #000;
    font-weight: 500
}

.faq-answer {
    border-bottom: 1px solid rgba(45, 62, 80, .12);
    padding-left: 45px;
    overflow: hidden
}

.faq-answer.last-faq-answer {
    border-bottom-width: 0
}

.centerrrr,
.div-block-328 {
    text-align: center
}

.accordion-faq {
    cursor: pointer;
    border-bottom: 2px solid #f3f4ff;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: -1px;
    padding: 30px;
    display: flex;
    overflow: hidden
}

.detail {
    color: rgba(19, 22, 23, .7);
    margin-bottom: 0;
    font-weight: 400
}

.payment-terms {
    font-size: 12px
}

.extras__left-col {
    width: 40%;
    font-weight: 400;
    position: relative
}

.text-large {
    font-size: 2.5em;
    line-height: 1.3
}

.text-large.z2 {
    z-index: 2;
    position: relative
}

.accordion-wrapper {
    background-color: #fff;
    border: 5px solid #f3f4ff;
    border-radius: 3px;
    margin-bottom: 3em;
    overflow: hidden
}

.text-question {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.1em
}

.price-tab {
    color: rgba(19, 22, 23, .7);
    text-align: center;
    background-color: transparent;
    border-radius: 50px;
    width: 50%;
    margin-top: -2px;
    margin-bottom: -2px;
    padding: .5em 0;
    font-size: .9em;
    transition: background-color .2s, color .2s
}

.price-tab:hover {
    color: #1c2d45
}

.price-tab.w--current {
    color: #fff;
    background-color: #000;
    box-shadow: 1px 1px 10px rgba(28, 45, 69, .08)
}

.faqs-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5em
}

.overflow {
    overflow: visible
}

.standard-paragraph {
    color: rgba(0, 0, 0, .6);
    letter-spacing: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    line-height: 1.7rem
}

.standard-paragraph.smaller {
    font-size: .95rem;
    line-height: 1.2rem
}

.accordion-grid {
    grid-column-gap: 50px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 5fr;
    margin-top: 3em;
    position: relative
}

.price-2 {
    overflow-wrap: normal;
    margin-bottom: 12px;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.1
}

.pricing-option {
    margin-bottom: 12px;
    font-size: 1.8em;
    line-height: 1.6em
}

.feature-grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 32px
}

.feature-grid-2.sss {
    grid-template-rows: auto
}

.relative {
    position: relative
}

.discount-container {
    color: #fcfbf3;
    background-color: #54298a;
    border-radius: 12px;
    width: 135px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 18px;
    font-size: .8em;
    display: inline-block;
    position: absolute;
    top: -2em;
    bottom: auto;
    left: 0;
    right: 0
}

.pricing-card-grid {
    z-index: 2;
    grid-column-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: -1em;
    margin-right: -1em;
    padding-bottom: 6em;
    padding-left: 1em;
    padding-right: 1em;
    position: relative
}

.featured-review-see-more {
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    display: inline-block
}

.icon-button {
    color: #fff;
    background-color: rgba(159, 51, 198, 0);
    background-image: none;
    border: 1px solid #aa81df;
    border-radius: 8px;
    justify-content: center;
    align-items: stretch;
    padding: 1.1em 1.7em;
    font-weight: 400;
    text-decoration: none;
    transition: all .2s;
    display: inline-block
}

.icon-button:hover {
    color: #fff;
    background-color: #4a3280;
    border-style: none
}

.icon-button._10 {
    margin-bottom: 10px
}

.answer-wrap {
    display: block
}

.flex-row-center {
    color: #000;
    justify-content: center;
    align-items: center;
    display: flex
}

.flex-row-center:hover {
    color: #fff
}

.f-r-see-more {
    color: #16192c;
    justify-content: center;
    align-items: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.f-r-see-more:hover {
    color: #706548
}

.pricing-features {
    margin-bottom: 12px;
    font-size: 1em;
    line-height: 24px
}

.text-mark {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65faf1e2db8259238f1ef867_highlight.svg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.accordion-answer-wrap {
    padding-bottom: 0;
    overflow: hidden
}

.h1 {
    margin-bottom: 1rem;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1
}

.extras__right-col {
    width: 50%
}

.integrations-block {
    box-shadow: none;
    outline-offset: 0px;
    mix-blend-mode: normal;
    background-color: #fff;
    border-radius: 24px;
    outline: 1px solid #9f33c6;
    flex-direction: column;
    padding: 2em;
    transition: none;
    display: flex
}

.text-align-center-2 {
    text-align: center
}

.feature-wrap {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65faf1e2db8259238f1ef868_icon-start-rating.svg);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 20px;
    align-items: center;
    padding-left: 24px;
    display: flex
}

.button-arrow {
    justify-content: center;
    align-items: center;
    width: 20px;
    margin-left: 8px;
    display: flex
}

.text-answer {
    margin-top: 15px;
    margin-bottom: 0
}

.lottie {
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 15px
}

.h2-4 {
    color: #1c2d45;
    margin-bottom: 1rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2
}

.padding-vertical-2 {
    padding: 0
}

.extra-plans {
    justify-content: space-between;
    align-items: flex-start;
    max-width: 900px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.pricing-menu {
    background-color: #f3f4ff;
    border-radius: 50px;
    width: 23.6em;
    margin: 2em auto 5em;
    padding: 9px;
    display: block;
    overflow: hidden
}

.pricing-menu.bilgi {
    width: 36.4em
}

.text-price {
    margin-top: .5em;
    font-size: 1.1em
}

.title-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block
}

.nav-link-11 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 15px;
    transition: all .35s
}

.nav-link-11:hover {
    color: #02676b
}

.nav-link-11.w--current {
    color: #4e2e85;
    font-weight: 600
}

.navigation-contact {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.navigation-top {
    background-color: #333;
    border-bottom: 1px #ececec;
    justify-content: flex-end;
    align-self: auto;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 35px;
    display: flex
}

.button-43 {
    background-color: #02676b;
    border-radius: 10px;
    padding: 16px 32px;
    transition: all .35s
}

.button-43:hover {
    background-color: #025c5f
}

.button-43.button-space {
    background-color: #54298a;
    margin-left: 20px
}

.detail-icon {
    margin-right: 5px
}

.logo-8 {
    width: 150px
}

.nav-menu-15 {
    color: #3f0a3d;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex
}

.navigation-detail {
    color: #02676b;
    font-size: 15px;
    display: flex
}

.navigation-detail.detail-left {
    margin-right: 20px
}

.navigation-detail.black {
    color: #fff
}

.navigation-base-dark {
    background-color: rgba(63, 10, 61, .1);
    justify-content: center;
    align-items: center;
    min-height: 500px;
    padding: 100px 3%;
    transition: all .35s;
    display: flex
}

.brand-13 {
    margin-right: 20px;
    padding: 12px
}

.navigation-container-full {
    background-color: #fff;
    border: 1px #000;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    display: flex
}

.navigation-container-full.beyz-yok {
    background-color: rgba(255, 255, 255, 0)
}

.container-22244 {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.nav06 {
    background-color: #333;
    flex-direction: column;
    align-items: center;
    display: flex
}

.text-block-119 {
    color: #3b1c6f
}

.text-block-119.black {
    color: #fff
}

.text-block-120 {
    color: #3b1d6f
}

.text-block-120.black {
    color: #fff
}

.div-block-329 {
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    display: flex
}

.section-160 {
    background-color: #fff;
    width: 100%
}

.beyazzz {
    color: #fff
}

.div-block-330 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-330.lo {
    justify-content: flex-start;
    align-items: center;
    margin-top: -194px;
    display: flex
}

.before-wrapper {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.paragraph-41 {
    font-size: 16px;
    line-height: 24px
}

.paragraph-41.paragraph-large {
    font-size: 24px;
    line-height: 38px
}

.paragraph-41.paragraph-large.in-hero {
    max-width: 600px
}

.container--full {
    height: 80vh;
    position: relative
}

.content-container {
    flex: 1;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.runner {
    background-color: #fff;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute
}

.after-image {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.heading-54 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 45px;
    line-height: 60px
}

.heading-54.hero-heading {
    font-size: 48px;
    font-weight: 600;
    line-height: 64px
}

.slider--comparison {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.section-161 {
    padding-top: 64px;
    padding-bottom: 64px
}

.section-161.section-overflow {
    overflow: hidden
}

.before-image {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66068256dce59d61df5b4b1f_zaman-damgasi.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.section-headline {
    z-index: 1
}

.section-headline.content-centered {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.after-wrapper {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible
}

.after-image-inner {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/660680f60d7d5dc85f4a61bf_C2S-Mobil-cihaz-siyah.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible
}

.devider-line {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 4px;
    margin-left: -2px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.paragraph-42 {
    font-size: 16px;
    line-height: 24px
}

.paragraph-42.paragraph-large {
    font-size: 24px;
    line-height: 38px
}

.paragraph-42.paragraph-large.in-hero {
    max-width: 600px
}

.heading-55 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 45px;
    line-height: 60px
}

.heading-55.hero-heading {
    font-size: 48px;
    font-weight: 600;
    line-height: 64px
}

.section-162 {
    padding-top: 64px;
    padding-bottom: 64px
}

.section-162.section-overflow {
    overflow: hidden
}

.section-tip {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.moving-text_component {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    display: flex
}

.opacity {
    opacity: .15
}

.background-blur {
    z-index: -1;
    opacity: .23;
    filter: blur(120px);
    background-color: #8f00ff;
    border-radius: 100%;
    width: 30rem;
    height: 30rem;
    position: absolute
}

.button-secondary-2 {
    color: #fbf9fc;
    text-align: center;
    background-color: #141314;
    border: .125rem #141314;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    font-weight: 400;
    transition-property: none
}

.button-secondary-2:hover {
    opacity: .8
}

.button-secondary-2.is-small {
    max-width: 12rem;
    padding: .5rem 1rem;
    font-size: .875rem
}

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

.nav_column.is-ctas {
    justify-content: flex-end
}

.nav_column.is-post-name {
    grid-column-gap: .5rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 2rem auto 2rem;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    display: grid
}

.nav_column.is-logo {
    grid-column-gap: .5rem;
    grid-row-gap: 0px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 2rem auto;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    justify-items: start;
    display: flex
}

.button-44 {
    color: #fff;
    text-align: center;
    background-color: #8f00ff;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    font-weight: 400;
    transition-property: none
}

.button-44:hover {
    opacity: .8
}

.button-44.is-small {
    max-width: 12rem;
    padding: .5rem 1rem;
    font-size: .875rem;
    transition: opacity .2s
}

.main-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    height: 100vh;
    display: grid
}

.image-logo-icon {
    width: 1.75rem
}

.nav_progress-content {
    white-space: nowrap
}

.icon-1x1-xsmall {
    width: 1.5rem;
    height: 1.5rem;
    display: block
}

.nav_wrapper {
    grid-column-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: grid
}

.button-wrapper-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: flex
}

.nav_progress-percentage {
    background-color: #fbf9fc;
    border-radius: 100rem;
    width: 82%;
    height: 100%
}

.nav_post-direction {
    background-color: #141314;
    border-radius: 50%;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex
}

.nav_post-direction.right {
    padding-left: 1px
}

.image-logo-full {
    display: none
}

.text-size-small {
    font-size: .875rem
}

.text-size-small.text-weight-normal {
    line-height: 1.5
}

.nav_progress-bar {
    background-color: #141314;
    border-radius: 100rem;
    flex: 1;
    align-items: center;
    min-width: 5rem;
    max-width: 10rem;
    height: .875rem;
    padding: .25rem;
    display: flex
}

.container-xxlarge {
    width: 100%;
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto
}

.nav_tip-title {
    z-index: 1;
    grid-column-gap: .25rem;
    align-items: center;
    display: flex;
    position: static
}

.page-padding-3 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: static
}

.nav_progress-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: 0rem;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: minmax(8rem, auto) auto;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: stretch;
    display: flex
}

.nav_component {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0d0d0e;
    border-top: 1px solid #161616;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    display: block;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.image-987 {
    position: absolute;
    top: 384.141px;
    left: 5px
}

.section-163 {
    min-height: 500px
}

.section-163.e-imza-top {
    margin-top: 5%
}

.image-988 {
    position: absolute;
    right: 687px
}

.top-block-text {
    position: absolute;
    top: 20px
}

.image-cover-2 {
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute
}

.apple-grid-block {
    color: #fff;
    text-align: center;
    background-color: #1a1a1a;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden
}

.apple-grid-block.green {
    background-color: #0c3138
}

.image-nudge-down {
    position: relative;
    bottom: -8px
}

.section-164 {
    background-color: #000;
    padding-top: 60px;
    padding-bottom: 60px
}

.section-164.full-height {
    flex-direction: column;
    height: 100vh;
    min-height: 800px;
    display: none;
    overflow: hidden
}

.middle-block-text {
    position: absolute
}

.apple-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 1fr 1fr 1fr auto;
    grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    height: 100%
}

.bottom-block-text {
    position: absolute;
    bottom: 20px
}

.container-22245 {
    max-width: 1400px;
    height: 100%;
    padding-left: 60px;
    padding-right: 60px;
    display: block
}

.image-nudge-up {
    position: relative;
    top: -15px
}

.image-nudge-up.ff {
    width: auto;
    max-width: 210%;
    top: -25%;
    right: 8px
}

.section-165 {
    z-index: 2147483647;
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex;
    position: fixed;
    top: 0
}

.text-block-121 {
    color: #fff;
    font-size: 15px
}

.image-989 {
    padding-right: 10px
}

.div-block-331 {
    z-index: 9999;
    background-color: #881790;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    display: flex;
    position: relative
}

.bg-video {
    align-self: center;
    height: 100%;
    margin-left: -10vw
}

.first-button {
    background-color: #181818;
    align-items: center;
    margin-top: 10px;
    padding-right: 20px;
    display: flex
}

.text-button {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.image-990 {
    width: 0;
    height: 20px
}

.div-block-332 {
    background-color: #fff;
    border-radius: 100px;
    width: 8px;
    height: 8px
}

.text-small {
    z-index: 1;
    color: #fff;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 200;
    position: relative
}

.grid-main {
    z-index: 1;
    grid-column-gap: 0px;
    grid-template: ". . . . . ."/1fr 1fr 1fr 1fr 1fr 10%;
    width: 100%;
    height: 100vh;
    padding-left: 10%;
    display: none;
    position: relative
}

.div-scroll-down {
    z-index: 11;
    opacity: .4;
    flex-direction: column;
    justify-content: center;
    align-self: end;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    position: relative
}

.div-scroll-conteiner {
    border: 1px solid #fff;
    border-radius: 100px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 28px;
    height: 48px;
    margin-top: 5px;
    padding-top: 10px;
    display: flex
}

.color-2 {
    color: #54298a;
    -webkit-text-stroke-color: #54298a;
    font-weight: 600
}

.div-content-main {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    overflow: hidden
}

.div-left-first-button {
    background-color: #54298a;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 44px;
    margin-right: 20px;
    display: flex
}

.heading-56,
.paragraph-43,
.text-span-32,
.heading-57 {
    color: #fff
}

.f {
    width: auto;
    max-width: 187%
}

.div-block-333 {
    background-color: #000;
    border-radius: 13px;
    padding-top: 20px;
    padding-bottom: 20px
}

.grid-3 {
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    justify-items: center;
    height: 415px;
    display: flex
}

.link-block-13 {
    color: #000;
    text-decoration: none
}

.container-22246 {
    text-align: center
}

.tab-white {
    background-color: #fff;
    border-radius: 16px;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 20px
}

.dd {
    color: #fff;
    margin-top: 5%;
    font-weight: 400
}

.text-span-33 {
    color: #fff;
    font-weight: 400
}

.bold-text-81 {
    font-size: 20px
}

.link-block-14 {
    text-decoration: none
}

.blog-card-image {
    object-fit: cover;
    border: 1px solid #edf1f2;
    display: block
}

.dropdown-list-body {
    z-index: 3;
    position: relative
}

.nav-sales-text {
    display: none
}

.nav-sales-icon {
    display: block
}

.footer-divider {
    margin-left: 24px;
    margin-right: 24px
}

.blog-card-label {
    color: #9ca6af;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px
}

.inline-footer {
    margin-left: .05em;
    margin-right: .05em;
    font-weight: 500;
    display: inline
}

.inline-footer.svg {
    line-height: 0;
    position: relative;
    top: 3px
}

.dropdown-inner-shadow {
    z-index: 4;
    background-image: linear-gradient(rgba(36, 50, 66, .08), transparent 15%);
    height: 56px;
    position: absolute;
    bottom: 100%;
    left: 0%;
    right: 0%;
    box-shadow: 0 3px 12px rgba(36, 50, 66, .08)
}

.dropdown-card-title {
    color: #151b26;
    text-align: center;
    border: 1px #000;
    margin-bottom: 8px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.dropdown-card-title.is-secondary {
    margin-top: 2px;
    margin-bottom: 0;
    line-height: 19px
}

.dropdown-card-title.not-margin {
    margin-top: 2px;
    margin-bottom: 0
}

.dropdown-card {
    margin-bottom: 36px;
    text-decoration: none;
    display: block;
    position: relative
}

.dropdown-card:hover {
    color: #fff
}

.dropdown-card.has-icon {
    display: flex
}

.dropdown-card.is-secondary {
    margin-bottom: 20px
}

.sidebar-column-bg {
    display: none
}

.dropdown-bg-full {
    background-color: #fff;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 35px 35px 50px rgba(36, 50, 66, .15)
}

.dropdown-sidebar-bg {
    background-color: #f6f8f9;
    border-left: 1px solid #e0e6e8;
    width: 100vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 706px;
    right: 0
}

.dropdown-card-text {
    font-weight: 400
}

.menu-2 {
    float: none;
    background-color: transparent;
    justify-content: space-between;
    align-items: stretch;
    height: 56px;
    font-weight: 500;
    display: flex
}

.blog-card-title {
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.dropdown-footer {
    align-items: center;
    height: 45px;
    display: flex
}

.navbar-wrapper-3 {
    z-index: 2147483647;
    background-color: transparent;
    font-size: 12px;
    position: fixed;
    top: 5%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.blog-card-content {
    padding-left: 0;
    font-weight: 700
}

.dropdown-footer-wrapper {
    background-color: #fbfdfe;
    border-top: 1px solid #e0e6e8;
    position: absolute;
    bottom: 0;
    left: 0%;
    right: 0%
}

.dropdown-footer-wrapper.tablet {
    display: none
}

.dropdown-card-bg {
    opacity: 0;
    border-radius: 3px;
    position: absolute;
    top: -16px;
    bottom: -16px;
    left: -16px;
    right: -16px
}

.dropdown-card-bg.orange {
    background-color: rgba(249, 220, 0, .15)
}

.dropdown-card-bg.is-yellow {
    background-color: #fffede
}

.dropdown-card-bg.is-red {
    background-color: #ffedef
}

.dropdown-card-bg.is-blue {
    background-color: #edf8ff
}

.dropdown-card-bg.purple {
    background-color: #f0f0ff;
    border-radius: 10px
}

.dropdown-card-bg.purple._1,
.dropdown-card-bg.purple._4,
.dropdown-card-bg.purple._5 {
    padding-bottom: 10%
}

.dropdown-card-bg.white {
    background-color: #fff;
    border: 1px solid #edf1f2
}

.dropdown-card-bg.is-green {
    background-color: #e2fffa
}

.dropdown-column.third {
    width: auto;
    padding-left: 20px;
    position: relative
}

.dropdown-footer-copy {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%)
}

.nav-button-2 {
    color: #fff;
    background-color: #4e2e85;
    border-radius: 9px;
    padding: 8px 16px;
    transition: background-color .2s ease-in-out
}

.nav-button-2:hover {
    background-color: #151b26
}

.navbar-8 {
    z-index: 3;
    background-color: #fff;
    position: relative;
    box-shadow: 0 3px 12px rgba(36, 50, 66, .08)
}

.dropdown-overflow {
    padding-top: 40px;
    overflow: auto
}

.blog-card-link {
    color: #646f79;
    justify-content: flex-start;
    margin-top: 8px;
    display: flex;
    position: static;
    top: auto;
    bottom: 0%;
    left: 12px;
    right: 0%
}

.reset-line-height {
    line-height: 0
}

.dropdown-list-6 {
    z-index: 1;
    background-color: transparent;
    padding-bottom: 142px;
    font-size: 13px;
    position: fixed;
    top: 56px;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.dropdown-list-6.w--open {
    top: 100px
}

.dropdown-column-title {
    color: #151b26;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e6e8;
    margin-bottom: 30px;
    padding-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
    position: relative
}

.dropdown-card-content {
    color: rgba(51, 51, 51, .5);
    border: 1px solid rgba(74, 50, 128, .22);
    border-radius: 11px;
    padding: 10px;
    text-decoration: none;
    position: relative
}

.dropdown-card-content:hover {
    color: #000
}

.container-22247 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px
}

.dropdown-subgrid {
    grid-column-gap: 50px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.divider-5 {
    background-color: #4a3280;
    width: 1px;
    height: 28px
}

.dropdown-footer-full {
    z-index: 1;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 96px;
    left: 0%;
    right: 0%
}

.menu-right {
    justify-content: flex-end;
    align-items: center;
    width: 40%;
    display: flex
}

.brand-14 {
    flex: none;
    align-items: center;
    margin-right: 32px;
    display: flex
}

.brand-14.responsive {
    display: none
}

.dropdown-footer-link {
    color: #848f99;
    transition: color .2s
}

.dropdown-footer-link:hover {
    color: #796eff
}

.dropdown-grid {
    grid-column-gap: 50px;
    grid-row-gap: 75px;
    grid-template-rows: auto;
    grid-template-columns: 180px 410px 240px;
    grid-auto-columns: 1fr;
    display: grid
}

.dropdown-grid.resources {
    grid-template-columns: 180px 410px 240px
}

.blog-card {
    background-color: #fff;
    border: 1px solid #edf1f2;
    flex-direction: column;
    margin-bottom: 12px;
    padding: 8px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
    display: flex
}

.blog-card:hover {
    transform: translateY(-2px);
    box-shadow: 4px 0 8px rgba(36, 50, 66, .08)
}

.blog-card.third {
    display: none
}

.dropdown-toggle-4 {
    color: #646f79;
    align-items: center;
    height: 100%;
    padding: 6px 5px 0;
    font-size: 15px;
    transition: color .2s cubic-bezier(.4, 0, .2, .01);
    display: flex
}

.dropdown-toggle-4:hover {
    color: #796eff
}

.dropdown-toggle-4.w--current {
    color: #4e2e85;
    font-weight: 600
}

.dropdown-toggle-4.w--open {
    color: #796eff;
    box-shadow: inset 0 -3px #796eff
}

.dropdown-toggle-4.login {
    margin-left: 10px;
    margin-right: 10px;
    font-family: Exo, sans-serif
}

.dropdown-toggle-4.language {
    display: none
}

.dropdown-toggle-4.line.linee {
    border-style: none;
    width: 6%
}

.dropdown-toggle-4.envelope {
    display: none
}

.dropdown-toggle-4.button {
    background-color: rgba(148, 192, 32, 0);
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    display: block
}

.label-5 {
    color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #796eff;
    border-radius: 2px;
    margin-left: 4px;
    padding: 2px 5px 1px 6px;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    position: absolute
}

.dropdown-card-icon {
    flex: 0 0 18px;
    width: 32px;
    margin-top: 2px;
    margin-right: 12px;
    line-height: 0;
    position: relative
}

.dropdown-card-icon.is_-secondary {
    margin-top: 0
}

.dropdown-card-icon.arrow {
    opacity: .5;
    flex-basis: 14px;
    align-self: center;
    margin-left: 8px;
    margin-right: 0;
    position: static
}

.footer-copy-link {
    color: #796eff
}

.dropdown-bg {
    position: absolute;
    top: 0%;
    bottom: 96px;
    left: 0%;
    right: 0%
}

.navbar-bg {
    z-index: 1;
    opacity: 0;
    background-color: rgba(0, 0, 0, .1);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.menu-left {
    width: 60%;
    display: flex
}

.dropdown-toggle-text {
    margin-right: 6px
}

.conta {
    width: 88%
}

.image-991 {
    text-align: left
}

.image-991.f {
    vertical-align: top;
    justify-content: center;
    display: inline-flex
}

.ik {
    z-index: 999999999;
    background-color: #fff;
    margin-top: -2%;
    position: relative
}

.link-block-15 {
    text-decoration: none
}

.placeholder-container-1 {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 140px 80px
}

.placeholder-heading-1 {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.placeholder-headingtext-1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.3em
}

.section-ajk-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: -1%;
    margin-right: -1%;
    display: flex
}

.link-ajk-1 {
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom-color: #e3e3e3;
    flex-direction: column;
    flex: 0 28%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 20px 10px;
    text-decoration: none;
    display: flex
}

.link-ajk-1:hover {
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .16)
}

.mask-7 {
    border: 1px #000
}

.ddd-grid-list-1 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    display: grid
}

.product-images {
    border: 1px #000
}

.ddd-wrap-2-3 {
    flex-direction: row;
    flex: 1;
    align-items: stretch;
    width: auto;
    display: block
}

.ddd-wrap-2-6 {
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 10px;
    display: flex
}

.lac-a-text-1 {
    color: #000;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.3em
}

.ddd-drop-1 {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 0
}

.star-number {
    color: #000;
    border: 1px #000;
    margin-right: 0;
    padding-right: 5px;
    font-size: 1.1em;
    line-height: 1.3em;
    text-decoration: none
}

.lac-heading-1 {
    color: #36351a;
    margin-top: 10px;
    margin-bottom: .5em;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3em
}

.lac-decor-1 {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.bold-text {
    color: #000
}

.ddd-toggle-1 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66506b43f498082e56c46212_Dropdown-quantity.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px #000;
    border-radius: 0;
    padding: 1em 5.5em 1em 2em
}

.buybox-text {
    color: #000;
    min-width: 50%;
    max-width: 92%;
    margin-bottom: 1em;
    padding-right: 100px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6em
}

.lac-wrap-4 {
    margin-bottom: 3em
}

.lac-a-text-2 {
    color: #a6a6a6;
    font-size: 18px
}

.ddd-link-list-1 {
    color: #000;
    font-size: 1.3em;
    line-height: 1.3em;
    text-decoration: none;
    display: flex
}

.lac-a-decor-3 {
    background-color: #a6a6a6;
    height: .1em;
    margin-top: .7em;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ddd-list-1 {
    background-color: #fff
}

.text-block-122 {
    color: #000;
    letter-spacing: 1px;
    margin-left: 12px;
    padding-top: 5px
}

.lac-paragraph-1 {
    color: #000;
    min-width: 50%;
    max-width: 75%;
    margin-bottom: 1em;
    padding-right: 0;
    font-size: 12px;
    line-height: 1.6em;
    display: none
}

.lac-a-decor-1 {
    align-items: center;
    display: flex
}

.lac-a-wrap-1 {
    margin-bottom: 0
}

.ddd-wrap-2-8 {
    display: flex
}

.lac-container-1 {
    width: 100%;
    max-width: 100em;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto
}

.ddd-icon-2 {
    object-fit: contain;
    height: 1em;
    margin-right: .15em
}

.slide-52 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65c231a353d66981ce86fab3_Led%20M1.3-2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.lac-grid-1 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.slide-3 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66506b42f498082e56c46196_Boomstick_Trio_03_6f6ca1e9-5eec-45e0-88ab-b3ef28ebf86f.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.ddd-wrap-2-2 {
    margin-right: 1.5em
}

.slide-11 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/661f73f9e56a235a3d5bbb38_e-imza-orta.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    border: 1px #000
}

.slide-11._12 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/662b8b95b4ed0e9043c9e1cd_Sadece%20e-I%CC%87mza%20deg%CC%86il.png)
}

.slide-11._13 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6662bd9d6f96f93b4fbc6f14_e-imza.jpg);
    background-size: 735px
}

.ddd-wrap-2-1 {
    margin-top: 15px;
    display: flex
}

.slide-4 {
    background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66506b43f498082e56c461ee_Boomstick_Trio_07.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.slider-5 {
    border: 1px #000;
    height: 500px
}

.ddd-button-1 {
    color: #f7f7f8;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #4a3280;
    border: 2px #4277cf;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    min-width: 45%;
    max-width: 45%;
    margin-top: 0;
    padding: .9em 0;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.3em;
    display: block
}

.ddd-text-1-2 {
    color: #000;
    border: 1px #000;
    margin-right: 1.5em;
    padding-top: 1px;
    padding-bottom: 0;
    padding-right: 2.5px;
    font-size: 14px;
    line-height: 1.3em;
    text-decoration: underline
}

.lac-heading-2 {
    color: #36351a;
    margin-top: 0;
    margin-bottom: .7em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em
}

.ddd-wrap-2-7 {
    min-height: 100%;
    margin-right: 2.5px;
    padding-top: 2.5px;
    padding-bottom: .1em;
    padding-right: 0;
    display: flex
}

.lac-a-decor-2 {
    margin-top: .5em;
    margin-left: .6em;
    position: relative
}

.lac-section-1 {
    margin-top: 10%;
    padding: 5em 0 5em 5em;
    font-size: 1vw
}

.lac-section-1.l {
    margin-top: 5%
}

.ddd-text-8 {
    color: #272727;
    font-size: 1.3em;
    line-height: 1.3em
}

.ddd-decor-list-1 {
    border-radius: .5em .5px .5em .5em;
    margin-top: .5em;
    padding: 1em;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .36)
}

.icon-15 {
    background-color: #46357c;
    border-radius: 6px
}

.icon-16 {
    background-color: var(--slate-blue);
    border-radius: 6px
}

.div-block-334 {
    margin-top: 20px
}

.tab-link-tab-1-3 {
    background-color: #f0f0f0;
    font-size: 17px;
    line-height: 30px
}

.tab-link-tab-1-3.w--current {
    color: #fff;
    background-color: #000
}

.tab-link-tab-2-3 {
    background-color: #f0f0f0;
    border-right: 1px solid rgba(211, 211, 211, .71);
    font-size: 17px;
    line-height: 30px
}

.tab-link-tab-2-3.w--current {
    color: #fff;
    background-color: #000
}

.tab-link-tab-4 {
    background-color: #f0f0f0;
    font-size: 17px
}

.tab-link-tab-3-2 {
    background-color: #f0f0f0;
    border-right: 1px solid #d1d1d1;
    font-size: 17px;
    line-height: 30px
}

.tab-link-tab-3-2.w--current {
    color: #fff;
    background-color: #000;
    line-height: 30px
}

.tabs-4 {
    border: 1px solid rgba(180, 180, 180, .6);
    padding-left: 0;
    padding-right: 10px
}

.button-45 {
    background-color: #4a3280;
    border-radius: 9px
}

.button-46 {
    background-color: #292929;
    border-radius: 9px
}

.button-47 {
    text-align: center
}

.button-47.icon-button {
    color: #000;
    margin-bottom: 10px
}

.button-47.icon-button:hover {
    color: #fff
}

.button-47.icon-button.mor-button {
    color: #fff;
    background-color: #54298a
}

.div-block-335 {
    flex-flow: row;
    display: flex
}

.columns-23 {
    border-bottom: 1px solid #adadad;
    margin-top: 20px
}

.columns-23.d {
    border-bottom-style: none
}

.youtube-5 {
    border-radius: 20px
}

.blog {
    margin-top: 5%
}

.h3-2 {
    font-size: 22px
}

.dummy-display {
    color: #a0a3bd;
    margin-bottom: 16px;
    line-height: 1.2
}

.popup-form-block---brix {
    width: 100%;
    margin-bottom: 0
}

.error-message---brix {
    border-radius: 16px;
    padding: 20px
}

.cloneable-header {
    background-color: #fff;
    border-radius: 18px;
    margin-bottom: 44px;
    padding: 24px 32px;
    box-shadow: 0 3px 14px rgba(74, 58, 255, .03), 0 -2px 4px rgba(20, 20, 43, .02), 0 12px 24px rgba(20, 20, 43, .01)
}

.popup-content-wrapper---brix {
    z-index: 100;
    border-radius: 32px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 14px rgba(74, 58, 255, .16), 0 -2px 4px rgba(20, 20, 43, .12), 0 12px 44px rgba(20, 20, 43, .34)
}

.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.button-arrow-2 {
    margin-left: 6px
}

.popup-1---brix {
    text-align: center;
    background-color: #fff;
    border-radius: 32px;
    flex-direction: column;
    align-items: center;
    padding: 0;
    display: flex;
    position: relative
}

.overlay---brix {
    z-index: 10;
    background-color: rgba(0, 0, 0, .61);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.limit-content---brix {
    align-self: center;
    width: 100%;
    max-width: 456px
}

.popup-1-form---brix {
    align-items: center;
    display: flex;
    position: relative
}

.cloneable-container-default {
    background-color: #f7f7fb;
    border-radius: 20px;
    min-height: 624px;
    padding-top: 132px;
    padding-bottom: 132px;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.dummy-hero-wrapper---brix {
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.dummy-hero-wrapper---brix.preview-page---brix {
    padding: 32px 50px
}

.input---brix {
    color: #170f49;
    border: 1px solid #eff0f6;
    border-radius: 500px;
    min-height: 60px;
    margin-bottom: 0;
    padding: 30px 20px;
    font-size: 18px;
    line-height: 20px;
    transition: color .2s, border-color .2s
}

.input---brix:hover,
.input---brix:focus {
    color: #4a3aff;
    border-color: #4a3aff
}

.input---brix::placeholder {
    color: #6f6c90
}

.input---brix.large---brix {
    min-height: 74px;
    padding: 24px 40px
}

.heading-size-3 {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 28px
}

.subscribe-button---brix {
    color: #fff;
    text-align: center;
    background-color: #4a3aff;
    background-image: none;
    border-radius: 80px;
    padding: 16px 32px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: transform .3s, box-shadow .3s, background-color .3s;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 12px;
    box-shadow: 0 3px 12px rgba(74, 58, 255, .12)
}

.subscribe-button---brix:hover {
    background-color: #3527d8;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(74, 58, 255, .15)
}

.popup-wrapper---brix {
    z-index: 99999;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.popup-wrapper---brix.preview-page {
    position: absolute;
    top: 7%
}

.paragraph-44.dummy-paragraph {
    color: #a0a3bd;
    margin-bottom: 32px
}

.image-thumbnail-illustration---brix {
    width: 100%;
    height: 100%;
    max-height: 440px
}

.success-message---brix {
    color: #fff;
    background-color: #4a3aff;
    border-radius: 16px
}

.dummy-hero-button---brix {
    color: #6f6c90;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #d9dbe9;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    max-width: 260px;
    padding: 20px 40px 21px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: transform .3s, box-shadow .3s, background-color .3s;
    display: flex;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .04)
}

.dummy-hero-button---brix:hover {
    transform: scaleZ(.01)translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .08)
}

.popup-1-illustration---brix {
    margin-bottom: 24px
}

.column {
    justify-content: flex-end;
    width: 100%;
    margin-left: 40px;
    display: flex
}

.close-popup---brix {
    z-index: 44444;
    color: #fff;
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px;
    transition: transform .2s;
    position: absolute;
    top: 24px;
    bottom: auto;
    left: auto;
    right: 24px
}

.close-popup---brix:hover {
    transform: scale(.9)
}

.container-default-5 {
    flex: 1;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px
}

.section-166 {
    padding-top: 72px;
    padding-bottom: 72px
}

.section-166.cloneables-listing {
    padding-top: 0;
    padding-bottom: 140px
}

.button-secondary-3 {
    color: #4a3aff;
    text-align: center;
    background-color: #f3f1ff;
    border-radius: 80px;
    padding: 15px 48px;
    line-height: 20px;
    transition: color .3s, background-color .3s
}

.button-secondary-3:hover {
    color: #fff;
    background-color: #4a3aff
}

.button-secondary-3.cloneable-header-button {
    padding-left: 22px;
    padding-right: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.cloneable-header-grid {
    grid-column-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1.6fr 1fr;
    align-items: center
}

.div-block-336 {
    z-index: 33;
    width: 500px;
    position: relative
}

.background-video {
    width: auto
}

@media screen and (min-width:1280px) {
    .wrapper.yuzde3 {
        padding-left: 3%;
        padding-right: 3%
    }

    .wrapper.yuzde3.centerr {
        text-align: center
    }

    .hero_section.kurumsal {
        height: auto;
        margin-top: 5%
    }

    .section-title-wrapper.full.merkez {
        text-align: center
    }

    .small-paragraph.lef-3 {
        margin-left: -4%
    }

    .small-paragraph.lef-3.ml-0 {
        text-align: center;
        margin-left: 0%
    }

    .small-paragraph.lef-3.ml-0._22._7-24-text-left {
        text-align: left
    }

    .small-paragraph.lef-3.left-0.lefo-00 {
        margin-left: 0%
    }

    .long-feature-icon-wrapper.borde-none {
        border-style: none;
        height: 30px;
        padding-top: 0
    }

    .long-feature-block.title-only.mb-40 {
        margin-top: 0;
        margin-bottom: 20px;
        padding-top: 0
    }

    .sld-01-slide--title.s2.m2 {
        margin-top: -14%;
        padding-right: 5%
    }

    .sld-01-slide--title.m3.ss3 {
        margin-top: 1%
    }

    .subpage-header.pricing-5.e-imsa.hw {
        background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64be5cffd6216bb2917ea46c_ArkImza_Banner_1.png);
        background-repeat: repeat, repeat-y;
        background-size: auto, cover
    }

    .bob-selection-2,
    .bob-selection-1,
    .bob-selection-2-2 {
        font-size: 14px
    }

    .ix-slide-2 {
        width: 56%
    }

    .spiralgrid_content-container.odd,
    .spiralgrid_content-container.even {
        min-width: 21%
    }

    .paragraph-34.white.font-25 {
        font-size: 26px
    }

    .section-141.tint.overflow-none.bg-dark.zzz {
        background-size: cover
    }

    .container-31.container-22223.v {
        justify-content: center;
        display: flex
    }

    ._w-section-phone.container-large-3 {
        height: 500vh
    }

    .ceramic-shield-text {
        margin-left: -2%
    }

    .sub-navbar-link.white.w--current {
        color: var(--medium-orchid)
    }

    .navbar_container {
        max-width: 75rem
    }

    .image-class {
        text-align: right
    }

    .sub-navbar_container {
        max-width: 75rem
    }

    .image-74._74._75 {
        max-width: 56%
    }

    .image-74._74._677 {
        max-width: 100%;
        height: 25%
    }

    .image-74._74._677.ss {
        max-width: 75%;
        height: 21%
    }

    .image-74._74._677.simkart {
        margin-top: 22%
    }

    .grid-2.size-uygun {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .section-147.block-1.is-bg {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
        background-position: 0 0;
        background-size: auto
    }

    .feature_wrap.mobile-pad-bot.p-b-5 {
        padding-bottom: 20px
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0 {
        width: 50%;
        margin-top: 0%;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%
    }

    .feature_image._3.hei.gt {
        height: auto;
        margin-top: 19%
    }

    .feature_image._3.hei.gt.ust {
        top: 1%
    }

    .feature_image._3.hei.haout.ab-left {
        margin-top: 0%
    }

    ._480.left-1.riggt._600.e.b.vv.yh,
    ._480.left-1.riggt._600.e._0.lk.b {
        margin-top: 15%
    }

    .container-22223.genel-h {
        max-width: 1151px
    }

    .feature_grid._52-no.ft {
        height: auto
    }

    .bold-text-46 {
        font-size: 45px;
        line-height: 50px
    }

    .image-78._78._789 {
        text-align: right;
        flex: 0 auto;
        width: 134px;
        height: 100%;
        margin-right: 0%
    }

    .list-item-9.mb-3.list-w,
    .list-item-11.mb-3.list-wi,
    .list-item-12.mb-3.list-w {
        color: #fff
    }

    .acupa-section-wrapper {
        margin-left: 0
    }

    .acupa-content-blurb {
        font-size: 24px;
        line-height: 30px
    }

    .acupa-learn-more {
        font-size: 18px
    }

    .acupa-lottie-animation {
        padding-right: 54px;
        top: 18%
    }

    .acupa-progress-bar {
        padding-left: 10px
    }

    .small-paragraph-5.lef-3 {
        margin-left: -4%
    }

    .small-paragraph-5.lef-3.ml-0 {
        text-align: center;
        margin-left: 0%
    }

    .container-22234.back {
        background-image: none
    }

    .back {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
        background-position: 0 0;
        background-size: cover
    }

    .section-153.block-7.bgg._800._1553 {
        height: 58vw
    }

    .small-paragraph-6.lef-3 {
        margin-left: -4%
    }

    .small-paragraph-6.lef-3.left-0.lefo-00 {
        margin-left: 0%
    }

    .small-paragraph-7.lef-3 {
        margin-left: -4%
    }

    .small-paragraph-7.lef-3.left-0.lefo-00 {
        margin-left: 0%
    }

    .small-paragraph-9.lef-3 {
        margin-left: -4%
    }

    .small-paragraph-9.lef-3.ml-0 {
        text-align: center;
        margin-left: 0%
    }

    .tab-content.item-bgcolor {
        flex-flow: row
    }

    .tab-block {
        flex-flow: row;
        display: flex
    }

    .tabs-2 {
        width: 93%
    }

    .columns-20 {
        width: 100%
    }

    .text-span-29 {
        line-height: 50px
    }

    .div-block-323.siyah.d {
        margin-top: 5%
    }

    .content-container {
        max-width: 1100px;
        top: 135px
    }

    .heading-54,
    .heading-55 {
        font-size: 35px;
        line-height: 45px
    }

    .blog-card-image {
        height: 145px
    }

    .dropdown-sidebar-bg {
        left: 862px
    }

    .container-22247 {
        padding-left: 64px;
        padding-right: 64px
    }

    .dropdown-grid {
        grid-template-columns: 200px 516px 300px
    }

    .dropdown-grid.resources {
        grid-template-columns: 200px 516px 360px
    }

    .blog-card.third {
        display: none
    }

    .dropdown-toggle-4.language {
        display: flex
    }

    .dropdown-toggle-4.line.linee {
        width: 10%
    }

    .dropdown-toggle-4.envelope {
        display: flex
    }

    .dropdown-toggle-4.button {
        padding-top: 5px;
        display: flex
    }

    .conta {
        width: 93%
    }
}

@media screen and (min-width:1440px) {
    .wrapper.container-22223.pp {
        padding-left: 0;
        padding-right: 0
    }

    .file {
        grid-template-columns: 1fr 1.75fr 1fr 1.5fr .75fr;
        display: block
    }

    .grid-2-columns.form {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }

    .hero_ui-3-bg {
        width: 222px;
        height: 142px
    }

    .ui_color_swatch {
        width: 20px;
        height: 20px
    }

    .paragraph-21 {
        width: 360px;
        font-size: 18px;
        line-height: 1.3
    }

    .paragraph-21.ui-txt {
        justify-content: center;
        align-items: flex-start;
        height: 96px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px
    }

    .heading-move {
        font-size: 5.3em
    }

    .ui_color {
        height: 110px
    }

    .heading-wrap {
        width: 430px;
        height: auto
    }

    .hero-ui-5 {
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        width: 390px;
        height: 260px;
        top: 50%;
        left: 52%;
        overflow: hidden
    }

    .button-14 {
        margin-left: 5px;
        transform: scale(1.1)
    }

    .hero_bg-image {
        z-index: -5;
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .ui_color_swatch-wrap {
        z-index: 3;
        align-items: center;
        width: 122px;
        height: 24px;
        bottom: 15%;
        right: 7%
    }

    .heading_interaction-wrap {
        height: 80px;
        top: 160px
    }

    .hero_section._50._9999._40.ok {
        margin-top: 8%
    }

    .hero_section._50.ddd,
    .hero_section.kurumsal {
        height: auto
    }

    .ui-img-4 {
        width: 100%
    }

    .hero_right-wrap {
        width: 60%;
        transform: scale(.92)
    }

    .lesson-img {
        height: 50px
    }

    .hero_ui-2 {
        width: 230px;
        height: 150px;
        bottom: 74%;
        left: -1%
    }

    .hero_left-wrap.w50 {
        padding-top: 5%
    }

    .heading-41 {
        width: 410px;
        font-size: 5.4em
    }

    .hero_ui-1 {
        width: 680px;
        height: auto
    }

    .wrapper-3 {
        width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    .ui-img-5 {
        width: 100%;
        height: 100%
    }

    .ui_color-change {
        grid-row-gap: 20px;
        width: 170px;
        height: 88%;
        left: 20px
    }

    .ui-5_lesson-list {
        width: 54%;
        right: 2%
    }

    .hero_ui-4 {
        width: 390px;
        height: 260px;
        top: 50%;
        left: -6%;
        overflow: hidden
    }

    .hero_ui-3 {
        width: 230px;
        height: 150px;
        bottom: 74%;
        left: 34%
    }

    .hero_ui-2-bg {
        width: 222px;
        height: 142px
    }

    .hero_bg-blur {
        width: 90%;
        height: 90%;
        top: -3%;
        left: -52%
    }

    .navbar2_link {
        font-weight: 600
    }

    .button-15.navbar {
        border-style: none
    }

    .navbar2_menu {
        position: static
    }

    .navbar2_component {
        justify-content: center;
        display: flex
    }

    .page-padding.without-bottom-padding.no-color {
        padding-top: 112px
    }

    .page-padding.without-bottom-padding.no-color.padding-top-15 {
        padding-top: 12%
    }

    .button-16.primary {
        color: #1f1f1f
    }

    .container-large.card.second {
        align-items: flex-start;
        height: auto;
        min-height: 650px;
        max-height: 70vh;
        display: flex;
        top: 100px
    }

    .container-large.card.first {
        align-items: flex-start;
        height: auto;
        min-height: 650px;
        max-height: 70vh;
        display: flex
    }

    .container-large.card.third {
        align-items: flex-start;
        height: auto;
        min-height: 650px;
        max-height: 70vh;
        display: flex;
        top: 240px
    }

    .bg-animation {
        background-repeat: repeat-x;
        background-size: auto
    }

    .image-66,
    .image-67,
    .image-68 {
        width: 400px;
        max-width: none
    }

    .button-17.primary {
        color: #1f1f1f
    }

    .form-input {
        width: 560px
    }

    .form-input.width-240 {
        width: 360px
    }

    .grid-5-columns.logo-strips-right {
        grid-column-gap: 76px
    }

    .dropdown-list-v2---brix {
        margin-left: -42vw
    }

    .small-paragraph.lef-3.ml-0._22._7-24-text-left {
        text-align: left
    }

    .small-paragraph.lef-3.left-0.lefo-00 {
        margin-left: 0%
    }

    .small-features-wrapper {
        font-size: 16px
    }

    .small-features-wrapper.o {
        margin-top: 0;
        padding-top: 0
    }

    .sld-01-slide--title.s2.m2 {
        margin-top: -15%;
        padding-right: 5%
    }

    .sld-01-slide--title.m3._444.burda-gizle {
        margin-top: -19%
    }

    .sld-01-slide--title.m3.ss3 {
        margin-top: 2%
    }

    .subpage-header.pricing-5.e-imsa.hw {
        background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64be5cffd6216bb2917ea46c_ArkImza_Banner_1.png)
    }

    .section-138.pt-30.e-muhur-bg,
    .section-138.pt-30.zaman-bg.pt-0 {
        padding-top: 0
    }

    .mobile-nav.navv {
        flex-direction: row;
        justify-content: space-between;
        width: 58%;
        display: flex
    }

    .ix-slide-2 {
        width: 54%
    }

    .hero-mockup-image-2 {
        top: -111px
    }

    .section-141.tint.overflow-none.bg-dark.zzz {
        background-size: cover
    }

    .navbar_container {
        max-width: 80.6rem
    }

    .sub-navbar_container {
        max-width: 75rem
    }

    .links-wrapper.lef {
        margin-left: -40%
    }

    .section-147.lk.mb-5.sss {
        margin-top: 8%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0 {
        width: 50%;
        margin-top: 0%;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%
    }

    .feature_image._3.hei.gt.ust {
        top: -5%
    }

    .feature_image._3.hei.ab-left.l.ii.po {
        width: 65%;
        top: -27%;
        bottom: auto;
        left: auto;
        right: 0%
    }

    .feature_image._3.hei.haout.ab-left {
        margin-top: 0%
    }

    .h2-2.how {
        padding-top: 0
    }

    .h2-2.how.pt-66.h2-66._88.h20 {
        padding-top: 10px
    }

    .h2-2.how.h20 {
        padding-top: 0
    }

    .h2-2.how.h2-66 {
        padding-top: 66px
    }

    .h2-2.how.h2-66.h20 {
        padding-top: 10px
    }

    ._480._550._600.o {
        margin-top: -36%
    }

    ._480.left-1.riggt._600.e.b.vv {
        margin-top: -35%
    }

    ._480.left-1.riggt._600.e.b.vv.yh,
    ._480.left-1.riggt._600.e._0.lk.b {
        margin-top: 15%
    }

    ._480.left-1.riggt._600.mt-0._000.zxc {
        margin-top: -26%
    }

    ._480.left-1.riggt._600.mtt.rf {
        margin-top: -71%
    }

    .container-22223.genel-h {
        max-width: 1300px
    }

    .feature_grid {
        height: 640px
    }

    .feature_grid._780 {
        height: 820px
    }

    .feature_grid._52-no.ft,
    .feature_grid.fffg,
    .feature_grid.h11 {
        height: auto
    }

    .bold-text-46.white {
        font-size: 60px
    }

    .mobile-link {
        display: none
    }

    .acupa-wrapper {
        width: 85%;
        margin-left: 8%
    }

    .acupa-lottie-animation {
        width: 41%;
        padding-right: 0;
        bottom: 0%;
        right: 3%
    }

    .acupa-lottie-animation._24 {
        right: 0%
    }

    .container-22234.back {
        background-image: none
    }

    .back {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
        background-position: 0 0;
        background-size: cover
    }

    .section-153.block-7.bgg._800._1553 {
        height: 49vw
    }

    .container-22237.back {
        background-image: none
    }

    .small-paragraph-6.lef-3.left-0.lefo-00,
    .small-paragraph-7.lef-3.left-0.lefo-00 {
        margin-left: 0%
    }

    .image-106 {
        padding-top: 10%
    }

    .horizontal-tab-block {
        margin-top: 50px
    }

    .tab-content.item-bgcolor {
        flex-flow: row;
        padding: 60px 40px;
        display: block
    }

    .tab-block {
        flex-wrap: nowrap;
        display: flex
    }

    .tabs-2.ac,
    .columns-20 {
        width: 100%
    }

    .div-block-323.siyah.d {
        margin-top: 5%
    }

    .button-42 {
        margin-left: 5px;
        transform: scale(1.1)
    }

    .heading-53 {
        width: 410px;
        font-size: 5.4em
    }

    .heading-53.cd {
        font-size: 32px
    }

    .wrapper-4 {
        width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    .wrapper-4.navigation-container-full.beyaz-yok.kurumsal {
        height: auto
    }

    .container--full {
        height: 70vh
    }

    .content-container {
        max-width: 1200px
    }

    .bold-text-82 {
        font-size: 32px
    }

    .blog-card-image {
        width: 165px;
        height: auto
    }

    .nav-sales-text {
        display: block
    }

    .nav-sales-icon {
        display: none
    }

    .dropdown-sidebar-bg {
        left: 50%;
        transform: translate(144px)
    }

    .navbar-wrapper-3 {
        top: 6%
    }

    .blog-card-content {
        padding-bottom: 24px;
        padding-left: 12px;
        position: relative
    }

    .blog-card-link {
        position: absolute
    }

    .menu-right {
        text-align: left;
        flex: 0 auto;
        justify-content: flex-end;
        align-items: center;
        width: 34%
    }

    .dropdown-grid.resources {
        grid-template-columns: 200px 516px 1fr
    }

    .blog-card {
        flex-direction: row;
        height: 145px
    }

    .blog-card.third {
        display: flex
    }

    .dropdown-toggle-4.line.linee {
        width: 10%
    }

    .dropdown-toggle-4.button {
        background-color: rgba(148, 192, 32, 0);
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/63ff481959044ec73eb01bc2_Button%20Wave.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

    .conta {
        width: 94%
    }

    .ddd-wrap-2-3 {
        margin-bottom: 0
    }

    .bold-text {
        color: #000;
        letter-spacing: 1.5px;
        font-weight: 600
    }

    .buybox-text {
        max-width: 90%;
        margin-top: 15px;
        font-size: 16px
    }

    .heading-5 {
        margin-top: -30px;
        font-size: 18px
    }

    .lac-paragraph-1 {
        font-size: 14px;
        display: none
    }

    .slide-52 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66506b43f498082e56c461d3_Boomstick_Trio_02_ce4a81f8-ac64-465d-bce5-6564a0671ec7.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll
    }

    .slide-3 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66506b42f498082e56c46196_Boomstick_Trio_03_6f6ca1e9-5eec-45e0-88ab-b3ef28ebf86f.webp);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover
    }

    .ddd-wrap-2-1 {
        justify-content: flex-end
    }

    .slide-4 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/66506b43f498082e56c461ee_Boomstick_Trio_07.webp);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover
    }

    .ddd-button-1 {
        min-width: 45%;
        max-width: 45%;
        margin-top: 0;
        margin-right: 8em;
        padding-right: 0;
        font-size: 18px
    }

    .lac-heading-2 {
        padding-right: 60px;
        font-family: Lato, sans-serif;
        font-size: 20px
    }

    .lac-section-1 {
        font-size: 14px
    }
}

@media screen and (min-width:1920px) {
    .wrapper.yuzde3.ss {
        padding-left: 3%;
        padding-right: 3%
    }

    .wrapper.container-22223.pp {
        padding-left: 0;
        padding-right: 0
    }

    .navbar-logo-left-container.shadow-three {
        max-width: 100%;
        overflow: visible
    }

    .container-4 {
        max-width: 1140px
    }

    .tabs-section-01 {
        height: auto
    }

    .file-flex {
        justify-content: space-between;
        display: flex
    }

    .file {
        flex-wrap: nowrap;
        justify-content: space-between;
        display: block
    }

    .section-111.iphone-12-pro {
        margin-top: -61px
    }

    .section_text {
        color: #000
    }

    .logo-2 {
        margin-right: 75%
    }

    .paragraph-21 {
        width: 360px;
        font-size: 20px
    }

    .paragraph-21.ui-txt {
        height: 110px;
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px
    }

    .heading-move {
        font-size: 7em
    }

    .ui_color {
        height: 120px
    }

    .heading-wrap {
        width: 510px;
        height: auto
    }

    .heading-wrap.hauto.w500 {
        margin-bottom: 0%
    }

    .hero-ui-5 {
        width: 440px;
        height: 292px
    }

    .button-14 {
        margin-left: 12px;
        transform: scale(1.2)
    }

    .hero_bg-image {
        z-index: -10
    }

    .heading_interaction-wrap {
        height: 90px;
        top: 212px
    }

    .hero_section._50._9999._40.ok {
        margin-top: 5.2%
    }

    .hero_section.kurumsal {
        height: 59vh
    }

    .hero_right-wrap {
        transform: scale(.95)
    }

    .lesson-img {
        height: 58px
    }

    .hero_ui-2 {
        bottom: 82%;
        left: 4%
    }

    .hero_left-wrap {
        grid-row-gap: 40px
    }

    .hero_left-wrap.w50 {
        padding-top: 0%
    }

    .heading-41 {
        width: 100%;
        font-size: 7.1em;
        line-height: 1
    }

    .hero_ui-1 {
        width: 820px
    }

    .wrapper-3 {
        width: 1540px
    }

    .ui_color-change {
        width: 180px
    }

    .ui-5_lesson-list {
        padding-top: 16px
    }

    .hero_ui-4 {
        width: 440px;
        height: 292px;
        left: 1%
    }

    .hero_ui-3 {
        bottom: 82%;
        left: 31%
    }

    .hero_bg-blur {
        width: 90%;
        height: 90%;
        top: -6%;
        left: -51%
    }

    .container-default-2 {
        display: none
    }

    .dropdown-list-v2---brix {
        margin-left: -375%
    }

    .small-paragraph.lef-3.ml-0._22._7-24-text-left {
        text-align: left
    }

    .small-paragraph.lef-3.left-0 {
        margin-left: 0%
    }

    .long-feature-icon.pr-3.pr-4._100 {
        width: 8%
    }

    .long-feature-icon.pr-3.pr-4._100._18 {
        width: 12%
    }

    .long-feature-block.title-only.mb-40.mobile-pl-0.size-uygun {
        align-items: center
    }

    .small-features-wrapper {
        padding-top: 0
    }

    .hero-mockup-description-block {
        width: auto
    }

    .hero-mockup-description-block.ccr-banner-margin {
        margin-left: 10%
    }

    .sld-01-slide--content.about-image {
        margin-left: 52px
    }

    .sld-01-img__w.m3 {
        background-position: 50% 100%;
        background-size: cover;
        background-attachment: scroll
    }

    .sld-01-slide--title {
        margin-left: 52px
    }

    .sld-01-slide--title.s2 {
        margin-top: -27%;
        margin-right: 7%
    }

    .sld-01-slide--title.m3 {
        margin-top: -16%
    }

    .sld-01-slide--title.m3._444 {
        margin-top: -30%
    }

    .sld-01-slide--title.m3._444.burda-gizle {
        margin-top: -26%
    }

    .sld-01-slide--title.m3._444.burda-gizle.slide-22 {
        width: 96%;
        margin-top: 15%
    }

    .sld-01-slide--title.m3._444.burda-gizle.slide-22.gizlemeyikald-r {
        margin-top: 18%
    }

    .hero-txt-xxl.fc-white.about-image.s3b.whitee.slide-22 {
        text-align: right;
        margin-top: 14%
    }

    .sld-02 {
        height: 91vh;
        min-height: 800px
    }

    .subpage-header.pricing-5.e-imsa {
        background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64a99dc693be72508a46ecd9_banner-01.jpg);
        background-position: 0 0, 50% 0;
        background-repeat: repeat, repeat-x;
        background-size: auto, cover;
        background-attachment: scroll, fixed
    }

    .subpage-header.pricing-5.e-imsa.hw {
        background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64be5cffd6216bb2917ea46c_ArkImza_Banner_1.png);
        background-position: 0 0, 50% -61%;
        background-repeat: repeat, repeat-y;
        background-size: auto, cover;
        background-attachment: scroll, scroll;
        padding-bottom: 341px
    }

    .section-138.pt-30.e-muhur-bg {
        padding-top: 0
    }

    .section-138.pt-30.zaman-bg {
        background-size: cover
    }

    .text-column-left._60 {
        padding-top: 66px
    }

    .lottie-animation-3.www {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: auto;
        display: flex;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .div-block-277.container.witht {
        z-index: -17;
        width: 300%;
        margin-top: -419px;
        top: 37%;
        bottom: auto;
        left: -42%;
        right: 0%
    }

    .div-block-277.container.lot-100 {
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .flowbase-logo {
        width: 100%
    }

    .mobile-nav.navv {
        width: 63%
    }

    .button-menu.ust-sag {
        margin-right: 6%
    }

    .demo-container.wrapper.yuzde3 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae7c1fb4a40ebda76a88b5_services_bg02.jpg), linear-gradient(transparent, transparent);
        background-repeat: repeat-x, repeat;
        background-size: cover, auto;
        background-attachment: scroll, scroll;
        max-width: none
    }

    .d-130-blog-card-wrapper {
        width: 22%
    }

    .button-32.mt-3 {
        margin-top: 10%
    }

    .page-wrapper-5 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .purple-grid {
        justify-content: stretch
    }

    .ix-slide-2 {
        width: 43%
    }

    .purple.yuzde0 {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .sub-heading.white-color.bg1 {
        background-color: var(--medium-orchid);
        opacity: .73;
        border-radius: 12px;
        width: 68%;
        padding: 10px
    }

    .ix-slide-1.whiteee {
        font-size: 40px
    }

    .spiralgrid_content-container.even {
        min-width: 23%
    }

    .hero-mockup-image-2 {
        right: -24%
    }

    .hero-mockup-image-2.sim {
        width: 60%;
        top: -57%;
        right: -31%
    }

    .section-141.tint.overflow-none.bg-dark.zzz {
        background-size: cover
    }

    .section-144.ccr-siyah-alan,
    .section-145 {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .text-span-10 {
        color: var(--medium-orchid);
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px
    }

    .text-span-11 {
        color: var(--medium-orchid)
    }

    .bold-text-39 {
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px
    }

    .text-span-12 {
        color: var(--medium-orchid);
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px
    }

    .bold-text-40 {
        line-height: 1.7
    }

    .top-tel {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .col-2 {
        border-right-color: transparent
    }

    .sub-navbar-link.mar-0.w--current {
        margin-left: -5%
    }

    .section_iphone-grid {
        height: auto
    }

    .slider-item.cennter.yeni-clum.bgnone {
        padding-bottom: 1rem
    }

    .slider-item.cennter.yeni-clum.bgnone._55 {
        padding-top: 0;
        padding-bottom: 0
    }

    .navbar_container {
        max-width: 81.4rem
    }

    .sub-navbar_container {
        border-bottom-style: none;
        max-width: 75rem
    }

    .links-wrapper.lef {
        margin-left: -27%
    }

    .sub-navbar {
        border-bottom-style: solid;
        border-bottom-color: #e2dfdf
    }

    .section-147.lk.mb-5.sss {
        margin-top: 6%
    }

    .section-147.block-1.is-bg.gg,
    .section-147.e-imza {
        background-size: cover
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0 {
        width: 56%;
        margin-top: -8%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2 {
        margin-top: -25%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70 {
        margin-top: 9%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.blok-4 {
        margin-top: 30%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.bn {
        margin-top: 26%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67._00,
    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67._00.bm {
        margin-top: -27%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._88._67._00.bm.yy._15 {
        margin-top: -12%
    }

    .feature_image._3.hei.gt.ust {
        top: -6%
    }

    .feature_image._3.hei.gt.ust.size-uygun.ww.gtgt {
        margin-top: 6%
    }

    .feature_image._3.hei.haout.ab-left {
        margin-top: 0%
    }

    .feature_text.mb-3.whitee.margin-bot {
        margin-bottom: 60px
    }

    .feature_text.mb-3.c {
        text-align: center
    }

    .h2-2.how.pt-66 {
        padding-top: 0;
        font-size: 45px
    }

    .h2-2.how.f,
    .h2-2.how.ii,
    .h2-2.how._28 {
        font-size: 45px
    }

    .h2-2.how {
        font-size: 78px
    }

    .h2-2.how.ww {
        line-height: 103px
    }

    .h2-2.how.ww._00 {
        line-height: 65px
    }

    .h2-2.how.orta {
        font-size: 28px
    }

    .h2-2.how.i,
    .h2-2.how.mm {
        line-height: 46px
    }

    ._480.left-1.riggt._600.e.b.vv {
        margin-top: -103%
    }

    ._480.left-1.riggt._600.e.b.vv.yh {
        margin-top: -14%
    }

    ._480.left-1.riggt._600.e._0.lk {
        margin-top: 0
    }

    ._480.left-1.riggt._600.e._0.lk.b {
        margin-top: 25%
    }

    ._480.left-1.riggt._600.mt-0._000 {
        margin-top: 0%
    }

    ._480.left-1.riggt._600.mt-0._000.bn {
        margin-top: 35%
    }

    ._480.left-1.riggt._600.mt-0._000.zxc {
        margin-top: 5%
    }

    ._480.left-1.riggt._600.mtt.rf {
        margin-top: -103%
    }

    .feature_image-wrap.ll.mobile-hidden.ozel {
        max-width: 100%
    }

    .container-22223.genel-h {
        max-width: 1305px
    }

    .container-22223.genel-h.bbll,
    .container-22223.genel-h.bbll.cooon {
        height: auto
    }

    .feature_grid {
        height: 728px
    }

    .feature_grid.de.uhu.hh {
        align-content: center;
        height: auto
    }

    .feature_grid.de.cc {
        align-content: center
    }

    .feature_grid._780 {
        height: 850px
    }

    .feature_grid._780.no-52 {
        height: 36vw
    }

    .feature_grid._52-no {
        height: 30vw
    }

    .feature_grid._52-no.ft {
        height: auto
    }

    .feature_grid.p-10.jj {
        padding-top: 25%
    }

    .feature_grid.p-10.jj.kjh.sdewq {
        padding-top: 10%
    }

    .feature_grid.p-10.u-u,
    .feature_grid.h11 {
        height: auto
    }

    .container-22225.container-large-3.pl-00 {
        padding-left: 0
    }

    .bold-text-46.white {
        font-size: 45px
    }

    .acupa-content-blurb {
        font-size: 32px;
        line-height: 40px
    }

    .acupa-wrapper {
        width: 67%;
        margin-left: 18%
    }

    .acupa-button {
        background-color: var(--medium-orchid)
    }

    .acupa-learn-more {
        color: var(--medium-orchid)
    }

    .acupa-lottie-animation {
        width: 50%;
        height: 500px;
        padding-right: 37px;
        top: 23%;
        bottom: 0%;
        left: auto;
        right: 0%
    }

    .acupa-lottie-animation._24 {
        right: 0%
    }

    .acupa-bar-main.acupa-bar-a {
        background-color: var(--medium-orchid)
    }

    .mor {
        line-height: 40px
    }

    .mor.mor-56 {
        text-align: center;
        justify-content: center;
        align-items: center;
        font-size: 56px;
        display: flex
    }

    .mor.font-70 {
        font-size: 57px
    }

    .small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0.white.ccenter.he {
        padding-top: 0
    }

    .container-22234.back {
        background-image: none;
        background-position: 0 0;
        background-size: auto
    }

    .back {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: cover;
        margin-bottom: 10%
    }

    .container-22236.vcenter {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .container-22236.vcenter.verti {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .section-153.block-7.bgg._800._1553 {
        height: 44vw
    }

    .section-155.block-3.tyty.size-uygun.pad-left-0.g.v10-home-2 {
        background-image: linear-gradient(transparent, transparent);
        margin-top: 16%
    }

    .section-155.block-1.block-4 {
        background-repeat: repeat-y;
        background-size: cover
    }

    .section-155.block-1.block-4.blok-5 {
        background-size: cover
    }

    .section-155.block-1.block-4.blok-5.uj.ark-arka-1 {
        background-repeat: repeat-y;
        background-size: contain
    }

    .container-22237.back {
        background-image: none;
        background-position: 0 0;
        background-size: auto
    }

    .image-88.pb-000.pb-0000._18 {
        width: 10%
    }

    .image-88.pb-000.pb-0000._18._19 {
        width: 19%
    }

    .bold-text-69.d {
        font-weight: 400
    }

    .bold-text-69.font-size-73 {
        line-height: 40px
    }

    .small-paragraph-6.lef-3.left-0 {
        margin-left: 0%
    }

    .text-span-17 {
        font-size: 56px
    }

    .text-span-17.mor.light {
        font-weight: 300
    }

    .small-paragraph-7.lef-3.left-0 {
        margin-left: 0%
    }

    .div-block-288 {
        background-position: 50%;
        background-repeat: repeat-x;
        background-size: cover
    }

    .div-block-288.v10-bg.bggg {
        background-size: cover
    }

    .section-158 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fba_doku-26.png);
        background-position: 50%;
        background-repeat: repeat-x;
        background-size: cover;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .text-span-19.dd {
        line-height: 76px
    }

    .icon-12,
    .icon-13 {
        margin-bottom: 300px
    }

    .text-span-25 {
        font-size: 43px
    }

    .image-106 {
        padding-top: 10%
    }

    .columns-20 {
        width: 100%
    }

    .text-span-30 {
        line-height: 40px
    }

    .image-111 {
        margin-top: 17%
    }

    .div-block-318 {
        background-position: 50% 100%
    }

    .div-block-319 {
        background-position: 0%;
        background-size: cover
    }

    .div-block-323.bg {
        height: 600px
    }

    .div-block-323.hh {
        height: 300px
    }

    .div-block-323.siyah.d {
        margin-top: 5%
    }

    .div-block-323.bg-11 {
        flex-flow: column
    }

    .button-42 {
        margin-left: 12px;
        transform: scale(1.2)
    }

    .heading-53 {
        width: 100%;
        font-size: 4.9em;
        line-height: 1
    }

    .heading-53.cd {
        padding-top: 0%;
        font-size: 3.8em;
        position: static
    }

    .wrapper-4 {
        width: 1540px
    }

    .wrapper-4.navigation-container-full.beyaz-yok.kurumsal {
        height: 33vw
    }

    .navigation-top {
        background-color: #333;
        border: 1px #000
    }

    .navigation-container-full.beyz-yok {
        background-color: transparent
    }

    .nav06 {
        background-color: #333
    }

    .container--full {
        height: 70vh
    }

    .content-container {
        flex: 1;
        margin-left: auto;
        margin-right: auto
    }

    .section-163.e-imza-top {
        margin-top: 4%
    }

    .navbar-wrapper-3 {
        top: 5%
    }

    .dropdown-toggle-4.line.linee {
        color: #4a3280
    }

    .conta {
        flex-flow: row;
        flex: 0 auto;
        width: 64%;
        display: block;
        position: static
    }

    .lac-section-1.l {
        margin-top: 5%
    }
}

@media screen and (max-width:991px) {
    .text-block-12.alt-logo-siyah.tablet-alt-logo-yazi {
        font-size: 15px
    }

    .text-block-13.alt-log-siyah-text {
        font-size: 16px
    }

    .text-block-13.alt-log-siyah-text.alt-logo-slogan {
        font-size: 15px
    }

    .brand-2.logo-margin {
        display: block
    }

    .nav-menu-3 {
        color: #181818;
        background-color: #fff;
        display: block
    }

    .oz-baslik.tablet-yazi {
        font-size: 18px
    }

    .certifica-logo {
        padding-right: 0
    }

    .card-quarter-wrapper {
        width: 50%;
        padding: 20px
    }

    .card-quarter-wrapper.hakkizda-carousel {
        width: 100%
    }

    .card-quarter-content {
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px
    }

    .card-quarter-content:hover {
        transform: none
    }

    .logo-mask {
        width: 33%
    }

    .cards-grid-container {
        grid-column-gap: 20px
    }

    .slide-heading {
        font-size: 54px;
        line-height: 64px
    }

    .hero-slider {
        min-height: 450px
    }

    .slide-title-medium {
        font-size: 54px;
        line-height: 64px
    }

    .container-4 {
        max-width: 728px
    }

    .nav-menu-wrapper {
        background-color: transparent
    }

    .nav-menu-two {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05)
    }

    .nav-link {
        padding-left: 5px;
        padding-right: 5px
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: absolute
    }

    .menu-button {
        padding: 12px
    }

    .menu-button.w--open {
        color: #fff;
        background-color: #a6b1bf
    }

    .review-wrap {
        align-items: center
    }

    .hero-content {
        text-align: center;
        align-items: center;
        width: 100%;
        max-width: 730px;
        margin-bottom: 40px;
        padding-left: 40px
    }

    .header {
        padding-top: 140px;
        padding-bottom: 100px
    }

    .button-wrapper {
        align-items: center
    }

    .container-flex {
        flex-wrap: wrap
    }

    .hero-image-wrap {
        justify-content: center;
        width: 100%;
        margin-top: 60px
    }

    .content-section-bg {
        background-color: #f5fbfc;
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .content-grid {
        grid-row-gap: 80px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .content-block {
        text-align: center;
        align-items: center;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .content-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    .line {
        border-style: none dashed none none;
        width: 1px;
        height: 100%;
        min-height: 100px
    }

    .works-grid {
        grid-row-gap: 32px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
        max-width: 510px;
        margin-left: auto;
        margin-right: auto
    }

    .content-section {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .line-column {
        flex-direction: column;
        padding-bottom: 0
    }

    .tab-link-round {
        margin-bottom: 10px
    }

    .menu-item {
        width: 100%
    }

    .footer-grid {
        grid-column-gap: 24px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .nav-link-2 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .navigation-right {
        flex-direction: row-reverse
    }

    .menu-button-3 {
        background-color: rgba(126, 130, 143, .1);
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        min-width: 55px;
        min-height: 55px;
        margin-left: 14px;
        margin-right: 0;
        padding: 16px;
        display: flex
    }

    .menu-button-3.w--open {
        background-color: #35b8be
    }

    .icon-6 {
        display: block
    }

    .navbar {
        z-index: 5;
        background-color: transparent;
        width: 100%;
        display: flex
    }

    .nav-menu {
        background-color: #fff;
        margin-right: 0;
        box-shadow: 0 50px 80px -30px rgba(53, 52, 72, .2)
    }

    .home-category-image-2 {
        width: 176px
    }

    .nav-menu-4 {
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        padding-left: 0;
        padding-right: 0
    }

    .nav-link-3 {
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0;
        padding: 16px 24px
    }

    .nav-top-info {
        padding-left: 8px;
        padding-right: 8px
    }

    .subscribe {
        flex-direction: column;
        justify-content: flex-start;
        width: 66.66%;
        padding: 64px
    }

    .footer-bottom {
        margin-top: 40px
    }

    .menu-button-4 {
        border-left: 1px solid #e5e5e5;
        height: 100%;
        padding: 20px
    }

    .menu-button-4.w--open {
        color: #111;
        background-color: transparent
    }

    .home-category-card {
        margin-left: 0;
        margin-right: 0;
        padding: 40px 32px
    }

    .home-category-card.red {
        margin-top: 64px
    }

    .wrapper-2.nav-bar-wrapper {
        height: auto
    }

    .wrapper-2.side-paddings {
        padding-left: 8px;
        padding-right: 8px
    }

    .home-category-info-1 {
        margin-left: 176px
    }

    .instagram-link {
        flex: 25%;
        margin-top: 8px;
        margin-bottom: 8px
    }

    .instagram-link:hover {
        transform: none
    }

    .subscribe-form-wrapper {
        width: 100%;
        margin-top: 32px;
        padding-left: 0
    }

    .button-7:hover {
        transform: none
    }

    .footer-social {
        width: 100%;
        margin-top: 24px
    }

    .subscribe-info {
        text-align: center;
        flex-direction: column;
        padding-right: 0
    }

    .no-margin-bottom {
        margin-bottom: 0
    }

    .input.subscribe-input {
        text-align: center;
        margin-bottom: 20px
    }

    .section {
        padding: 88px 8px
    }

    .section.video-section {
        padding-bottom: 80px;
        padding-left: 8.33%;
        padding-right: 8.33%
    }

    .section.hero-section {
        height: auto;
        padding: 184px 16px
    }

    .side-image {
        width: 83.33%
    }

    .no-margin {
        margin: 0
    }

    .footer-nav {
        justify-content: flex-end;
        padding-left: 2px;
        padding-right: 2px
    }

    .hero-intro {
        max-width: 480px;
        padding: 40px
    }

    .footer-left {
        flex: none;
        width: auto
    }

    .nav-top-social {
        padding-left: 8px;
        padding-right: 8px
    }

    .nav-main {
        height: 64px;
        padding-left: 8px;
        padding-right: 0
    }

    .home-category-info-2 {
        margin-right: 182px
    }

    .scroll-mouse-link {
        padding-bottom: 24px;
        display: none
    }

    .subscribe-icon {
        margin-bottom: 20px;
        margin-right: 0
    }

    .product-card-wrapper {
        width: 50%;
        padding: 20px
    }

    .brand-3 {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 20px;
        line-height: 28px
    }

    .nav-bar {
        position: absolute
    }

    .products {
        padding-left: 12px;
        padding-right: 12px
    }

    .home-categories {
        flex-direction: column;
        max-width: 480px;
        padding-left: 8px;
        padding-right: 8px
    }

    .footer-2 {
        padding-top: 40px
    }

    .shop-header {
        padding-left: 8px;
        padding-right: 8px
    }

    .side-blocks {
        flex-wrap: wrap;
        margin-bottom: -48px
    }

    .side-blocks.mobile-reverse {
        flex-direction: column-reverse;
        align-items: stretch
    }

    .page-wrapper {
        padding-top: 96px
    }

    .side-block {
        width: 100%;
        margin-bottom: 48px
    }

    .side-block.small-padding-side {
        padding-left: 8px;
        padding-right: 8px
    }

    .side-block.no-padding-left {
        padding-left: 8.33%
    }

    .side-block.no-padding-right {
        padding-right: 8.33%
    }

    .subscribe-form {
        flex-direction: column;
        align-items: stretch
    }

    .instagram {
        flex-wrap: wrap;
        width: 75%;
        margin-bottom: 48px;
        padding-left: 0;
        padding-right: 0
    }

    .home-category-image-1 {
        width: 176px;
        left: 10px
    }

    .form-error {
        text-align: center
    }

    .intro {
        margin-bottom: 56px
    }

    .side-info {
        text-align: center;
        align-items: center;
        padding-left: 8px;
        padding-right: 8px
    }

    .navigation {
        flex-direction: row-reverse;
        justify-content: flex-start
    }

    .nav-top {
        padding-left: 8px;
        padding-right: 8px
    }

    .breadcrumbs {
        height: 40px;
        margin-top: 20px
    }

    .page-wrapper-2 {
        padding-top: 96px
    }

    .content-section-inner-01 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .border-effect {
        display: none
    }

    .content-wrap-left {
        padding-left: 20px;
        padding-right: 20px
    }

    .files-scroll {
        max-width: 100%
    }

    .card.form {
        padding: 54px 32px
    }

    .card.form.pd-sides-78px {
        padding-left: 40px;
        padding-right: 40px
    }

    .grid-2-columns.contact-v4 {
        grid-template-columns: 1fr
    }

    .grid-2-columns.contact-v9 {
        grid-row-gap: 70px;
        grid-template-columns: 1fr
    }

    .grid-2-columns.logo-strip-v2 {
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .half-bg-image-right {
        width: 100%;
        height: 100%;
        min-height: 600px;
        margin-top: 60px;
        position: static;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .half-bg-image-right.width-65 {
        width: 100%
    }

    .section-110 {
        padding-top: 118px;
        padding-bottom: 118px
    }

    .btn-primary {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .sketch-top-right,
    .ui-slider {
        max-width: 82vw
    }

    .rapid-phone-image {
        max-width: 40vw
    }

    .phone-mask-fore,
    .transparent-mask-background,
    .phone-mask-ui-wrapper {
        max-width: 82vw
    }

    .rapid-paragraph {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .phone-mask-back,
    .ui-colour {
        max-width: 82vw
    }

    .rapid-title {
        margin-top: 48px;
        margin-bottom: 8px;
        font-size: 54px;
        line-height: 68px
    }

    .sketch-bottom,
    .frame-bottom-right {
        max-width: 82vw
    }

    .rapid-subhead {
        margin-top: 16px;
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 34px
    }

    .frame-top,
    .frame-top-right,
    .frame-bg {
        max-width: 82vw
    }

    .contact-phone {
        float: none;
        padding-top: 20px;
        padding-left: 0
    }

    .phone-mask-back-reversed,
    .sketch-top-left,
    .frame-top-left {
        max-width: 82vw
    }

    .about-spruce {
        padding-right: 0
    }

    .sketch-bottom-left {
        max-width: 82vw
    }

    .btn.blue-line {
        float: none
    }

    .frame-bottom,
    .sketch-top,
    .ui-bw {
        max-width: 82vw
    }

    .contact-50 {
        padding-left: 8px;
        padding-right: 8px
    }

    .frame-bottom-left,
    .sketch-bottom-right {
        max-width: 82vw
    }

    .rapid-section-tuesday.tuesday,
    .rapid-section-thursday.thursday {
        justify-content: center;
        padding-right: 25%
    }

    .day-title {
        font-size: 54px;
        line-height: 68px
    }

    .container-6 {
        padding-left: 79px;
        padding-right: 79px
    }

    .heading-30 {
        font-size: 45px
    }

    .container-2,
    .container-7,
    .container-7.hero {
        padding-left: 30px;
        padding-right: 30px
    }

    .heading-31 {
        font-size: 45px
    }

    .container-8,
    .container-9,
    .container-9.hero {
        padding-left: 30px;
        padding-right: 30px
    }

    .paragraph-18._2 {
        margin-bottom: 40px;
        font-size: 16px
    }

    .heading-32 {
        font-size: 45px
    }

    .image-2 {
        margin-right: -320px
    }

    .content-wrapper-2 {
        max-width: 300px
    }

    .container-10 {
        padding-left: 30px;
        padding-right: 30px
    }

    .paragraph-19._2 {
        margin-bottom: 40px;
        font-size: 16px
    }

    .heading-33 {
        font-size: 45px
    }

    .slider-images {
        width: 180px;
        top: 30px;
        right: 20px
    }

    .slider-images.botton {
        top: 160px
    }

    .container-11 {
        padding-left: 30px;
        padding-right: 30px
    }

    .heading-34 {
        font-size: 45px
    }

    .image-5 {
        width: 160px;
        top: 30px;
        left: 20px
    }

    .container-12 {
        padding-left: 30px;
        padding-right: 30px
    }

    .subscribe-section.cc-subscribe-form {
        padding-left: 0;
        padding-right: 0
    }

    .paragraph-2 {
        margin-bottom: 40px
    }

    .paragraph-2._4 {
        margin-bottom: 70px
    }

    .slide {
        width: 320px;
        margin-right: 20px
    }

    .div-block-8 {
        width: 320px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px
    }

    .container-13 {
        padding-left: 30px;
        padding-right: 30px
    }

    .mg-top-56px {
        margin-top: 40px
    }

    .social-media-grid-top.mg-top-32px {
        margin-top: 24px
    }

    .social-media-grid-top.right {
        grid-column-gap: 10px
    }

    .btn-primary-2 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .container-14 {
        max-width: 728px
    }

    .pricing-wrapper {
        grid-template-columns: 1fr;
        justify-items: center
    }

    .pricing-card {
        width: 350px
    }

    .container-15 {
        max-width: 728px
    }

    .nav-menu-wrapper-2 {
        background-color: transparent
    }

    .nav-menu-two-2 {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05)
    }

    .nav-link-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .nav-dropdown-list-2.shadow-three.w--open {
        position: absolute
    }

    .menu-button-7 {
        padding: 12px
    }

    .menu-button-7.w--open {
        color: #fff;
        background-color: #a6b1bf
    }

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

    .os-title {
        font-size: 24px
    }

    .slider-title-mob {
        display: block
    }

    .title-bottom {
        display: none
    }

    .slide-info__c {
        flex-direction: column;
        grid-template: "Area""Area""Area-2""Area-2"/.75fr;
        justify-content: space-between;
        height: 100%;
        display: flex
    }

    .next-img__w {
        max-width: 200px
    }

    .os-sub {
        font-size: 24px
    }

    .os-content {
        font-size: 16px;
        line-height: 1.4
    }

    .slide-btn--txt {
        text-decoration: none
    }

    .csa-btn-anim {
        color: #141613;
        text-decoration: none
    }

    .os-company {
        font-size: 16px
    }

    .nav-2.right {
        display: block
    }

    .super-chat-text {
        background-color: transparent;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .nav-link-super-chat {
        background-color: transparent;
        background-image: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .nav-link-super-chat.desktop {
        display: block
    }

    .menu-button-8 {
        color: #180c37;
        border-radius: 50px;
        margin-left: 5px;
        padding: 10px;
        font-size: 22px;
        line-height: 100%;
        transition: color .2s, background-color .2s
    }

    .menu-button-8.w--open {
        color: #fff;
        background-color: #4d16dd
    }

    .nav-link-demo {
        background-color: transparent;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .menu-icon {
        color: #fff
    }

    .extra-nav-menu {
        display: none
    }

    .nav-menu-7 {
        background-color: #121212;
        padding-bottom: 20px;
        box-shadow: 0 25px 50px -10px rgba(100, 44, 0, .07)
    }

    .d-50-circle-wrapper-2 {
        margin-top: 0
    }

    .footer-link-block {
        margin-bottom: 0
    }

    .button-13 {
        margin-right: 0
    }

    .button-13.bottom {
        text-align: center;
        margin-left: 0;
        margin-right: 0
    }

    .demo-banner-bottom-wrapper {
        flex-direction: column;
        align-items: center;
        width: auto
    }

    .html-embed {
        margin-top: 20px;
        position: relative;
        right: 0
    }

    .demo-banner-bottom {
        align-items: flex-start;
        position: fixed
    }

    .bottom-buttons-wrapper {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .demo-left-arrow-wrapper {
        position: fixed
    }

    .html-embed-24 {
        margin-top: 20px;
        position: relative;
        right: 0
    }

    .hero_ui-3-bg {
        border-radius: 8px
    }

    .paragraph-21 {
        width: 230px;
        font-size: 14px
    }

    .paragraph-21.ui-txt {
        font-size: 10px
    }

    .heading-move {
        font-size: 3em
    }

    .heading-wrap {
        width: 290px;
        height: 140px
    }

    .hero-ui-5 {
        border-radius: 8px;
        left: 39%;
        transform: scale(.7)
    }

    .heading_interaction-wrap {
        height: 50px;
        top: 94px
    }

    .lesson-img {
        width: 87%
    }

    .lesson-img.hide {
        display: none
    }

    .hero_ui-2 {
        bottom: 58%;
        transform: scale(.7)
    }

    .hero_left-wrap {
        grid-row-gap: 30px
    }

    .heading-41 {
        font-size: 3em
    }

    .hero_ui-1 {
        width: 350px
    }

    .wrapper-3 {
        width: auto;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0
    }

    .hero_ui-4 {
        left: -15%;
        transform: scale(.7)
    }

    .hero_ui-3 {
        border-radius: 8px;
        bottom: 58%;
        transform: scale(.7)
    }

    .hero_ui-2-bg {
        border-radius: 8px
    }

    .navbar2_link {
        text-align: left;
        margin-left: 10px;
        margin-right: 10px;
        padding: 1rem 0;
        font-size: 1.125rem
    }

    .menu-icon_line-middle-inner {
        background-color: #f3f2f5;
        width: 4px;
        height: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .link-block-2 {
        width: auto;
        display: none
    }

    .navbar2_button-wrapper {
        align-items: center
    }

    .navbar2_menu-button {
        color: #f3f2f5;
        background-color: transparent;
        border: 1px #f3f2f5;
        padding: 0;
        position: absolute;
        top: 15%;
        bottom: auto;
        left: auto;
        right: 5%
    }

    .navbar2_menu-button.w--open {
        background-color: transparent
    }

    .menu-icon2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-right: -.5rem;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .menu-icon2_line-middle {
        background-color: #f3f2f5;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar2_container {
        grid-template-columns: .25fr 1fr;
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .navbar2_menu {
        -webkit-text-fill-color: inherit;
        background-color: #1f1f1f;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        justify-content: flex-start;
        width: 35%;
        margin-top: 4.5rem;
        padding: 1rem 5% 2.5rem;
        display: flex;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%;
        overflow: auto
    }

    .menu-icon2_line-bottom,
    .menu-icon2_line-top {
        background-color: #f3f2f5;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-vertical.padding-xhuge {
        flex-wrap: nowrap
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom.margin-xxlarge {
        height: auto
    }

    .max-width-large.free {
        max-width: none
    }

    .text-size-medium {
        max-width: 650px
    }

    .page-padding {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .image-65._2 {
        min-width: auto
    }

    .container-large.card.second,
    .container-large.card.first,
    .container-large.card.third {
        max-height: none;
        padding-bottom: 0;
        position: relative;
        top: auto
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .layout242_list {
        grid-column-gap: 2rem;
        grid-template-columns: 1fr 1fr
    }

    .header1_image-wrapper {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .heading-caps {
        margin-bottom: 40px
    }

    .header1_component {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        min-height: auto
    }

    .image-66 {
        max-width: 70%
    }

    .card-keeper {
        position: relative;
        top: auto
    }

    .image-67,
    .image-68 {
        max-width: 70%
    }

    .cta8_content {
        max-width: 100%;
        margin-right: 0
    }

    .form-input.width-240 {
        min-width: 300px
    }

    .cta8_form-block {
        max-width: 100%
    }

    .cta8_component {
        grid-column-gap: 3rem;
        grid-row-gap: 2rem;
        flex-wrap: wrap;
        grid-template-columns: 1fr
    }

    .testimonial17_component {
        grid-template-columns: 1fr 1fr
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .footer3_top-wrapper {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr 1fr 1fr
    }

    .article-grid {
        grid-column-gap: 30px
    }

    .nav-menu-8 {
        text-align: left;
        background-color: #fff;
        border: 1px solid #d8e2e8;
        border-radius: 10px;
        flex-direction: row;
        flex: 0 auto;
        justify-content: center;
        align-self: auto;
        align-items: center;
        display: block;
        position: fixed;
        top: 15vh;
        bottom: auto;
        left: auto;
        right: 3vw;
        box-shadow: 0 9px 20px -2px rgba(0, 0, 0, .2)
    }

    .hero-intro-2 {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        align-items: start;
        justify-items: center
    }

    .data-grid {
        grid-row-gap: 0px;
        grid-template-columns: 1fr
    }

    .navgation {
        position: absolute
    }

    .nav-link-6 {
        color: #12182f;
        text-align: center
    }

    .nav-link-6:hover {
        text-decoration: none
    }

    .section-114 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .icon-8 {
        align-self: auto;
        display: block
    }

    .client-image-block {
        margin-right: -15%
    }

    .feature-image-block {
        height: 400px
    }

    .feature-list {
        grid-column-gap: 30px
    }

    .price-card.featured {
        margin: 0
    }

    .navigation-side-plain {
        align-items: center;
        display: flex;
        position: static
    }

    .h3 {
        font-size: 32px;
        line-height: 38px
    }

    .h3.gray {
        font-size: 30px
    }

    .navigation-container-2 {
        min-height: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: static
    }

    .price-grid {
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr
    }

    .page-wrapper-4 {
        z-index: 0;
        flex-direction: column;
        display: flex
    }

    .button-20 {
        flex-direction: column;
        justify-content: center;
        align-self: auto;
        align-items: center;
        display: inline-block
    }

    .button-20:hover {
        text-decoration: none
    }

    .button-20.nav {
        margin-right: 60px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        display: block
    }

    .menu-button-9 {
        color: #27ae60;
        border: 1px solid #27ae60;
        border-radius: 5px;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        padding: 8px;
        display: flex;
        position: fixed;
        top: 24px
    }

    .menu-button-9.w--open {
        color: #27ae60;
        top: 4vh
    }

    .client-word {
        width: 60%
    }

    .text-center.tablet {
        text-align: center
    }

    .grid-3-columns {
        grid-template-columns: 1fr 1fr
    }

    .grid-3-columns._1-col-tablet {
        grid-template-columns: 1fr
    }

    .divider-2 {
        margin-top: 64px;
        margin-bottom: 64px
    }

    .display-4 {
        font-size: 22px;
        line-height: 38px
    }

    .mg-bottom-32px {
        margin-bottom: 24px
    }

    .btn-primary-3 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .heading-h1-size {
        font-size: 48px;
        line-height: 60px
    }

    .section-127,
    .section-128 {
        padding-top: 118px;
        padding-bottom: 118px
    }

    .section-128.small {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .grid-5-columns.logo-strips-right {
        grid-row-gap: 32px;
        grid-template-columns: auto auto auto;
        justify-content: center;
        justify-items: center
    }

    .dropdown-button-v2---brix {
        align-self: flex-start;
        width: auto
    }

    .nav-menu---brix {
        margin-right: 16px
    }

    .image-wrapper---brix.dropdown-button-icon-v2---brix {
        border-radius: 12px;
        width: 56px;
        margin-bottom: 16px;
        margin-right: 16px
    }

    .dropdown-list-v2---brix {
        width: 70vw;
        min-width: 665px;
        margin-left: -50%;
        left: auto
    }

    .image---brix.dropdown-button-icon---brix {
        border-radius: 12px
    }

    .dropdown-nav-main-wrapper-v2---brix {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        padding: 40px 32px
    }

    .dropdown-nav-pages-wrapper-v2---brix {
        margin-bottom: 40px;
        margin-right: 0
    }

    .dropdown-nav-container-v2---brix {
        margin-bottom: 32px
    }

    .dropdown-nav-container-v2---brix.adjust-this-for-your-container-size {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .dropdown-nav-container-v2---brix.adjust-this-for-your-container-size.last---brix {
        margin-bottom: 0
    }

    .dropdown-menu-v2---brix {
        position: static
    }

    .split-content---brix.hero-v1-right---brix {
        max-width: 100%
    }

    .split-content---brix.hero-v1-left---brix-copy {
        max-width: 100%;
        margin-bottom: 88px
    }

    .nav-menu-9 {
        background-color: #292c31;
        border-radius: 0;
        margin-top: 0
    }

    .fixed-nav-menu-button {
        color: #fff;
        text-align: center;
        background-color: #1f6fff;
        border-radius: 4px;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        padding-top: 14px;
        padding-left: 0;
        padding-right: 0
    }

    .fixed-nav-menu-button:hover {
        background-color: #1859cf
    }

    .fixed-nav-menu-button.w--open {
        background-color: #000
    }

    .dropdown-list-3.w--open {
        border-radius: 0;
        margin-top: 0;
        box-shadow: 0 0 transparent
    }

    .dropdown-link {
        padding-left: 35px
    }

    .nav-link-7 {
        color: #fff;
        border-radius: 0;
        width: 100%;
        max-width: 1200px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 35px
    }

    .nav-link-7:hover {
        color: #fff;
        background-color: #000
    }

    .nav-link-7.dropdown-toggle {
        color: #fff
    }

    .small-dropdown-icon {
        margin-right: 21px
    }

    .dropdown {
        width: 100%;
        max-width: 1500px
    }

    .navbar-4 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .navbar-4.white {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .full-hero-content-block {
        width: 100%;
        margin-bottom: 50px
    }

    .overall-hero-title {
        font-size: 41px;
        line-height: 53px
    }

    .overall-hero-description {
        width: 80%
    }

    .hero-block-overlay {
        padding: 170px 45px 140px
    }

    .hero-block-overlay.business-2 {
        padding-top: 150px;
        padding-left: 45px;
        padding-right: 45px
    }

    .hero-block-overlay.business {
        background-color: rgba(0, 0, 0, .45);
        padding-top: 150px;
        padding-bottom: 120px
    }

    .client-logo {
        height: 40px
    }

    .section-title-wrapper {
        width: 85%;
        margin-bottom: 40px
    }

    .section-title-wrapper.full {
        margin-bottom: 20px;
        padding-right: 40px
    }

    .section-title-wrapper.full.info {
        margin-bottom: 20px
    }

    .section-129 {
        padding: 45px
    }

    .browser-mockup-right {
        width: 540px;
        top: 9px;
        right: -288px
    }

    .section-130 {
        padding: 45px
    }

    .section-130.feature-section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .feature-text-block {
        width: 400px
    }

    .text-column {
        padding-bottom: 10px;
        padding-right: 10px
    }

    .process-tab-col-left {
        padding-right: 30px
    }

    .section-description {
        margin-top: 20px;
        font-size: 19px
    }

    .section-description.in-column {
        font-size: 18px;
        line-height: 25px
    }

    .text-column-title {
        font-size: 13px
    }

    .section-131 {
        padding: 45px
    }

    .section-title-3 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .section-132 {
        padding: 45px
    }

    .portfolio-item {
        padding-left: 5px;
        padding-right: 5px
    }

    .section-133 {
        padding: 45px
    }

    .section-133.feature-section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .browser-mockup-left {
        width: 580px;
        top: 4px;
        left: -360px
    }

    .image-section-overlay {
        padding: 90px 45px
    }

    .image-section-overlay.dark-gradient {
        padding: 70px 45px
    }

    .pricing-feature-item {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .pricing-feature-text {
        font-size: 12px
    }

    .button-22.white-pricing-button,
    .button-23.white-pricing-button {
        padding-left: 15px;
        padding-right: 15px
    }

    .map-marker._2 {
        top: 146px;
        left: 296px
    }

    .section-134 {
        padding: 45px
    }

    .worldmap-left-wrapper {
        width: 670px;
        top: 27px;
        left: -101px
    }

    .white-footer {
        padding-left: 45px;
        padding-right: 45px
    }

    .transparant-menu-button {
        color: #fff;
        text-align: center;
        background-color: rgba(0, 0, 0, .1);
        border-radius: 4px;
        width: 50px;
        height: 50px;
        margin-right: 20px;
        padding-top: 14px;
        padding-left: 0;
        padding-right: 0
    }

    .transparant-menu-button:hover {
        background-color: rgba(0, 0, 0, .3)
    }

    .transparant-menu-button.w--open {
        background-color: #000
    }

    .nav-menu-10 {
        background-color: #292c31;
        border-radius: 0;
        margin-top: 0
    }

    .dropdown-icon {
        margin-right: 30px
    }

    .nav-link-8 {
        color: #fff;
        border-radius: 0;
        width: 100%;
        max-width: 1200px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 35px
    }

    .nav-link-8:hover {
        color: #fff;
        background-color: #000
    }

    .nav-link-8.light {
        border-color: transparent;
        border-radius: 0;
        width: 100%;
        max-width: 1500px;
        margin-right: 0;
        padding-left: 35px;
        padding-right: 35px
    }

    .nav-link-8.light:hover {
        background-color: #000
    }

    .nav-link-8.light.w--current {
        border-color: transparent
    }

    .nav-link-8.dropdown-toggle {
        color: #fff
    }

    .navbar-5 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .large-hero-title {
        width: 90%
    }

    .hero-description-title {
        width: 70%;
        font-size: 22px
    }

    .hero-background-video {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64abc75781942cdb3f656ecd_Photo-9.jpg);
        background-position: 50%;
        background-size: cover
    }

    .section-135 {
        padding: 45px
    }

    .nav-menu-11 {
        background-color: #292c31;
        border-radius: 0;
        margin-top: 0
    }

    .nav-link-9 {
        color: #fff;
        border-radius: 0;
        width: 100%;
        max-width: 1200px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 35px
    }

    .nav-link-9:hover {
        color: #fff;
        background-color: #000
    }

    .nav-link-9.light {
        border-color: transparent;
        border-radius: 0;
        width: 100%;
        max-width: 1500px;
        margin-right: 0;
        padding-left: 35px;
        padding-right: 35px
    }

    .nav-link-9.light:hover {
        background-color: #000
    }

    .nav-link-9.light.w--current {
        border-color: transparent
    }

    .nav-link-9.dropdown-toggle {
        color: #fff
    }

    .navbar-6 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .hero-mockup-description-block {
        width: 350px
    }

    .white-hero-title {
        font-size: 33px;
        line-height: 41px
    }

    .iphone-hero {
        padding-top: 160px;
        padding-bottom: 80px;
        padding-left: 45px
    }

    .small-hero-intro-title {
        margin-bottom: 10px
    }

    .hero-mockup-image {
        width: 385px;
        top: -70px
    }

    .hero-composition---brix {
        align-items: center
    }

    .hero-v5-right---brix {
        width: 100%;
        height: 40%;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .logo-bar-grid-hero-v5---brix {
        grid-column-gap: 40px;
        grid-row-gap: 21px;
        grid-template-columns: auto auto auto auto;
        grid-auto-flow: row;
        align-content: space-around;
        justify-content: start;
        justify-items: start
    }

    .hero-v5-split---brix {
        flex-direction: column;
        margin-bottom: 80px
    }

    .logo-image---brix {
        max-height: 32px
    }

    .hero-image---brix.hero-v5-image-left---brix {
        width: 34%;
        top: 32px;
        left: 32px
    }

    .hero-image---brix.hero-v5-image-right---brix {
        width: 32%;
        bottom: 32px;
        right: 32px
    }

    .hero-txt-xxl {
        font-size: 52px
    }

    .lh-relax {
        font-size: 18px
    }

    .subpage-header {
        padding: 140px 45px 60px
    }

    .subpage-header.about-5 {
        padding-top: 180px;
        padding-bottom: 80px
    }

    .subpage-header.pricing-5 {
        padding-bottom: 170px
    }

    .subpage-header.pricing-5.e-imsa.hw {
        background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ba3b254c6453a8bff1c391_Group%2071.jpg);
        background-size: auto, contain;
        padding-bottom: 60px
    }

    .subpage-header.contact-1 {
        padding-top: 110px
    }

    .page-subtitle {
        width: 80%
    }

    .overall-text-column {
        padding-left: 0;
        padding-right: 0
    }

    .image-block-column-left {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .section-136 {
        padding: 45px
    }

    .video-lightbox-block.about-us {
        height: 250px
    }

    .section-137 {
        padding: 45px
    }

    .section-title-4 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .section-138 {
        padding: 45px
    }

    .image-block-right.hh.zaman {
        background-position: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-attachment: scroll
    }

    .section-139 {
        padding: 45px
    }

    .pricing-features-row {
        margin-top: -160px
    }

    .bob-wrap-4 {
        display: none
    }

    .bob-wrap-pic {
        flex: 1
    }

    .bob-text-1 {
        text-transform: capitalize
    }

    .bob-text-dropdown-8 {
        font-weight: 400
    }

    .bob-dropdown-2-1 {
        box-shadow: none;
        margin-right: 0;
        padding: 1.6em 0 0 2.2em
    }

    .bob-text-dropdown-5 {
        font-weight: 400
    }

    .bob-menu-wrap-1 {
        padding-top: 3em;
        padding-left: 3em;
        padding-right: 3em
    }

    .bob-menu-grid {
        flex: 1;
        padding-top: 3.9em;
        padding-bottom: 3em;
        overflow: auto
    }

    .bob-wrap-link-1-menu {
        opacity: 0
    }

    .bob-text-dropdown-6 {
        font-weight: 400
    }

    .bob-selection-2 {
        flex: none;
        font-size: 1.3vw
    }

    .bob-menu-open {
        z-index: 1;
        opacity: 1;
        background-color: #fff;
        flex-direction: column;
        height: 100vh;
        font-size: 1.3vw;
        display: none;
        position: fixed;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .bob-link-1-menu {
        flex-direction: column;
        margin-left: 0;
        display: block
    }

    .bob-selection-1 {
        flex: none;
        font-size: 1.3vw
    }

    .bob-dropdown-1 {
        display: block
    }

    .bob-toggle-1 {
        background-position: 100%;
        background-size: auto .3em;
        padding-right: 0;
        font-size: 1.6em;
        display: block
    }

    .bob-toggle-1.w--open {
        background-size: auto .3em
    }

    .bob-pic-menu {
        cursor: pointer;
        height: 3em
    }

    .bob-link-2-menu {
        text-transform: capitalize;
        margin-left: 0;
        font-size: 1.6em
    }

    .bob-wrap-link {
        display: none
    }

    .bob-grid-menu {
        grid-column-gap: 3em;
        grid-row-gap: 3em;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .bob-text-dropdown-7 {
        font-weight: 400
    }

    .bob-dropdown-2.w--open {
        padding-right: 0;
        position: relative
    }

    .bob-menu-pic {
        margin-left: 1em;
        display: block
    }

    .bob-wrap-link-2 {
        display: none
    }

    .bob-selection-2-2 {
        flex: none;
        font-size: 1.3vw
    }

    .navigation-items {
        background-color: #fff;
        width: 100%
    }

    .nav-bar-white-bg {
        background-color: #fff;
        padding-left: 5%;
        padding-right: 5%
    }

    .dropdown-2 {
        display: none
    }

    .menu {
        margin-left: 30px;
        position: static
    }

    .menu.dark-bg {
        width: 100%;
        margin-left: 0;
        display: none
    }

    .navigation-2 {
        margin-bottom: 0;
        padding: 0 0%
    }

    .dropdown-toggle-3 {
        padding-top: 0;
        padding-bottom: 0
    }

    .navigation-item {
        text-align: center;
        padding: 15px 30px;
        transition: background-color .4s, opacity .4s, color .4s
    }

    .navigation-item:hover {
        background-color: #f7f8f9
    }

    .navigation-item:active {
        background-color: #eef0f3
    }

    .navigation-item.white-navbar {
        border-top: 1px solid #f3f3f7;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block
    }

    .navigation-item.white-navbar.service-button {
        display: block
    }

    .menu-icon-white {
        filter: none;
        display: block
    }

    .nav-bar-dark-bg {
        background-color: rgba(255, 255, 255, 0);
        padding: 0 5%;
        display: none
    }

    .logo-link-2.w--current {
        flex: 1
    }

    .logo-link-2.center.w--current {
        display: none
    }

    .menu-button-10 {
        padding: 0
    }

    .menu-button-10.w--open {
        background-color: transparent
    }

    .nav-button {
        text-align: center;
        justify-content: center;
        width: 100%;
        font-size: 16px
    }

    .nav-button.homepage.white-navbar {
        border-style: none;
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 12px
    }

    .navigation-left-2 {
        display: flex
    }

    .mobile-nav {
        background-color: #fff;
        padding-top: 15px;
        box-shadow: 42px 42px 55px rgba(32, 53, 90, .09)
    }

    .nav-menu-12 {
        display: none
    }

    .mobile-nav-link {
        width: 100%
    }

    .dropdown-list-5 {
        background-color: #fff
    }

    .navigation-3 {
        display: none
    }

    .mobile-toggle {
        width: 100%
    }

    .dropdown-link-mobile {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .menu-mob {
        color: #000;
        background-color: #fafafa;
        border-radius: 100px;
        font-size: 22px
    }

    .menu-mob.w--open {
        background-color: #824bf1
    }

    .navigation-container-mob {
        justify-content: space-between
    }

    .navigation-mob {
        border-bottom: 1px solid rgba(68, 85, 103, .11);
        flex-direction: row;
        justify-content: center;
        height: 85px;
        padding-left: 3%;
        padding-right: 3%;
        display: flex
    }

    .instructions-wrapper {
        flex-wrap: nowrap;
        order: -1;
        align-self: auto;
        align-items: center;
        margin-top: 0;
        margin-bottom: 60px;
        margin-left: 0;
        position: relative;
        top: 0%;
        left: -25px
    }

    .demo-main-text-wrapper {
        width: 510px;
        margin-top: 100px;
        margin-left: 40px;
        margin-right: auto;
        position: absolute
    }

    .demo-btn-close-wrapper {
        position: static
    }

    .demo-right-arrow-wrapper {
        position: fixed
    }

    .demo-p.main {
        max-width: 350px;
        margin-bottom: 40px;
        padding-right: 32px
    }

    .demo-container {
        clear: both;
        flex-direction: row;
        justify-content: center;
        height: auto;
        min-height: 100vh;
        display: flex;
        overflow: hidden
    }

    .demo-banner-bottom-2 {
        align-items: flex-start;
        position: fixed
    }

    .button-31 {
        margin-right: 0
    }

    .button-31.bottom {
        text-align: center;
        margin-left: 0;
        margin-right: 0
    }

    .demo-wrapper {
        flex-direction: column-reverse;
        flex: 0 auto;
        align-items: center;
        margin-top: 100px;
        margin-bottom: 140px;
        margin-right: 0%
    }

    .footer-link-block-2 {
        margin-bottom: 0
    }

    .d-130-blog-card-wrapper {
        margin-bottom: 100px
    }

    .browser-demo {
        flex-direction: column;
        justify-content: center;
        width: 500px;
        height: 300px;
        margin-bottom: 100px
    }

    .image-71 {
        margin-right: 0
    }

    .button-32.p {
        display: block
    }

    .button-32.p.nav {
        max-width: 300px;
        margin-top: 30px
    }

    .nav__icon {
        font-size: 32px
    }

    .nav-link-10 {
        color: #fff;
        padding-left: 0
    }

    .purple-decor-1 {
        max-width: 250px
    }

    .column-left {
        width: 100%
    }

    .testimonial-image {
        position: relative
    }

    .footer-top-grid {
        grid-template-columns: 1fr
    }

    .hero-image-3 {
        width: 100%;
        max-width: none;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto
    }

    .testimonial-content {
        padding-left: 25px;
        padding-right: 40px
    }

    .team {
        padding-top: 0
    }

    .features__grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .container-2sss1.nav {
        justify-content: space-between
    }

    .container-2sss1.flex {
        display: block
    }

    .nav__button {
        background-color: transparent;
        padding: 8px
    }

    .nav__button.w--open {
        color: #272d4e;
        background-color: transparent
    }

    .testimonials {
        overflow: hidden
    }

    .hero-2 {
        padding-top: 150px
    }

    .purple-decor-2 {
        max-width: 340px
    }

    .nav-menu-13 {
        color: #fff;
        background-color: #272d4e;
        padding: 30px 5% 50px
    }

    .spiralgrid_container {
        grid-row-gap: 1.5rem;
        flex-wrap: wrap;
        width: 150%;
        position: relative;
        left: -25%
    }

    .spiralgrid_content-container {
        width: 25%;
        min-width: auto;
        max-width: 19rem
    }

    .spiralgrid_content-container.end.mobile,
    .spiralgrid_content-container.start.tablet {
        display: block
    }

    .page-subtitle-2 {
        width: 80%
    }

    .iphone-hero-2 {
        padding-top: 160px;
        padding-bottom: 80px;
        padding-left: 45px
    }

    .hero-mockup-image-2 {
        width: 385px;
        top: -70px
    }

    .info-icon {
        height: 14px;
        margin-right: 4px
    }

    .devices-mockup-right {
        top: -21px;
        right: -408px
    }

    .section-title-5 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .testimonial-quote {
        font-size: 15px
    }

    .testimonial-block {
        padding-right: 0
    }

    .section-140 {
        padding: 45px
    }

    .testimonial-slider-arrow {
        width: 30px;
        height: 30px;
        margin-left: -20px;
        margin-right: -20px;
        font-size: 13px
    }

    .section-141 {
        padding: 45px
    }

    .section-141.tint.overflow-none {
        padding-top: 45px;
        padding-left: 35px;
        padding-right: 35px
    }

    .section-title-6 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .device-mockup-left {
        height: 510px;
        top: -72px;
        left: -117px
    }

    .section-142 {
        padding: 45px
    }

    .section-title-7 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .section-title-7.large {
        line-height: 37px
    }

    .section-143 {
        padding: 45px
    }

    .section-title-8 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .client-logo-2 {
        height: 40px
    }

    .section-description-2 {
        margin-top: 20px;
        font-size: 19px
    }

    .section-title-9 {
        margin-bottom: 4px;
        font-size: 31px;
        line-height: 30px
    }

    .dark-bottom-footer {
        padding-bottom: 45px;
        padding-left: 45px;
        padding-right: 45px;
        font-size: 12px;
        line-height: 20px
    }

    .footer-inline-link {
        margin-right: 9px;
        font-size: 12px
    }

    .contact-info-block {
        padding: 25px;
        font-size: 13px
    }

    .white-contact-form,
    .color-block {
        padding: 25px
    }

    .color-block-title {
        margin-bottom: 11px;
        font-size: 15px
    }

    .color-block-icon {
        height: 30px;
        top: 20px;
        right: 20px
    }

    .c-phone-section-item {
        padding-left: 20px;
        padding-right: 20px
    }

    ._w-section-phone {
        padding-left: 40px;
        padding-right: 40px
    }

    .ceramic-shield,
    .ceramic-shield-3 {
        height: 40%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .navbar_logo-link {
        margin-right: 0
    }

    .durable-part-2 {
        height: 100%
    }

    .menu-icon-2 {
        color: #382727;
        -webkit-text-fill-color: transparent;
        background-color: #fff;
        -webkit-background-clip: text;
        background-clip: text;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-right: -.5rem;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .menu-icon_line-middle-inner-2 {
        width: 4px;
        height: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .sub-navbar-link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .sub-navbar-link.button {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .section_iphone-grid {
        height: auto;
        overflow: hidden
    }

    .menu-icon_line-top {
        background-color: #000;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .margin-top-2 {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .menu-icon_line-middle {
        background-color: #000;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar_container {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .text-size-large-2 {
        font-size: 2rem
    }

    .durable-part {
        height: 100%
    }

    .first-iphone {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .durable-part-3 {
        height: 100%
    }

    .navbar_link {
        color: #303030;
        width: auto;
        padding: .75rem .2rem;
        font-size: 1.125rem
    }

    .navbar_link:hover {
        color: #505050
    }

    .navbar_menu {
        -webkit-text-fill-color: inherit;
        background-color: #fff;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
        width: auto;
        padding: 1rem 5% 2rem;
        display: flex;
        overflow: auto
    }

    .navbar_menu.sub {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: rgba(255, 255, 255, .7);
        border-bottom-color: #dbdbdb;
        justify-content: space-around;
        align-items: center
    }

    .sub-navbar_container {
        justify-content: center
    }

    .links-wrapper {
        flex-wrap: wrap;
        align-items: stretch;
        display: flex
    }

    .menu-icon_line-bottom {
        background-color: #000;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .ceramic-shield-2 {
        height: 40%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .durable-text {
        width: 80%
    }

    .icons-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: none
    }

    .navbar_menu-button.w--open {
        background-color: transparent
    }

    .section-147 {
        padding-left: 0;
        padding-right: 0
    }

    .feature_wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .h2-2 {
        font-size: 40px;
        line-height: 1.2
    }

    .container-22223 {
        width: 90%
    }

    .aod---grid {
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }

    .always-on-dislay-title-holder {
        font-size: 60px
    }

    ._16a-cpu-image-holder {
        width: 50%
    }

    ._16a-cpu-holder {
        margin-top: 0
    }

    ._16a-header {
        font-size: 42px
    }

    .ipad-screen {
        border-radius: 7px
    }

    .stacked-tabs-holder {
        grid-row-gap: 40px;
        flex-direction: column
    }

    .stacked-tabs-content-holder {
        justify-content: flex-start
    }

    .grid-8-col {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }

    .stacked-tabs-pane-holder {
        width: 80%
    }

    .stacked-tabs-container {
        width: 100%;
        min-width: 100%
    }

    .multi-step-form-radio-trigger---brix {
        padding-left: 64px;
        padding-right: 24px;
        font-size: 16px
    }

    .radio-button-field-2 {
        padding: 40px 24px
    }

    .card-3.form {
        padding: 54px 32px
    }

    .btn-primary-4 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .card-4.form {
        padding: 54px 32px
    }

    .card-4.form.pd-sides-78px {
        padding-left: 40px;
        padding-right: 40px
    }

    .mg-bottom-48px {
        margin-bottom: 40px
    }

    .acupa-section-wrapper {
        margin-left: 2em;
        padding-left: 0
    }

    .acupa-lottie-animation {
        right: -21%
    }

    .acupa-progress-bar {
        display: none
    }

    .container-22234,
    .container-22236 {
        width: 90%
    }

    .section-153,
    .section-155 {
        padding-left: 0;
        padding-right: 0
    }

    .container-22237,
    .container-22231,
    .container-22229,
    .container-22238,
    .container-22230,
    .container-22233 {
        width: 90%
    }

    .horizontal-tabcontent {
        margin-top: -35px
    }

    .horizontal-tab-block {
        margin-top: 40px
    }

    .tab-content.item-bgcolor {
        padding-top: 50px
    }

    .img-block {
        width: 100%
    }

    .tab-text {
        text-align: justify;
        width: 100%;
        font-size: 16px;
        line-height: 25px
    }

    .image-107 {
        width: 100%
    }

    .tab-block {
        flex-wrap: nowrap;
        padding: 20px;
        display: flex
    }

    .tab-title-2.item-bgcolor {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .tablink {
        width: 160px;
        padding-left: 16px;
        padding-right: 16px
    }

    .tablink._3 {
        font-size: 14px
    }

    .top-bottom-wraper {
        margin-top: 20px
    }

    .popup-btn {
        background-color: #fff;
        margin-top: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-family: Merriweather, serif;
        font-size: 1.5rem;
        line-height: 1.2rem
    }

    .header-wraper {
        justify-content: space-between;
        align-items: center
    }

    .popup-top-wraper {
        padding-bottom: 20px
    }

    .container-medium {
        width: 100%
    }

    .humberger-icon {
        color: #ff3838;
        display: block
    }

    .html-embed-2 {
        background-color: #fff;
        width: 43px;
        padding: 10px
    }

    .popup-menu-text {
        font-family: Merriweather, serif;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2rem
    }

    .header-spaching {
        padding-left: 10px;
        padding-right: 10px
    }

    .html-embed-25 {
        color: #000;
        width: 1.6rem
    }

    .nav-menu-14 {
        display: none
    }

    .popup-middle-wraper {
        margin-top: 0
    }

    .popup-wraper {
        background-color: #000;
        max-width: 60%;
        padding-bottom: 20px
    }

    .mobile-popup {
        z-index: 100;
        display: block
    }

    .popup_menu-wraper {
        grid-column-gap: 0px;
        grid-row-gap: 18px;
        flex-direction: column;
        padding-top: 60px;
        display: flex
    }

    .popup-close {
        display: block
    }

    .logo-text {
        font-size: 2rem
    }

    .logo-text.is-mobile {
        color: #fff;
        font-size: 2.1875rem
    }

    .button-group {
        display: none
    }

    .destaque-small-title {
        margin-bottom: 10px
    }

    .destaque-small-title.destque-small-big-title {
        font-size: 30px
    }

    .destaque-small-summary {
        text-shadow: 1px 1px rgba(0, 0, 0, .65);
        font-size: 16px
    }

    .destaque-small-wrapper {
        right: 20%
    }

    .section-destaques {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sidebar-dark-blue {
        padding: 25px 20px
    }

    .tag-link {
        font-size: 14px
    }

    .margin-bottom-15 {
        margin-bottom: 15px
    }

    .sidebar {
        margin-left: -20px
    }

    .newsletter-text {
        margin-bottom: 15px
    }

    .blog-post-container {
        padding-left: 5px
    }

    .blog-pagination {
        margin-top: 40px
    }

    .sidebar-newsletter {
        padding: 25px 20px 30px
    }

    .progress-wrapper {
        flex-direction: column;
        justify-content: center;
        width: 20px
    }

    .progress-track {
        height: 96%
    }

    .heading-53 {
        font-size: 3em
    }

    .wrapper-4 {
        width: auto;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0
    }

    .text-large {
        font-size: 2.2em
    }

    .accordion-grid {
        grid-row-gap: 50px
    }

    .pricing-card-grid {
        grid-template-columns: 1fr 1fr
    }

    .featured-review-see-more {
        font-size: 15px
    }

    .f-r-see-more {
        margin-bottom: 46px
    }

    .padding-vertical-2 {
        padding-left: 0;
        padding-right: 0
    }

    .extra-plans {
        max-width: 100%
    }

    .nav-link-11 {
        width: 100%
    }

    .navigation-top {
        min-height: auto;
        position: relative
    }

    .menu-button-green {
        color: #02676b;
        border: 1px solid rgba(2, 103, 107, .1)
    }

    .menu-button-green.w--open {
        background-color: #02676b;
        border-color: #02676b
    }

    .button-43.button-space {
        display: none
    }

    .nav-menu-15 {
        background-color: #fff;
        height: auto
    }

    .navigation-base-dark {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto
    }

    .brand-13 {
        margin-right: 10px;
        padding: 0
    }

    .navigation-container-full {
        min-height: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }

    .container--full {
        height: 70vh
    }

    .content-container {
        width: auto;
        max-width: none;
        margin-left: 32px;
        margin-right: 32px
    }

    .heading-54 {
        font-size: 30px;
        line-height: 39px
    }

    .heading-54.hero-heading {
        font-size: 40px;
        line-height: 56px
    }

    .section-161 {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .heading-55 {
        font-size: 30px;
        line-height: 39px
    }

    .heading-55.hero-heading {
        font-size: 40px;
        line-height: 56px
    }

    .section-162 {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .button-secondary-2 {
        white-space: nowrap
    }

    .button-secondary-2.is-small {
        min-width: 12px
    }

    .nav_column.is-ctas {
        align-self: stretch
    }

    .nav_column.is-post-name {
        justify-content: space-between;
        align-self: stretch
    }

    .nav_column.is-logo {
        grid-row-gap: 1rem;
        flex-direction: column;
        order: 1;
        align-items: center;
        display: flex
    }

    .button-44 {
        white-space: nowrap
    }

    .button-44.is-small {
        justify-content: flex-end
    }

    .image-logo-icon {
        display: none
    }

    .nav_wrapper {
        grid-column-gap: 0rem;
        grid-row-gap: 1rem;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 3fr 1fr;
        justify-items: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .button-wrapper-4 {
        justify-content: center;
        width: 100%
    }

    .image-logo-full {
        width: 8rem;
        display: inline-block
    }

    .nav_progress-wrapper {
        justify-content: center;
        align-self: stretch
    }

    .nav_logo-wrapper {
        order: 1;
        margin-right: 0
    }

    .image-986 {
        max-height: 100%
    }

    .apple-grid-block.tablet-hidden {
        display: none
    }

    .bg-video {
        align-self: center;
        margin-left: -40px
    }

    .first-button {
        background-color: #4451f6
    }

    .image-990 {
        width: 20px
    }

    .text-small {
        font-weight: 300
    }

    .grid-main {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 40px;
        padding-left: 40px
    }

    .div-content-main {
        align-self: center;
        position: relative
    }

    .div-left-first-button {
        width: 60px;
        margin-right: 0
    }

    .blog-card-image {
        width: 100%;
        height: 120px
    }

    .dropdown-inner-shadow {
        display: none
    }

    .dropdown-card {
        margin-bottom: 28px
    }

    .sidebar-column-bg {
        background-color: #f6f8f9;
        display: block;
        position: absolute;
        top: -49px;
        bottom: -49px;
        left: -24px;
        right: -24px
    }

    .dropdown-bg-full,
    .dropdown-sidebar-bg {
        display: none
    }

    .menu-2 {
        height: auto;
        padding-bottom: 64px;
        overflow: auto
    }

    .dropdown-footer {
        height: 96px;
        padding-bottom: 48px
    }

    .dropdown-footer-wrapper.tablet {
        z-index: 10;
        display: block;
        position: fixed;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .dropdown-card-bg {
        display: none
    }

    .dropdown-column {
        margin-bottom: 64px
    }

    .dropdown-column.third {
        margin-bottom: 0;
        padding-left: 0
    }

    .dropdown-footer-copy {
        text-align: center;
        background-color: #e0e6e8;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none
    }

    .nav-button-2 {
        padding-top: 16px;
        padding-bottom: 16px;
        display: block
    }

    .nav-button-2:hover {
        background-color: #273240
    }

    .menu-button-line {
        background-color: #b7bfc6;
        border-radius: 1px;
        width: 16px;
        height: 2px;
        margin-bottom: 4px
    }

    .menu-button-line.last {
        margin-bottom: 0
    }

    .navbar-8 {
        height: 54px
    }

    .dropdown-overflow {
        max-height: none;
        margin-left: -32px;
        margin-right: -32px;
        padding-top: 28px;
        padding-bottom: 20px;
        overflow: hidden
    }

    .blog-card-link {
        position: absolute;
        bottom: 8px;
        left: 8px;
        right: 8px
    }

    .dropdown-list-6 {
        padding-bottom: 0;
        padding-left: 24px;
        padding-right: 24px;
        position: relative;
        top: 0
    }

    .dropdown-subgrid {
        grid-template-columns: 1fr
    }

    .dropdown-footer-full {
        display: none
    }

    .menu-right {
        flex-direction: column-reverse
    }

    .blog-card-scroll-wrapper {
        margin-left: -32px;
        margin-right: -32px
    }

    .brand-14 {
        display: none
    }

    .brand-14.responsive {
        margin-top: 18px;
        display: block
    }

    .dropdown-footer-link {
        text-align: center;
        width: 50%;
        font-size: 14px
    }

    .dropdown-grid {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        display: block
    }

    .dropdown-grid.resources {
        grid-template-columns: 1fr
    }

    .blog-card {
        white-space: normal;
        width: 40%;
        height: 268px;
        margin-bottom: 4px;
        margin-right: 16px;
        padding-bottom: 32px;
        display: inline-block;
        position: relative
    }

    .blog-card.third {
        display: inline-block
    }

    .dropdown-toggle-4 {
        z-index: 2;
        box-shadow: none;
        color: #151b26;
        border-top: 1px solid #e0e6e8;
        justify-content: space-between;
        padding: 16px 24px;
        font-size: 16px;
        font-weight: 700;
        transition: background-color .2s, color .2s cubic-bezier(.4, 0, .2, .01)
    }

    .dropdown-toggle-4:hover {
        color: #151b26
    }

    .dropdown-toggle-4.w--open {
        box-shadow: none;
        background-color: #f0f0ff;
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .dropdown-toggle-4.login {
        text-align: center;
        border: 1px solid #273240;
        border-radius: 2px;
        justify-content: center;
        margin-left: 24px;
        margin-right: 24px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .dropdown-toggle-4.line {
        display: none
    }

    .dropdown-toggle-4.button {
        padding-top: 24px;
        padding-bottom: 16px;
        display: block
    }

    .menu-button-11 {
        flex-direction: column;
        width: 66px;
        height: 100%;
        padding: 20px 25px;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%
    }

    .menu-button-11.w--open {
        background-color: rgba(255, 255, 255, 0)
    }

    .dropdown-bg {
        display: none
    }

    .blog-card-scroll {
        white-space: nowrap;
        width: 100%;
        margin-bottom: -16px;
        padding-left: 32px;
        padding-right: 16px;
        overflow: scroll
    }

    .menu-left {
        z-index: 1;
        margin-top: 32px;
        display: block;
        position: relative
    }

    .section-ajk-5 {
        grid-column-gap: 0px;
        grid-template-columns: 1fr 1fr 1fr
    }

    .link-ajk-1 {
        flex-basis: 31%
    }

    .lac-decor-1 {
        flex-direction: column;
        align-items: stretch
    }

    .bold-text {
        min-width: 100%;
        max-width: 99.9999%;
        margin-top: -18px;
        font-size: 14px;
        display: flex
    }

    .lac-a-decor-3 {
        margin-top: .9em;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .lac-a-wrap-1 {
        margin-bottom: 1.5em
    }

    .lac-grid-1 {
        grid-column-gap: 3em;
        grid-row-gap: 3em;
        grid-template-columns: 1fr 1.25fr
    }

    .slide-11 {
        min-width: auto
    }

    .ddd-button-1 {
        min-width: 75%;
        display: flex
    }

    .lac-section-1 {
        font-size: 1.3vw
    }

    .popup-content-wrapper---brix {
        width: auto
    }

    .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        left: 24px;
        right: 24px
    }

    .limit-content---brix {
        align-self: auto;
        max-width: none
    }

    .dummy-hero-wrapper---brix.preview-page---brix {
        flex-direction: column;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 32px;
        padding-right: 32px
    }

    .popup-wrapper---brix.preview-page {
        padding-left: 32px;
        padding-right: 32px
    }

    .column {
        align-self: auto;
        width: 100%;
        margin-top: 40px;
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    .nav-menu-3 {
        color: #2c3035;
        background-color: #fff
    }

    .right-arrow-2 {
        color: #632649
    }

    .certifica-logo {
        flex-direction: column;
        align-items: center;
        padding-bottom: 20px;
        padding-right: 0
    }

    .card-quarter-wrapper {
        width: 50%;
        padding: 8px
    }

    .card-quarter-wrapper.hakkizda-carousel {
        width: 100%
    }

    .card-quarter-content {
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 40px 15px 20px
    }

    .logo-mask {
        width: 50%
    }

    .left-arrow-2 {
        color: #632649
    }

    .logo-slider {
        display: none
    }

    .cards-grid-container {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
        align-self: stretch;
        max-width: none
    }

    .slide-heading {
        font-size: 44px;
        line-height: 54px
    }

    .hero-slider {
        min-height: 400px
    }

    .slide-title-medium {
        font-size: 44px;
        line-height: 54px
    }

    .navbar-logo-left-container {
        max-width: 100%
    }

    .navbar-brand {
        padding-left: 0
    }

    .nav-menu-two {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px
    }

    .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .nav-dropdown {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .nav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05)
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: relative
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
        box-shadow: none
    }

    .nav-divider {
        width: 200px;
        max-width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .nav-link-accent {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .mobile-margin-top-10 {
        margin-top: 10px
    }

    .hero-content {
        padding-left: 0;
        padding-right: 0
    }

    .header {
        padding-bottom: 60px
    }

    .button-wrapper {
        flex-direction: column
    }

    .tab-link-round {
        text-align: center;
        white-space: nowrap;
        width: 40%
    }

    .menu-item {
        width: 50%
    }

    .order-collection {
        flex-wrap: wrap;
        display: flex
    }

    .footer-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr
    }

    .nav-link-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .footer-link-2 {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 12px;
        line-height: 20px
    }

    .subscribe {
        width: 83.33%
    }

    .footer-bottom {
        margin-top: 32px;
        margin-left: 8px;
        margin-right: 8px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .subscribe-form-wrapper {
        margin-top: 16px
    }

    .footer-brand {
        padding-left: 8px;
        padding-right: 8px
    }

    .footer-social {
        margin-top: 16px;
        padding-left: 4px;
        padding-right: 4px
    }

    .no-margin-bottom {
        margin-bottom: 0
    }

    .section {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .section.video-section {
        padding-bottom: 72px
    }

    .section.hero-section {
        padding-top: 104px;
        padding-bottom: 104px
    }

    .no-margin {
        margin: 0
    }

    .footer-nav {
        padding-left: 24px;
        padding-right: 0
    }

    .nav-top-social {
        padding-left: 0;
        padding-right: 0
    }

    .link.arrow-link {
        margin-top: 0
    }

    .scroll-mouse-link {
        display: none
    }

    .product-card-wrapper {
        padding: 8px
    }

    .products {
        padding-left: 0;
        padding-right: 0
    }

    .footer-2 {
        padding-top: 32px
    }

    .instagram {
        width: 100%
    }

    .breadcrumbs {
        border-width: 1px;
        height: 32px;
        margin-top: 16px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 10px
    }

    .content-wrap-left {
        padding-left: 0;
        padding-right: 0
    }

    .card.form {
        padding: 56px 32px
    }

    .card.form.pd-sides-78px {
        padding-left: 32px;
        padding-right: 32px
    }

    .card.content-left.card-over-image {
        margin-top: -60px;
        margin-left: 32px;
        margin-right: 32px
    }

    .grid-2-columns {
        grid-template-columns: 1fr
    }

    .grid-2-columns.form {
        grid-row-gap: 20px;
        grid-row-gap: 20px
    }

    .line-rounded-icon.success-message-check.large {
        font-size: 68px;
        line-height: 73px
    }

    .input-2 {
        min-height: 60px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .section-110 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .elements---element-title {
        margin-top: 48px;
        padding-bottom: 20px;
        padding-left: 24px;
        padding-right: 24px
    }

    .btn-primary {
        padding: 20px 32px
    }

    .text-area {
        border-radius: 18px
    }

    .mg-bottom-40px {
        margin-bottom: 24px
    }

    .rapid-home-flex {
        flex-direction: column;
        display: block
    }

    .rapid-phone-image {
        width: 100%;
        max-width: 100vw;
        right: 0
    }

    .rapid-paragraph {
        max-width: none
    }

    .rapid-logo-block {
        justify-content: flex-start
    }

    .right-colour-block {
        background-image: none;
        background-size: auto;
        width: 100%;
        height: auto;
        min-height: 450px;
        position: static
    }

    .rapid-mobile-image {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .row-padding-left {
        padding-right: 4px
    }

    .row-padding-left.less {
        padding-left: 0;
        padding-right: 0
    }

    .rapid-btn-wrapper {
        background-image: linear-gradient(90deg, #02adcf, #01dfe7)
    }

    .rapid-subhead {
        margin-bottom: 16px
    }

    .contact-phone {
        padding-top: 16px
    }

    .left-colour-block {
        background-color: #02adcf;
        width: 100%;
        height: 8px;
        top: 0;
        left: 0;
        right: 0
    }

    .rapid-button {
        min-height: auto;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-right: 80px
    }

    .rapid-home-text-wrapper {
        min-width: none;
        max-width: none
    }

    .contact {
        padding-bottom: 64px
    }

    .about-spruce {
        max-height: auto;
        height: auto;
        margin-bottom: 0
    }

    .btn.btn-margin.solid {
        margin-top: 32px
    }

    .row-padding-right {
        padding-left: 4px
    }

    .row-padding-right.less {
        padding-left: 0;
        padding-right: 0
    }

    .mobile-prog-block {
        background-color: #02adcf;
        width: 100%;
        height: 8px;
        top: 0;
        left: 0;
        right: 0
    }

    .home-scroll-wrapper {
        margin-bottom: 0%;
        overflow: visible
    }

    .contact-50 {
        text-align: center;
        width: 100%;
        margin-bottom: 24px;
        padding-left: 20px;
        padding-right: 20px
    }

    .textarea {
        margin-bottom: 16px
    }

    .rapid-content {
        background-color: transparent;
        width: 100%;
        height: auto;
        padding-top: 32px;
        padding-left: 32px;
        display: block
    }

    .rapid-section-home.rapid-home {
        height: auto;
        display: block;
        position: relative;
        overflow: visible
    }

    .work-with-us {
        text-align: center;
        background-image: none;
        width: auto;
        margin-left: 16px;
        margin-right: 16px;
        display: block
    }

    .rapid-section-tuesday.tuesday {
        height: auto;
        padding-right: 0%;
        position: static;
        transform: none
    }

    .iso-ui {
        max-width: 99%;
        margin: auto;
        display: block;
        position: absolute;
        top: 0;
        bottom: -24px;
        left: 0;
        right: 0
    }

    .block-img {
        width: 100%
    }

    .block-img.pad-img {
        margin-bottom: 34%
    }

    .page-conclusion-section.final-block {
        height: auto;
        position: static
    }

    .day-container {
        justify-content: flex-start;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 130px 32px 40px;
        position: static;
        overflow: hidden
    }

    .day-title-wrapper {
        text-align: left;
        max-width: 100%;
        margin-left: 0
    }

    .rapid-section-wednesday.wednesday {
        height: auto;
        position: static;
        transform: none
    }

    .rapid-section-thursday.thursday {
        height: auto;
        padding-right: 0%;
        position: static;
        transform: none
    }

    .day-subtitle {
        font-size: 16px;
        line-height: 28px;
        display: inline-block
    }

    .week-scroll-wrapper.day-set {
        height: 400vh;
        padding-bottom: 40px;
        overflow: visible
    }

    .monday-mob-img-flex {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 70%;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: relative
    }

    .monday-img-flex-col {
        flex-direction: column;
        justify-content: flex-start;
        width: 25%;
        display: flex
    }

    .monday-img-flex-col.thin-col {
        max-width: 11%;
        margin-right: -5px
    }

    .monday-img-flex-col.thin-col.arrow-bg {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6421794fe3f16b19af816da9_arrows.svg);
        background-position: 0 61%;
        background-repeat: no-repeat;
        margin-right: -5px
    }

    .rapid-section-monday.monday {
        height: 100vh;
        position: fixed
    }

    .day-text-wrapper {
        border-left-width: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .day-title-flex {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 24px;
        display: block
    }

    .day-image {
        float: left;
        max-width: 70px;
        margin-right: 16px
    }

    .iso-wireframe,
    .iso-sketch {
        max-width: 99%;
        margin: auto;
        display: block;
        position: absolute;
        top: 0;
        bottom: -24px;
        left: 0;
        right: 0
    }

    .fixed-mobile-phone-bg {
        max-height: 50vh;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

    .day-text {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .day-number-title {
        font-size: 300px;
        line-height: 250px;
        bottom: -9%;
        left: 0;
        right: auto
    }

    .landscape-overlay {
        z-index: 9999;
        text-align: center;
        background-color: #fff;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .header-section {
        padding-top: 55px;
        padding-bottom: 75px
    }

    .sign-up-form {
        margin-bottom: 0
    }

    .container-6 {
        padding-left: 11px;
        padding-right: 11px
    }

    .section_hero {
        background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/6479bb05807e05d637a60e6f_5def9370146d403c92b5ca5a_hero%20img-min.jpg);
        background-position: 0 0, 50%;
        background-size: auto, cover;
        height: auto
    }

    .nav-menu-5 {
        background-color: #e8edf1;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        margin-left: 30px;
        margin-right: 30px;
        padding: 10px 20px 30px
    }

    .paragraph-16 {
        margin-bottom: 50px
    }

    .heading-30 {
        font-size: 40px
    }

    .menu-button-5 {
        color: #fff;
        padding: 5px;
        font-size: 27px
    }

    .menu-button-5.w--open {
        background-color: #354357;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .menu-button-5.w--open:active {
        background-color: #e8edf1
    }

    .brand-4 {
        padding-left: 0
    }

    .container-7 {
        padding-top: 40px
    }

    .container-7.hero {
        padding: 60px 30px 115px
    }

    .nav-menu-6 {
        background-color: #e8edf1;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        margin-left: 30px;
        margin-right: 30px;
        padding: 10px 20px 30px
    }

    .paragraph-17 {
        margin-bottom: 50px
    }

    .heading-31 {
        font-size: 40px
    }

    .menu-button-6 {
        color: #fff;
        padding: 5px;
        font-size: 27px
    }

    .menu-button-6.w--open {
        background-color: #354357;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .menu-button-6.w--open:active {
        background-color: #e8edf1
    }

    .brand-5 {
        padding-left: 0
    }

    .container-9 {
        padding-top: 40px
    }

    .container-9.hero {
        padding: 60px 30px 115px
    }

    .paragraph-18 {
        margin-bottom: 50px
    }

    .paragraph-18._2 {
        font-size: 15px
    }

    .heading-32 {
        font-size: 40px
    }

    .flexbox.down {
        flex-direction: row
    }

    .image-2 {
        margin-right: -290px
    }

    .content-wrapper-2 {
        max-width: 280px
    }

    .container-10 {
        padding-top: 40px
    }

    .paragraph-19 {
        margin-bottom: 50px
    }

    .paragraph-19._2 {
        font-size: 15px
    }

    .div-block-6 {
        margin-right: 0
    }

    .heading-33 {
        font-size: 40px
    }

    .image-6 {
        margin-left: -51px
    }

    .slider-images {
        width: 100px;
        top: 20px;
        right: 62px
    }

    .slider-images.botton {
        top: 93px
    }

    .container-11 {
        padding-top: 40px
    }

    .image-58 {
        margin-left: 31px;
        margin-right: 0
    }

    .div-block-7 {
        margin-left: 0
    }

    .heading-34 {
        font-size: 40px
    }

    .image-5 {
        width: 100px;
        left: 48px
    }

    .container-12,
    .container-13 {
        padding-top: 40px
    }

    .remodal.remodal--global {
        max-width: 30rem;
        height: 100%
    }

    .remodal__content {
        padding: 6rem 1.5rem 3.5rem
    }

    .remodal__close {
        top: 1rem
    }

    .swiper__pagination {
        display: flex
    }

    .footer__follow {
        text-align: center;
        margin-top: 1.375rem
    }

    .cards__parallax {
        width: 26.8rem;
        height: 22.5rem;
        margin-top: 4.5rem;
        font-size: .65rem
    }

    .cards__card {
        border-radius: .8rem
    }

    .input-4 {
        min-height: 60px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .text-200 {
        font-size: 16px;
        line-height: 18px
    }

    .square-icon {
        border-radius: 12px;
        max-width: 56px
    }

    .btn-primary-2 {
        padding: 20px 32px
    }

    .text-area-2 {
        border-radius: 18px
    }

    .pricing-comparison {
        padding: 60px 15px
    }

    .pricing-wrapper {
        justify-items: stretch
    }

    .pricing-card {
        width: auto
    }

    .pricing-title {
        font-size: 34px;
        line-height: 42px
    }

    .navbar-logo-left-container-2 {
        max-width: 100%
    }

    .navbar-brand-2 {
        padding-left: 0
    }

    .nav-menu-two-2 {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px
    }

    .nav-link-5 {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .nav-dropdown-2 {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .nav-dropdown-toggle-2 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nav-dropdown-list-2.shadow-three {
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05)
    }

    .nav-dropdown-list-2.shadow-three.w--open {
        position: relative
    }

    .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
        box-shadow: none
    }

    .nav-divider-2 {
        width: 200px;
        max-width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .nav-link-accent-2 {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .mobile-margin-top-11 {
        margin-top: 10px
    }

    .slide__c {
        padding-bottom: 0
    }

    .title-xxl {
        font-size: 56px
    }

    .slide-img__w {
        margin-bottom: 64px
    }

    .slide-info--bot {
        justify-content: flex-end
    }

    .slide-info__c {
        padding-bottom: 0
    }

    .next-img__w {
        display: none
    }

    .slide__w {
        flex-direction: column
    }

    .slider__c {
        padding-bottom: 0
    }

    .product-info-data__w {
        flex: 0 auto;
        height: 100%;
        padding-top: 0
    }

    .grid-navbar {
        grid-template-columns: auto auto auto
    }

    .navbar-3 {
        padding-left: 20px;
        padding-right: 20px
    }

    .demo-close-div-2 {
        margin-left: 20px
    }

    .demo-banner-bottom {
        align-items: flex-end
    }

    .hero_section {
        display: none
    }

    .navbar2_menu {
        width: 50%;
        margin-top: 4rem
    }

    .navbar2_component {
        min-height: 4rem
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom.margin-small {
        flex-wrap: wrap;
        align-items: center;
        display: flex
    }

    .margin-bottom.margin-medium {
        justify-content: center;
        display: flex
    }

    .text-size-medium {
        font-size: 1rem
    }

    .container-large,
    .container-large.card.second,
    .container-large.card.first {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px
    }

    .container-large.card.third {
        padding: 40px 40px 20px
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .layout242_list {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .heading-small {
        font-size: 1.25rem
    }

    .header1_component {
        grid-row-gap: 3rem
    }

    .card-keeper {
        top: auto
    }

    .cta8_content {
        margin-right: 0
    }

    .form-input {
        width: 420px
    }

    .form-input.width-240 {
        min-width: 260px
    }

    .cta8_component {
        grid-row-gap: 2rem;
        flex-direction: column;
        grid-template-columns: 1fr;
        justify-content: flex-start;
        align-items: flex-start
    }

    .testimonial17_client {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .testimonial17_client-image-wrapper {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .testimonial17_content {
        padding: 1.5rem
    }

    .testimonial17_component {
        grid-template-columns: 1fr
    }

    .footer3_credit-text {
        margin-top: 2rem
    }

    .footer3_legal-list {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: max-content 1fr;
        grid-auto-flow: row
    }

    .footer3_bottom-wrapper {
        flex-direction: column-reverse;
        align-items: center;
        padding-bottom: 1rem
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .footer3_top-wrapper {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr
    }

    .article-grid {
        grid-template-columns: 1fr 1fr
    }

    .section-114 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-114.brand {
        padding-left: 4%
    }

    .people {
        margin-top: 20px
    }

    .avatar {
        width: 80px;
        height: 80px
    }

    .footer-4 {
        padding-top: 60px
    }

    .point-block {
        align-items: center;
        padding-right: 0
    }

    .upper-image {
        right: 5%
    }

    .feature-list {
        grid-template-columns: 1fr
    }

    .brands {
        flex-direction: column
    }

    .fqa-grid {
        grid-template-columns: 1fr
    }

    .container-18 {
        z-index: 1
    }

    .feature-grid {
        grid-column-gap: 20px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
        margin-bottom: 120px
    }

    .navigation-side-plain {
        width: 100%
    }

    .dropdown-content {
        grid-template-columns: .75fr .5fr
    }

    .h3 {
        font-size: 30px;
        line-height: 36px
    }

    .navigation-button-wrap {
        display: flex
    }

    .brand-images-grid {
        margin-top: 20px
    }

    .brand-8 {
        padding-left: 0
    }

    .hero {
        padding: 40px 20px
    }

    .hero.dark-bg {
        padding-top: 120px
    }

    .button-20 {
        align-self: auto
    }

    .button-20.nav {
        flex: none;
        margin-right: 100px;
        display: block
    }

    .menu-button-9 {
        top: 22px
    }

    .menu-button-9.w--open {
        top: 4vh
    }

    .dash-line,
    .divider-vertical {
        display: none
    }

    .grid-3-columns {
        grid-template-columns: 1fr
    }

    .text-300 {
        font-size: 18px;
        line-height: 20px
    }

    .text-300.medium.top-8px {
        top: 6px
    }

    .text-301 {
        font-size: 16px;
        line-height: 18px
    }

    .text-301.list {
        line-height: 22px
    }

    .divider-2 {
        margin-top: 48px;
        margin-bottom: 48px
    }

    .display-4 {
        font-size: 20px;
        line-height: 32px
    }

    .pricing-content {
        padding-bottom: 40px;
        padding-left: 24px;
        padding-right: 24px
    }

    .tabs-menu {
        flex-direction: column;
        align-items: stretch
    }

    .tabs-menu.bg-grey {
        border-radius: 13px;
        flex-direction: row
    }

    .btn-primary-3 {
        padding: 20px 32px
    }

    .mg-top-48px {
        margin-top: 40px
    }

    .badge-secondary {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .badge-secondary.tabs {
        margin: 8px
    }

    .heading-h1-size {
        font-size: 38px;
        line-height: 46px
    }

    .section-127,
    .section-128 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .section-128.small {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .grid-5-columns.logo-strips-right {
        grid-column-gap: 72px;
        grid-template-columns: auto auto
    }

    .header-logo---brix {
        width: 260px
    }

    .image-wrapper---brix.dropdown-button-icon-v2---brix {
        border-radius: 8px;
        width: 48px;
        margin-bottom: 16px;
        margin-right: 12px
    }

    .dropdown-list-v2---brix {
        width: 80vw;
        min-width: auto;
        margin-top: 53px;
        margin-left: 0%;
        margin-right: -165px;
        right: auto
    }

    .dropdown-bottom-button-content---brix {
        margin-bottom: 16px
    }

    .dropdown-nav-main-wrapper-v2---brix {
        flex-wrap: wrap
    }

    .dropdown-nav-container-v2---brix.adjust-this-for-your-container-size {
        flex-direction: column;
        margin-right: 32px;
        display: flex
    }

    .dropdown-nav-container-v2---brix.adjust-this-for-your-container-size.last---brix {
        margin-right: 0
    }

    .dropdown-menu-v2---brix {
        justify-content: flex-end;
        align-items: flex-start;
        display: flex
    }

    .button-primary-4 {
        padding: 16px 34px;
        font-size: 16px;
        line-height: 18px
    }

    .dropdown-menu-text---brix {
        margin-right: 2px
    }

    .logo-6 {
        height: 30px;
        margin-top: 10px
    }

    .dropdown-link,
    .nav-link-7 {
        padding-left: 25px
    }

    .navbar-4 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px
    }

    .navbar-4.white {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .video-lightbox-button.large-color {
        width: 70px;
        height: 70px;
        padding-top: 22px
    }

    .overall-hero-title {
        font-size: 30px;
        line-height: 33px
    }

    .overall-hero-description {
        width: 90%
    }

    .overall-video-lightbox.large-hero {
        height: 210px
    }

    .hero-block-overlay {
        padding-top: 120px;
        padding-bottom: 90px
    }

    .hero-block-overlay.business-2 {
        padding-top: 120px
    }

    .hero-block-overlay.business {
        padding: 130px 25px 60px
    }

    .logo-column {
        padding-bottom: 3px;
        padding-left: 0;
        padding-right: 0
    }

    .section-title-wrapper {
        width: 95%;
        margin-bottom: 40px
    }

    .section-title-wrapper.small-title {
        margin-bottom: 19px
    }

    .section-title-wrapper.full {
        margin-bottom: 30px
    }

    .section-title-wrapper.full.below-video {
        margin-bottom: 0;
        padding-right: 0
    }

    .section-title-wrapper.full.info {
        text-align: center
    }

    .section-129 {
        padding: 25px
    }

    .browser-mockup-right {
        width: 100%;
        margin-bottom: 30px;
        position: relative;
        top: 0;
        right: 0
    }

    .section-130 {
        padding: 25px
    }

    .section-130.feature-section {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .feature-text-block {
        width: 100%
    }

    .text-column {
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }

    .text-column.last {
        padding-bottom: 0
    }

    .process-tab-menu {
        margin-top: -39px
    }

    .process-tab-icon {
        height: 23px
    }

    .process-tab-col-left {
        padding-left: 0;
        padding-right: 0
    }

    .top-line-block {
        margin-top: 25px;
        padding-top: 30px
    }

    .section-131 {
        padding: 25px
    }

    .process-tab-pane {
        padding-top: 40px
    }

    .process-tab-col-right {
        padding-left: 0
    }

    .section-title-3 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .process-tab-button {
        width: 80px;
        height: 80px;
        margin-left: 9px;
        margin-right: 9px;
        font-size: 10px;
        line-height: 12px
    }

    .portfolio-tab-button {
        text-align: center;
        border: 1px solid rgba(0, 0, 0, .1);
        width: 100%;
        margin-bottom: 3px;
        margin-left: 0;
        margin-right: 0
    }

    .section-132 {
        padding: 25px
    }

    .portfolio-item {
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }

    .portfolio-tab-pane {
        padding-top: 20px
    }

    .section-133 {
        padding: 25px
    }

    .section-133.feature-section {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .browser-mockup-left {
        width: 100%;
        margin-bottom: 30px;
        position: relative;
        top: 0;
        left: 0
    }

    .image-section-overlay {
        padding: 60px 25px
    }

    .image-section-overlay.pricing {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .image-section-overlay.dark-gradient {
        padding: 45px 25px
    }

    .pricing-column {
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }

    .pricing-tab-pane {
        padding-top: 30px
    }

    .map-marker {
        top: 101px;
        left: 48px
    }

    .map-marker._2 {
        top: 83px;
        left: 195px
    }

    .section-134 {
        padding: 25px
    }

    .worldmap-left-wrapper {
        width: 420px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
        top: 0;
        left: 0
    }

    .map-contact-form {
        width: 100%;
        margin-bottom: 0;
        padding: 0
    }

    .field-column {
        padding-left: 0;
        padding-right: 0
    }

    .contact-form {
        width: 100%
    }

    .field-3.email,
    .dark-footer-title {
        margin-bottom: 10px
    }

    .footer-row {
        padding-left: 25px;
        padding-right: 25px
    }

    .footer-row.white-footer-row {
        padding-left: 0;
        padding-right: 0
    }

    .white-footer {
        padding: 25px
    }

    .light-footer-link {
        margin-bottom: 4px
    }

    .bottom-footer-paragraph {
        float: none;
        margin-bottom: 7px
    }

    .bottom-footer-paragraph.dark,
    .bottom-footer-paragraph.right {
        float: none
    }

    .white-footer-column {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .bottom-footer-block.white-footer-block {
        margin-top: 0
    }

    .transparant-menu-button {
        width: 40px;
        height: 40px;
        padding-top: 8px
    }

    .nav-link-8 {
        padding-left: 25px
    }

    .nav-link-8.light {
        padding-left: 25px;
        padding-right: 25px
    }

    .navbar-5 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px
    }

    .large-hero-title {
        width: 100%;
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 36px
    }

    .hero-description-title {
        opacity: .95;
        width: 90%;
        margin-top: 20px;
        font-size: 20px
    }

    .video-column-right {
        padding-left: 0;
        padding-right: 0
    }

    .text-left {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .section-135 {
        padding: 25px
    }

    .nav-link-9 {
        padding-left: 25px
    }

    .nav-link-9.light {
        padding-left: 25px;
        padding-right: 25px
    }

    .navbar-6 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px
    }

    .hero-mockup-description-block {
        text-align: center;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .iphone-hero {
        text-align: center;
        padding: 130px 25px 50px
    }

    .button-27.icon-button.download.green {
        margin-top: 20px
    }

    .hero-mockup-image {
        width: 70%;
        margin: 30px auto -40px;
        display: block;
        position: relative;
        right: 0
    }

    .button-primary---brix {
        padding: 16px 34px;
        font-size: 16px;
        line-height: 18px
    }

    .button-primary---brix._2-buttons---brix {
        margin-bottom: 16px;
        margin-right: 16px
    }

    ._2-buttons---brix {
        align-items: flex-start;
        margin-bottom: -16px
    }

    .paragraph---brix.hero-v1---brix {
        margin-bottom: 24px
    }

    .subtitle-wrapper---brix.hero-section-v1---brix {
        margin-bottom: 20px
    }

    .logo-bar-grid-hero-v5---brix {
        grid-column-gap: 44px;
        grid-row-gap: 24px;
        grid-template-columns: auto 1fr;
        justify-items: start
    }

    .component-section---brix.hero-v5---brix {
        padding-top: 82px
    }

    .hero-image---brix.hero-v5-image-left---brix {
        border-radius: 18px;
        width: 36%;
        top: 24px;
        left: 24px
    }

    .hero-image---brix.hero-v5-image-right---brix {
        border-radius: 18px;
        width: 38%;
        bottom: 24px;
        right: 24px
    }

    .button-secondary---brix.variant-01---brix {
        padding: 16px 34px;
        font-size: 16px;
        line-height: 18px
    }

    .hero-txt-xxl {
        font-size: 40px
    }

    .lh-relax,
    .lh-relax.fc-white {
        font-size: 17px
    }

    .sld-01-slide__c {
        justify-content: flex-start;
        padding-top: 160px
    }

    .subpage-header {
        padding: 110px 25px 40px
    }

    .subpage-header.about-5 {
        padding-top: 140px;
        padding-bottom: 70px
    }

    .subpage-header.with-contact-info {
        padding-bottom: 300px
    }

    .subpage-header.contact-1 {
        padding-top: 90px
    }

    .subpage-title {
        font-size: 30px
    }

    .page-subtitle {
        width: 100%;
        margin-top: 10px
    }

    .section-136 {
        padding: 25px
    }

    .image-block-2 {
        height: 180px
    }

    .video-lightbox-block {
        height: 260px
    }

    .section-137 {
        padding: 25px
    }

    .section-title-4 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .section-138 {
        padding: 25px
    }

    .text-column-left {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .image-column-right {
        padding-left: 0;
        padding-right: 0
    }

    .features-pricing-block {
        margin-bottom: 20px
    }

    .section-139 {
        padding: 25px
    }

    .bob-dropdown-2-1 {
        margin-right: 0
    }

    .bob-link-4-menu {
        margin-top: 1em;
        margin-left: 0
    }

    .bob-wrap-link-1-menu {
        opacity: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .bob-selection-2,
    .bob-menu-open {
        font-size: 1.69vw
    }

    .bob-selection-1 {
        padding-left: 3em;
        padding-right: 3em;
        font-size: 1.69vw
    }

    .bob-link-2-menu {
        margin-left: 0
    }

    .bob-grid-menu {
        grid-auto-columns: 1fr;
        display: grid
    }

    .bob-dropdown-2.w--open {
        padding-right: 0
    }

    .bob-selection-2-2 {
        font-size: 1.69vw
    }

    .navigation-items {
        width: 100%;
        display: none
    }

    .collection-item-3 {
        width: 100%
    }

    .nav-bar-white-bg {
        padding-top: 0
    }

    .collection-list-4 {
        width: 100%
    }

    .dropdown-2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: none
    }

    .menu {
        width: 100%;
        margin-left: 0
    }

    .navigation-2 {
        padding: 0
    }

    .logo-image.white-navbar {
        width: 250px;
        height: auto
    }

    .dropdown-toggle-3 {
        width: 100%;
        display: none
    }

    .navigation-item.white-navbar {
        border-top: 1px solid #f5f5f5;
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block
    }

    .nav-bar-dark-bg {
        padding-left: 0%
    }

    .logo-link-2 {
        padding-left: 0
    }

    .logo-link-2.w--current {
        flex: 0 auto
    }

    .logo-link-2.center.w--current {
        display: none
    }

    .collection-list-wrapper-7 {
        width: 100%
    }

    .menu-button-10 {
        display: none
    }

    .nav-button.homepage.white-navbar {
        border-left-width: 0;
        border-right-width: 0;
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .instructions-wrapper {
        margin-left: 0
    }

    .demo-main-text-wrapper {
        width: auto;
        margin-left: 0%;
        margin-right: 0;
        padding-left: 40px;
        padding-right: 40px
    }

    .demo-p.main {
        max-width: 350px;
        margin-right: 30px;
        padding-right: 0;
        font-size: 14px;
        line-height: 20px
    }

    .demo-container {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64ae5cb90bf39682b91a11a1_background.svg), linear-gradient(to bottom, null, null);
        background-attachment: fixed, scroll;
        align-items: center;
        min-height: 100vh;
        display: block
    }

    .demo-banner-bottom-2 {
        align-items: flex-end
    }

    .demo-wrapper {
        margin-top: 100px;
        padding-bottom: 100px;
        padding-left: 0;
        padding-right: 0
    }

    .demo-heading.h1 {
        max-width: 400px
    }

    .demo-heading.h2 {
        font-size: 20px;
        line-height: 30px
    }

    .demo-close-div-3 {
        margin-left: 20px
    }

    .browser-demo {
        flex-flow: column;
        justify-content: center;
        width: 400px;
        height: 300px;
        margin-bottom: 100px;
        margin-left: 110px;
        margin-right: 110px;
        padding-left: 30px;
        padding-right: 30px
    }

    .slider-horizontal {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .purple-grid {
        grid-template-columns: 1fr
    }

    .testimonial-image-wrap {
        width: 100%;
        height: 280px
    }

    .cta-header {
        font-size: 40px;
        line-height: 50px
    }

    .purple-image {
        max-width: 70%
    }

    .testimonial-content {
        width: 100%;
        padding: 45px
    }

    .features__grid {
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto
    }

    .testimonial-card {
        flex-wrap: wrap
    }

    .footer-bottom-grid {
        grid-template-columns: 1fr 1fr 1fr
    }

    .horizontal-angle {
        display: none
    }

    .spiralgrid_icon {
        width: 40%;
        max-width: 4.5rem;
        padding-top: 40%
    }

    .spiralgrid_content-border,
    .spiralgrid_content-container {
        padding: 1rem
    }

    .contact-overlay-bar {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .page-subtitle-2 {
        width: 100%;
        margin-top: 10px
    }

    .subpage-title-2 {
        font-size: 30px
    }

    .contact-info-column {
        padding-left: 0;
        padding-right: 0
    }

    .contact-column-left {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .contact-map-wrapper {
        height: auto
    }

    .contact-map-block {
        height: 300px
    }

    .contact-column-right {
        padding-left: 0;
        padding-right: 0
    }

    .contact-form-block {
        height: auto;
        padding: 25px
    }

    .iphone-hero-2 {
        text-align: center;
        padding: 130px 25px 50px
    }

    .button-34.icon-button.download.green {
        margin-top: 20px
    }

    .hero-mockup-image-2 {
        width: 70%;
        margin: 30px auto -40px;
        display: block;
        position: relative;
        right: 0
    }

    .info-column {
        padding-left: 0;
        padding-right: 0
    }

    .info-row {
        margin-top: 0
    }

    .devices-mockup-right {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        right: 0
    }

    .info-block-left {
        width: 100%
    }

    .info-block-2 {
        padding-left: 0;
        padding-right: 0
    }

    .section-title-5 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .container-24.testimonial-container {
        position: relative;
        top: 0%;
        transform: none
    }

    .testimonial-quote {
        font-size: 14px;
        line-height: 22px
    }

    .testimonial-block {
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
        position: relative
    }

    .testimonial-slider {
        height: auto
    }

    .section-140 {
        padding: 25px
    }

    .testimonial-image-2 {
        width: 90px;
        height: 90px;
        margin: 0 auto 10px;
        display: block;
        position: static
    }

    .section-141 {
        padding: 25px
    }

    .section-141.tint.overflow-none {
        padding-top: 25px
    }

    .info-block-3 {
        padding-left: 0;
        padding-right: 0
    }

    .section-title-6 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .device-mockup-left {
        width: 90%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: static;
        left: -170px
    }

    .section-142 {
        padding: 25px
    }

    .section-142.app-info-section {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .info-block-right {
        width: 100%
    }

    .info-block-right.app-info {
        text-align: center
    }

    .button-35.icon-button.download.green {
        margin-top: 20px
    }

    .section-title-7 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .section-title-7.large {
        line-height: 37px
    }

    .section-143 {
        padding: 25px
    }

    .section-143.bottom-space {
        padding-bottom: 120px
    }

    .section-title-8 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .info-block-4 {
        padding-left: 0;
        padding-right: 0
    }

    .section-title-9 {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px
    }

    .footer-row-bottom {
        margin-bottom: 20px
    }

    .dark-bottom-footer {
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px
    }

    .footer-column-2 {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .footer-column-2.last {
        padding-bottom: 0
    }

    .footer-menu-column {
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }

    .footer-logo-column-left {
        padding-left: 0;
        padding-right: 0
    }

    .footer-social-col-right {
        text-align: left;
        padding-top: 10px;
        padding-left: 0
    }

    .simple-bottom-footer {
        text-align: left;
        margin-top: 25px;
        padding-left: 25px;
        padding-right: 25px
    }

    .contact-info-block {
        height: auto;
        padding-bottom: 6px
    }

    .form-title {
        text-align: left;
        margin-bottom: 10px
    }

    .form-title.subtitle {
        margin-bottom: 30px
    }

    .contact-info-block-right {
        width: 100%;
        margin-top: 20px
    }

    .white-contact-form {
        text-align: left;
        width: 100%;
        height: auto
    }

    .blocks-row {
        margin-bottom: 0
    }

    .block-column {
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }

    ._w-phone-right-col {
        height: auto;
        display: block
    }

    .c-phone-left-col {
        z-index: 500;
        width: 100%;
        height: 500vh;
        position: relative
    }

    .c-section-phone {
        height: 500vh
    }

    .c-phone-right-col {
        text-align: center;
        width: 100%;
        height: 20vh
    }

    ._w-phone-left-col {
        opacity: 1
    }

    .c-phone-section {
        height: 100%
    }

    .c-phone-section-item {
        justify-content: center;
        align-items: center;
        height: 20vh;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex
    }

    ._w-section-phone {
        flex-direction: column-reverse;
        justify-content: flex-end;
        height: 100vh;
        position: -webkit-sticky;
        position: sticky;
        top: 1px
    }

    .c-trigger-get-btn,
    ._w-phone-section {
        height: 100%
    }

    .ceramic-shield,
    .ceramic-shield-3 {
        height: 50%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .ceramic-shield-text {
        flex-direction: column
    }

    .color-text.black {
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .color-text.blue {
        width: auto;
        height: auto;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .color-text.pink {
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .slider-nav-custom {
        z-index: 100;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 0;
        margin-bottom: -.5rem;
        position: relative
    }

    .margin-top-2 {
        flex-direction: row;
        align-items: center;
        height: auto;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex
    }

    .margin-top-2.margin-medium {
        justify-content: center;
        align-items: center;
        height: auto;
        margin-top: 1.5rem;
        display: flex;
        position: absolute;
        top: auto;
        bottom: 5%;
        left: 0%;
        right: 0%
    }

    .slider-item.flex-horizontal {
        margin-bottom: 2rem
    }

    .slider-item.flex-horizontal.flex-vertical {
        padding-bottom: 15rem
    }

    .slider-item.colors-item {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 12rem;
        margin-top: 2rem;
        margin-left: 2rem;
        margin-right: 2rem;
        padding: 1rem .5rem .6rem;
        display: flex;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .slider-item.first {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: 27rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        overflow: hidden
    }

    .second-iphone {
        height: 70%;
        margin-right: 0%;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        position: absolute;
        top: 5%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .text-size-large-2 {
        font-size: 1.6rem
    }

    .text-size-large-2.text-align-center.extra-top-margin {
        text-align: center
    }

    .first-iphone {
        width: auto;
        height: 70%;
        margin-right: 0%;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        top: 5%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .text-size-medium-3.text-color-grey.text-align-center,
    .text-size-medium-3.text-align-center.text-color-grey {
        display: block
    }

    .image-class {
        height: 90%
    }

    .third-iphone {
        height: 70%;
        margin-right: 0%;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        position: absolute;
        top: 5%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .navbar_component {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        height: 5.5rem;
        min-height: 4rem
    }

    .ceramic-shield-2 {
        height: 50%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .durable-text {
        width: 40%
    }

    .grid-2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
        display: block
    }

    .sub-navbar {
        height: 5.5rem;
        min-height: 4rem
    }

    .section-147 {
        padding-left: 0;
        padding-right: 0
    }

    .feature_wrap {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .feature_image._1 {
        position: relative
    }

    ._480 {
        max-width: none;
        margin-bottom: 40px
    }

    .feature_image-wrap {
        max-width: none;
        height: auto
    }

    .container-22223 {
        width: 90%
    }

    .feature_grid {
        flex-direction: column;
        grid-template-columns: 1fr;
        height: auto;
        display: flex
    }

    .center-text {
        text-align: left;
        align-items: flex-start
    }

    .always-on-dislay-title-holder {
        text-align: left
    }

    ._16a-paragraph {
        font-size: 24px
    }

    ._16a-header {
        font-size: 32px
    }

    .infotext {
        font-size: 1em;
        line-height: 1.3em
    }

    .p-xl-start {
        padding-top: 6em
    }

    .ipad-screen {
        border-radius: 6px
    }

    .p-sm-start {
        padding-top: 2.3em
    }

    .wow-animation {
        font-size: .7em
    }

    .form-content {
        width: 90%
    }

    .form12_checkbox_field {
        width: 48%;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0
    }

    .form-wrapper-2 {
        width: 100%
    }

    .next {
        z-index: 6;
        position: fixed
    }

    .mobile-nav-bottom {
        z-index: 5;
        background-color: #fff;
        border-top: 1px solid rgba(131, 149, 177, .15);
        height: 100px;
        display: block;
        position: fixed;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .previous {
        z-index: 6;
        position: fixed
    }

    .checkbox_wrap {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .grid-8-col {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .tab-link {
        padding-right: 24px
    }

    .form-back {
        min-height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px
    }

    .form-block {
        padding: 40px 40px 50px
    }

    .radio-buttons-2 {
        flex-direction: column
    }

    .radio-buttons-2.genders {
        flex-direction: row
    }

    .button-39,
    .form-next {
        min-height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px
    }

    .form-step {
        height: 100%
    }

    .form-slide {
        flex: none;
        width: 100%
    }

    .form-heading {
        font-size: 24px
    }

    .form-step-number---brix {
        margin-left: 10px;
        margin-right: 10px
    }

    .first-step-grid---brix {
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .first-step-grid---brix.uniform-space---brix {
        grid-row-gap: 24px
    }

    .slide---brix {
        padding-bottom: 8px
    }

    .multi-step-form-error-message---brix {
        margin-top: 170px
    }

    .submit-content-wrapper---brix {
        margin-top: 32px
    }

    .steps-bar---brix {
        justify-content: space-between;
        padding-bottom: 24px
    }

    .form-content---brix {
        padding-top: 40px;
        padding-bottom: 0
    }

    .form-step-progress-bar-mobile---brix {
        border-radius: 500px;
        width: auto;
        max-width: 100%;
        display: flex
    }

    .form-step-progress-bar-mobile---brix.step-3---brix {
        background-color: #4a3aff;
        width: 80%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .form-step-progress-bar-mobile---brix.step-2---brix {
        background-color: #4a3aff;
        width: 50%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .form-step-progress-bar-mobile---brix.step-1---brix {
        background-color: #4a3aff;
        width: 22%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .form-step-progress-bar-mobile---brix.full-bar---brix {
        background-color: #4a3aff;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .multi-step-form---brix {
        padding-bottom: 48px;
        padding-left: 32px;
        padding-right: 32px
    }

    .multi-step-form-button---brix {
        top: 990px
    }

    .multi-step-form-button---brix.left---brix {
        left: -32px
    }

    .multi-step-form-button---brix.left---brix.preview-page {
        top: 960px
    }

    .multi-step-form-button---brix.right---brix {
        right: -32px
    }

    .multi-step-form-button---brix.right---brix.preview-page {
        top: 960px
    }

    .form-step-progress-bar---brix {
        display: none
    }

    .multi-step-form-block---brix {
        min-height: auto
    }

    .steps-bar-wrapper--brix {
        flex-direction: column;
        padding-bottom: 32px;
        display: flex
    }

    .card-3.form {
        padding: 56px 32px
    }

    .btn-primary-4 {
        padding: 20px 32px
    }

    .mg-bottom-64px {
        margin-bottom: 48px
    }

    .card-4.form {
        padding: 56px 32px
    }

    .card-4.form.pd-sides-78px {
        padding-left: 32px;
        padding-right: 32px
    }

    .mg-bottom-48px {
        margin-bottom: 32px
    }

    .text-302 {
        font-size: 16px;
        line-height: 18px
    }

    .acupa-lottie-animation {
        width: 400px;
        height: 595px;
        top: auto;
        bottom: -1%;
        left: auto;
        right: 5%
    }

    .container-22234,
    .container-22236 {
        width: 90%
    }

    .section-153,
    .section-155 {
        padding-left: 0;
        padding-right: 0
    }

    .container-22237,
    .container-22231,
    .container-22229,
    .container-22238,
    .container-22230,
    .container-22233 {
        width: 90%
    }

    .image-107 {
        width: 100%
    }

    .text-color-grey.hide-mobile {
        display: none
    }

    .tab-content-2 {
        padding: 20px
    }

    .tabs-menu-5 {
        padding: 10px
    }

    .tablink {
        grid-column-gap: 8px;
        width: 50px;
        height: 50px;
        padding: 8px 12px;
        font-size: 14px
    }

    .tab-content-inner {
        grid-row-gap: 12px
    }

    .popup-btn {
        font-size: 1.6rem
    }

    .html-embed-2 {
        width: 38px
    }

    .popup-menu-text {
        font-size: 1.9rem
    }

    .popup-wraper {
        max-width: 80%
    }

    .mobile-popup {
        display: none
    }

    .popup_menu-wraper {
        grid-row-gap: 15px;
        padding-top: 40px
    }

    .logo-text {
        font-size: 1.8rem
    }

    .logo-text.is-mobile {
        font-size: 1.9rem
    }

    .destaque-mobile-info {
        width: 80%;
        max-width: 452px;
        padding-bottom: 40px;
        padding-left: 90px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .slide-destaques {
        background-color: transparent;
        height: 360px
    }

    .slider-destaques-mask {
        height: 333px
    }

    .slider-destaques-nav {
        height: 30px
    }

    .destaque-slide-01 {
        color: #fff;
        background-image: linear-gradient(transparent 41%, rgba(0, 0, 0, .6)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a79d2e41ef5399462497_banner_image_big.jpg);
        background-position: 0 0, 0 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        text-decoration: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .destaque-slide-01.destaque-slide-02 {
        background-image: linear-gradient(transparent 41%, rgba(0, 0, 0, .6)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a79d2e41ef539946249b_banner_image_small.jpg);
        background-position: 0 0, 50%;
        background-size: auto, cover
    }

    .destaque-slide-01.destaque-slide-03 {
        background-image: linear-gradient(transparent 41%, rgba(0, 0, 0, .6)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a79d2e41ef5399462499_banner_image_small_2.jpg);
        background-position: 0 0, 50%
    }

    .section-destaque-mobile {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .destaque-slider-icon-color {
        color: rgba(255, 255, 255, .5)
    }

    .destaque-small-title {
        font-size: 22px;
        line-height: 28px
    }

    .destaque-small-title.destque-small-big-title {
        line-height: 1.2em
    }

    .destaque-small-summary {
        font-size: 14px
    }

    .container-22241 {
        padding-left: 10px;
        padding-right: 10px
    }

    .post-title {
        margin-top: 8px;
        font-size: 22px
    }

    .container-22242 {
        padding-left: 10px;
        padding-right: 10px
    }

    .tag-link {
        float: none;
        font-size: 13px
    }

    .blog-post-wrapper {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0
    }

    .h2-3.title-separator {
        padding-bottom: 20px;
        font-size: 20px
    }

    .post-author {
        float: left;
        margin-top: 1px;
        font-size: 14px
    }

    .blog-thumb-wrapper {
        height: auto;
        margin-bottom: 10px;
        margin-right: 0
    }

    .pagination-link {
        font-size: 12px
    }

    .post-date.post-date-mobile {
        float: left;
        margin-top: 0;
        margin-right: 15px;
        display: block
    }

    .post-summary {
        display: none
    }

    .section-publicaciones {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pricing-h1 {
        font-size: 34px;
        line-height: 44px
    }

    .extras__left-col {
        width: 100%
    }

    .text-large {
        font-size: 2em
    }

    .pricing-card-grid {
        margin-top: 2em
    }

    .icon-button {
        padding: 12px 30px;
        font-size: 14px
    }

    .f-r-see-more {
        margin-bottom: 20px
    }

    .h1 {
        font-size: 3rem
    }

    .extras__right-col {
        width: 100%
    }

    .feature-wrap {
        font-size: .8rem
    }

    .padding-vertical-2 {
        padding: 2rem 0 0
    }

    .extra-plans {
        display: block
    }

    .pricing-menu {
        margin-top: 1em
    }

    .paragraph-41.paragraph-large {
        font-size: 18px;
        line-height: 32px
    }

    .content-container {
        margin-left: 16px;
        margin-right: 16px
    }

    .heading-54 {
        font-size: 26px;
        line-height: 34px
    }

    .section-161 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .section-headline {
        width: 100%
    }

    .paragraph-42.paragraph-large {
        font-size: 18px;
        line-height: 32px
    }

    .heading-55 {
        font-size: 26px;
        line-height: 34px
    }

    .section-162 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .section-tip {
        align-items: center
    }

    .moving-text_component {
        font-size: 1rem
    }

    .nav_column.is-ctas {
        width: 100%
    }

    .nav_column.is-post-name {
        flex-direction: row;
        align-self: stretch;
        width: 100%
    }

    .main-wrapper-2 {
        grid-template-columns: 100%;
        width: 100%
    }

    .nav_wrapper {
        grid-template-columns: 1fr;
        width: 100%
    }

    .nav_tip-title {
        overflow: hidden
    }

    .page-padding-3 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .apple-grid-block.mobile-hidden {
        display: none
    }

    .section-164 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .apple-grid {
        grid-template-columns: 1fr 1fr 1fr
    }

    .container-22245 {
        padding-left: 40px;
        padding-right: 40px
    }

    .blog-card {
        width: 56%;
        height: 300px
    }

    .placeholder-container-1 {
        padding-top: 100px;
        padding-left: 40px;
        padding-right: 40px
    }

    .section-ajk-5 {
        grid-template-columns: 1fr 1fr
    }

    .link-ajk-1 {
        flex-basis: 48%;
        padding-left: 10px;
        padding-right: 10px
    }

    .ddd-wrap-2-3 {
        flex: 1;
        width: auto
    }

    .buybox-text {
        display: none
    }

    .lac-grid-1 {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        grid-template-columns: 1fr 1.5fr
    }

    .lac-section-1 {
        padding-left: 3em;
        padding-right: 3em;
        font-size: 1.69vw
    }

    .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
        border-radius: 20px;
        max-width: none;
        left: 24px;
        right: 24px
    }

    .popup-1---brix {
        max-width: none;
        padding: 32px
    }

    .popup-1-form---brix,
    .dummy-hero-wrapper---brix {
        flex-direction: column
    }

    .dummy-hero-wrapper---brix.preview-page---brix {
        max-width: 100%
    }

    .input---brix.large---brix {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 16px 32px
    }

    .subscribe-button---brix {
        background-position: 67% 52%;
        width: 100%;
        min-height: 66px;
        line-height: 18px;
        position: static
    }

    .subscribe-button---brix.popup-1---brix {
        background-position: 68% 52%
    }

    .popup-wrapper---brix {
        padding-left: 24px;
        padding-right: 24px
    }

    .dummy-hero-button---brix {
        padding: 16px 34px;
        font-size: 16px;
        line-height: 18px
    }

    .popup-1-illustration---brix {
        max-width: 28%;
        height: auto;
        margin-bottom: 16px
    }

    .column {
        margin-top: 40px;
        margin-left: 0
    }

    .cloneable-header-grid {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:479px) {
    .container-3 {
        white-space: normal
    }

    .text-block-12.mobile-logo-2 {
        text-align: left;
        font-size: 14px;
        font-weight: 600
    }

    .text-block-12.mobile-logo-2.mobile-logo-renk {
        color: #fff;
        text-shadow: none;
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        margin-top: 8px;
        font-size: 20px;
        font-weight: 400
    }

    .text-block-12.mobile-logo-2.mobile-logo-renk.logobey {
        margin-top: 2px;
        font-size: 15px
    }

    .text-block-13.mobile-logo-1 {
        font-size: 13px
    }

    .brand-2.logo-margin {
        width: 60%
    }

    .brand-2.logo-margin.w--current {
        z-index: 2
    }

    .nav-menu-3 {
        z-index: 2147483647;
        color: #181818;
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 10px
    }

    .icon {
        color: #f5f7fb
    }

    .div-block-17.mob-le-logo-text-top {
        margin-top: 1px;
        margin-left: 0;
        padding-left: 0;
        font-size: 14px
    }

    .mobile-hidden {
        background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
        background-position: 0 0;
        background-size: auto;
        display: none
    }

    .menu-button-2 {
        background-color: #057485
    }

    .menu-button-2.menu-pasif {
        background-color: transparent
    }

    .menu-button-2.menu-pasif.asdad {
        z-index: 2147483647;
        background-color: transparent;
        display: block;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 22%
    }

    .menu-button-2.menu-pasif.asdad.w--open {
        z-index: 999999999
    }

    .menu-button-2.menu-pasif.asdad.w--open:focus {
        background-color: transparent
    }

    .div-block-16.mobile-logo-images {
        width: 12%
    }

    .contasiner.con-pad.mobile-padding {
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px
    }

    .menu-beyaz.mobile-aktif.w--current {
        color: #181818
    }

    .menu-beyaz.mobile-aktif.border-right {
        color: #181818;
        border-top: 1px #808891;
        border-bottom: 1px dotted rgba(128, 136, 145, .52);
        border-left: 1px solid #808891;
        border-right: 1px #808891;
        margin-top: 10px;
        padding-top: 0;
        padding-bottom: 31px;
        font-size: 12px
    }

    .menu-beyaz.mobile-aktif.border-right.right-20 {
        border-bottom-style: none
    }

    .menu-beyaz.mobile-aktif.border-right.right-20.imenuler,
    .menu-beyaz.mobile-aktif.border-right.i-menuler {
        color: #181818;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .button-3.giris-buton.mobile-buton-gizle {
        display: none
    }

    .button-3.giris-buton._15gun.buton-mavii.mavi.m.mobil-giris {
        z-index: 99999999;
        position: -webkit-sticky;
        position: sticky
    }

    .image-31,
    .columns-14.mobile-dortlu {
        width: 100%
    }

    .fiyat-text.padding-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .column-18 {
        margin-top: 10px
    }

    .bold-text-16.h-text.tt {
        text-align: left;
        font-size: 16px
    }

    .ozellik-baslik.imzala.mobile-basliklar {
        font-size: 20px
    }

    .tab-link-tab-3.aktif-3.mobile-3 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b006639ba83_m-orta-3.png);
        height: 510px
    }

    .yok {
        display: block
    }

    .tab-link-tab-2.aktif-2.mobile-2 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301b01a739ba77_m-orta-2.png);
        height: 510px
    }

    .tabs-content.mobile-tab-2 {
        width: 100%
    }

    .tab-link-tab-1.mobil-resim-1.w--current {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301bd5e839ba7f_m-orta-1.png);
        background-size: cover;
        width: 100%;
        height: 420px
    }

    .tab-link-tab-1.mobil-resim-1.aws {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc723e5b301bd5e839ba7f_m-orta-1.png);
        height: 510px
    }

    .tab-link-tab-1.mobil-resim-1.aws.w--current {
        height: 510px
    }

    .tab-right.mobil-tab-1 {
        width: 100%
    }

    .wrapper.top-80.top-mob-40 {
        margin-top: 10px
    }

    .wrapper.yuzde3.mt-3 {
        margin-top: 16%
    }

    .wrapper.container-22223.pp {
        padding-left: 0;
        padding-right: 0
    }

    .slide-47 {
        position: relative
    }

    .card-quarter-wrapper {
        width: 100%
    }

    .card-quarter-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .logo-mask {
        width: 100%
    }

    .logo-slider {
        margin-bottom: 50px;
        display: block
    }

    .heading-19.mb {
        font-size: 20px
    }

    .columns-9.mobile-9 {
        padding-top: 10px
    }

    .col-ab.abs-2.mobile-real {
        position: relative
    }

    .col-ab.abs-2.mobile-real.mobile-margin-az {
        margin-top: 40px
    }

    .col-ab.mobile-real {
        margin-top: 20px;
        position: relative;
        right: 0%
    }

    .mobile-icon-tik {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-bottom: 10px;
        display: block;
        position: static
    }

    .alan-1.alan-yukseklik {
        height: 550px
    }

    .heading-18.ozellik-baslik.mobile-bas {
        margin-top: 0;
        padding-top: 145px;
        font-size: 20px
    }

    .heading-18.ozellik-baslik.mobile-bas.bas {
        padding-top: 31px
    }

    .detayli-bilgi.deatli-bilgi-beyaz.mobile-detayli-bilgi {
        margin-bottom: 25px
    }

    .div-block-15.alan-orta {
        background-color: transparent;
        background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
        border-radius: 12px;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 0
    }

    .alan-basliklari.alan-baslik-beyaz.mobile-basliklar-2,
    .alan-basliklari.mobile-basliklar-3 {
        font-size: 1.1em
    }

    .mobile-margin-top-20 {
        margin-top: 40px
    }

    .cards-grid-container {
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .mobile-orta {
        margin-top: 79px
    }

    .mobile-orta.masa-gizle.gizleme {
        width: 100%
    }

    .mobile-orta.masa-gizle.gizleme.mobil-pad,
    .section-105.paln._3lu.sss.mobile-magin {
        margin-top: 0
    }

    .list-2.mobile-padding-bottom {
        padding-top: 40px
    }

    .image-9.mobile-logo {
        margin-top: -44px
    }

    .image-9.mobile-logo.mlog {
        margin-top: 0
    }

    .image-9.mobile-logo.mlog.alt-logo-tek {
        margin-left: 0
    }

    .column-11.mobile-text-center {
        justify-content: center;
        align-items: center
    }

    .column-12.mobil-footer-bng {
        text-align: center;
        background-color: #181818
    }

    .text-block-6.mfooter-link {
        text-align: center
    }

    .button-6 {
        background-color: #007aff;
        border-radius: 20px;
        margin-top: 10px;
        margin-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: 300
    }

    .button-6.masa-gizle.ac {
        color: #fff;
        margin-bottom: 5px;
        display: inline-block;
        position: absolute;
        top: auto;
        bottom: 7%;
        left: 0%;
        right: auto
    }

    .button-6.masa-gizle.ac.mobil-button {
        text-align: center;
        flex: 1;
        justify-content: center;
        align-self: center;
        display: flex
    }

    .button-6.masa-gizle.ac.mobil-button.mobile-hidden,
    .button-5.buton-green.gizleee {
        display: none
    }

    .button-5.buton-green.gizleee.yesil-buton.ym {
        position: absolute;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 0%
    }

    .button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi {
        top: auto;
        bottom: 19%;
        left: 3%;
        right: auto
    }

    .button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi._4-b {
        margin-bottom: 36px;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: auto
    }

    .button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi._4-b.masa-gizle {
        display: block;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 0%
    }

    .button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi.but-20 {
        justify-content: center;
        margin-top: 20px;
        margin-bottom: -39px;
        margin-right: 119px;
        display: block;
        position: absolute
    }

    .button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi.but-20.mobile-hidden {
        display: none
    }

    .button-5.buton-green.gizleee.yesil-buton.ym.ucretsiz-dene.detayli-bilgi.marjin-az.mmobile-detay {
        margin-top: -18px;
        margin-bottom: -142px;
        padding-top: 0;
        font-size: 18px;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: auto
    }

    .bold-text-12 {
        font-weight: 400
    }

    .bold-text-12.mobil-mavi-text {
        color: #181818;
        font-size: 19px
    }

    .heading-23 {
        color: #181818;
        width: 60%;
        margin-top: -139px;
        margin-left: -29px;
        font-size: 19px;
        font-weight: 300;
        line-height: 25px;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 13%;
        right: auto
    }

    .right-arrow {
        height: 50px;
        display: block;
        overflow: visible
    }

    .bold-text-6.mobile-slide-text-1 {
        color: #fff;
        text-align: center;
        text-shadow: none;
        font-size: 15px;
        line-height: 30px;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .bold-text-6.textler.mobile-text-2 {
        color: #fff;
        font-size: 20px
    }

    .bold-text-6.textler.mobile-text-2.y-s.slide-mavi-bg-yazi {
        text-align: center;
        position: absolute;
        top: 4%;
        bottom: auto;
        left: 0%;
        right: auto
    }

    .bold-text-6.textler.mobile-text-2.y-s.slide-mavi-bg-yazi.width {
        width: 100%
    }

    .mobile-button-1 {
        text-align: center;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        display: block
    }

    .slide-multi-doc {
        background-image: none;
        background-position: 0 0;
        background-size: cover
    }

    .bold-text-7.mobile-slide-2-1 {
        text-align: center;
        font-size: 15px;
        line-height: 26px;
        display: block;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .bold-text-7.mobile-slide-2-1.s-3-text.siyahyazi.basl-k-mavi-siyah.mobile-ust {
        top: -788%;
        bottom: auto;
        left: 0%;
        right: auto
    }

    .bold-text-7.mobile-slide-2-1.s-3-text.siyahyazi.basl-k-mavi-siyah.mobile-ust.leftt {
        text-align: left;
        width: 60%;
        font-size: 19px
    }

    .icon-2,
    .masa-gizle {
        display: block
    }

    .masa-gizle.gizleme {
        margin-top: 177px;
        padding-top: 73px;
        padding-left: 10px;
        display: block
    }

    .masa-gizle.gizleme.sxz {
        text-align: center;
        object-fit: fill;
        margin-top: 0;
        position: absolute;
        top: 6%;
        bottom: auto;
        left: 0%;
        right: auto
    }

    .masa-gizle.o {
        margin-top: 0;
        margin-bottom: 22px
    }

    .slide-connecttwosign {
        background-image: none;
        background-position: 50%;
        background-size: cover
    }

    .left-arrow {
        height: 50px;
        display: block;
        overflow: visible
    }

    .slide-sign-verify {
        background-image: none;
        background-position: 50% 85%;
        background-size: cover
    }

    .div-block-19 {
        background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
        background-position: 0 0;
        background-size: auto
    }

    .div-block-19.mobilde-sadece {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/60cc722e488ce452453a7e70_m-slide-1.jpg)
    }

    .slide-acbak.acbak-1.bgb.rigt-10 {
        background-size: auto 30em
    }

    .slide-acbak.acbak-1.bgb.rigt-10.slide-mobile-1 {
        background-image: none;
        background-position: 58%;
        background-repeat: repeat;
        background-size: cover;
        background-attachment: scroll
    }

    .slide-alan.slidealan-2 {
        display: none;
        overflow: hidden
    }

    .slide-heading {
        text-shadow: 0 0 10px #fff;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .slide-heading.mobli-slide-2-2-2 {
        margin-left: 0;
        display: none
    }

    .slide-heading.slide-4-text.m-s-text {
        width: 90%;
        margin-left: 10px;
        font-size: 15px;
        line-height: 25px
    }

    .slide-heading.slide-4-text.m-s-text.slide-mavi-1 {
        font-weight: 400;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: auto
    }

    .slide-heading.mobile-text-3 {
        margin-top: -176px;
        margin-left: 0;
        font-size: 20px
    }

    .slide-heading.mobile-slide-3-1 {
        margin-left: 10px;
        font-size: 15px;
        line-height: 25px;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .html-embed-20 {
        display: none
    }

    .hero-slider.mobile-slide-height {
        height: 95vh;
        min-height: 419px;
        margin-top: 39px
    }

    .columns-11 {
        display: block
    }

    .slider-block {
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .slider-block.masa-gizle {
        margin-top: 58%;
        display: block;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .store.store2._147.mobile-hidden {
        background-image: none;
        background-size: auto;
        display: none
    }

    .columns-12.masa-gizle {
        display: block
    }

    .text-block-11.mobile-text-5 {
        text-align: center;
        margin-top: 609px
    }

    .text-block-11.mobile-text-5.mobile-text-gizlee {
        margin-top: 694px;
        display: block
    }

    .text-block-11.mobile-text-5.mobile-text-gizlee.masa-gizle {
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .slide-title-medium {
        text-shadow: 0 0 6px #fff;
        font-size: 28px;
        line-height: 38px
    }

    .slide-title-medium._34.gizleeee {
        display: none
    }

    .hakk-m-zda-slide-banner.mobile-slide-hakk-m-zda {
        padding-left: 10px;
        font-size: 25px
    }

    .hakk-m-zda-slide-banner.mobile-slide-hakk-m-zda.m-h-t {
        text-shadow: 1px 1px 6px #000;
        padding-top: 110px
    }

    .paragraph-8.h-text-1 {
        text-align: justify
    }

    .basliklar.mobile-baslik {
        font-size: 20px
    }

    .section-109.mobile-bg-1 {
        background-position: 72% 6%
    }

    .section-109.mobile-bg-1.m-b-h {
        -webkit-text-fill-color: inherit;
        background-color: transparent;
        background-clip: border-box;
        height: 300px
    }

    .section-13.hakk-m-zda-margin.genel-padding {
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px
    }

    .section-12.standartlar.genel-padding-hakk-mzda {
        padding-left: 10px;
        padding-right: 10px
    }

    .container-4 {
        max-width: none
    }

    .nav-menu-two {
        flex-direction: column
    }

    .banner {
        display: none
    }

    .review-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .review-logo {
        margin-bottom: 12px
    }

    .hero-h1 {
        font-size: 50px
    }

    .header {
        padding-top: 115px
    }

    .button {
        width: 100%;
        max-width: 250px
    }

    .content-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .tab-link-round {
        text-align: center;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .menu-item {
        width: 100%
    }

    .footer-detail-left {
        width: auto
    }

    .footer-grid {
        grid-template-rows: auto auto auto auto
    }

    .footer-legal {
        text-align: center;
        flex-direction: column;
        align-items: center
    }

    .legal {
        margin-right: 0
    }

    .navbar {
        background-color: rgba(255, 255, 255, 0);
        position: absolute
    }

    .cart-icon {
        margin-right: 0
    }

    .home-category-image-2 {
        margin-top: -48px;
        margin-bottom: 12px;
        position: relative;
        bottom: auto;
        right: auto
    }

    .footer-bottom-right {
        justify-content: flex-start;
        width: 100%
    }

    .subscribe {
        width: 100%;
        padding: 40px 32px
    }

    .footer-bottom {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .home-category-card {
        flex-direction: column;
        padding-top: 0
    }

    .home-category-card.red {
        margin-top: 80px
    }

    .home-category-info-1 {
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        display: flex
    }

    .instagram-link {
        margin: 4px
    }

    .footer-social {
        justify-content: flex-start
    }

    .no-margin-bottom {
        margin-bottom: 0
    }

    .side-image {
        width: 100%
    }

    .no-margin {
        margin: 0
    }

    .footer-nav {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 0
    }

    .footer-left {
        width: 100%;
        margin-bottom: 16px
    }

    .home-category-info-2 {
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        display: flex
    }

    .cart-container {
        border-radius: 0
    }

    .product-card-wrapper {
        width: 100%
    }

    .side-block {
        padding-left: 0%;
        padding-right: 0%
    }

    .side-block.no-padding-left {
        padding-left: 0;
        padding-right: 0
    }

    .home-category-image-1 {
        width: 80%;
        margin-top: -48px;
        margin-bottom: 16px;
        margin-left: -8px;
        position: relative;
        top: 0;
        bottom: auto;
        left: auto
    }

    .footer-bottom-left {
        width: 100%;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .page-wrapper-2 {
        padding-top: 0
    }

    .tab-link-01 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tabs-01 {
        flex-direction: column
    }

    .tabs-content-01 {
        padding: 20px
    }

    .tabs-menu-01 {
        border-right-style: none;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .in-tabs-image {
        min-height: 300px
    }

    .tabs-section-01 {
        padding-top: 0
    }

    .tabs-section-01.mh {
        height: auto
    }

    .file {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .file.ust-file.file-top {
        border-style: none
    }

    .files-list {
        box-shadow: none
    }

    .file-name,
    .file-name.text-white {
        overflow: visible
    }

    .card.form {
        padding-left: 23px;
        padding-right: 23px
    }

    .card.form.pd-sides-78px {
        padding-left: 24px;
        padding-right: 24px
    }

    .card.content-left {
        padding-top: 40px;
        padding-left: 24px;
        padding-right: 24px
    }

    .card.content-left.card-over-image {
        margin-top: -24px;
        margin-left: 12px;
        margin-right: 12px
    }

    .grid-2-columns.form {
        display: flex
    }

    .line-rounded-icon.success-message-check.large {
        font-size: 58px;
        line-height: 64px
    }

    .input-2 {
        font-size: 16px;
        line-height: 18px
    }

    .input-2::placeholder {
        font-size: 16px;
        line-height: 16px
    }

    .section-110 {
        padding-top: 96px;
        padding-bottom: 96px
    }

    .btn-primary {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .container-default {
        padding-left: 20px;
        padding-right: 20px
    }

    .container-default.container-9 {
        padding-top: 0
    }

    .footer_copy_menu {
        justify-content: space-around;
        align-self: center;
        margin-left: 0
    }

    .text-block-16.copy {
        align-self: center
    }

    .div-block {
        flex-direction: column;
        align-items: center
    }

    .copy_and_legal {
        justify-content: center
    }

    .link-block {
        text-align: center;
        justify-content: center;
        display: flex
    }

    .div-block-264.mgizle {
        display: none
    }

    .rapid-phone-image {
        max-width: 100vw;
        right: 0
    }

    .rapid-paragraph {
        max-width: 100%
    }

    .rapid-logo-block {
        flex-wrap: nowrap;
        max-width: 100%
    }

    .right-colour-block {
        background-image: none;
        background-position: 0 0;
        background-size: auto
    }

    .rapid-mobile-image {
        width: 80%;
        min-width: 240px;
        max-width: 350px;
        margin-top: 24px
    }

    .row-padding-left {
        padding-bottom: 6px;
        padding-left: 8px;
        padding-right: 8px
    }

    .rapid-title {
        margin-top: 32px;
        font-size: 32px;
        line-height: 40px
    }

    .spruce-logo-rapid {
        width: 48%
    }

    .rapid-btn-wrapper {
        min-width: 210px;
        max-width: 59%
    }

    .rapid-subhead {
        max-width: 100%;
        font-size: 20px;
        line-height: 28px
    }

    .logo-sub {
        text-align: right;
        width: 48%;
        margin-left: 4%;
        padding-left: 4%
    }

    .rapid-button {
        background-position: 97%;
        min-height: auto;
        padding: 16px 40px 16px 5%;
        font-size: 20px
    }

    .rapid-button:hover {
        background-position: 97%
    }

    .rapid-home-text-wrapper {
        align-items: flex-start;
        min-width: auto;
        max-width: 100%;
        display: block
    }

    .about-spruce {
        margin-bottom: 24px
    }

    .btn.btn-margin.solid {
        text-align: center;
        max-width: 200px;
        margin-bottom: 32px;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        position: relative;
        left: auto;
        right: auto
    }

    .row-padding-right {
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px
    }

    .mobile-prog-block {
        z-index: 200;
        background-color: #1522b2;
        height: 2px;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0
    }

    .home-scroll-wrapper {
        z-index: 99999;
        position: relative
    }

    .rapid-content {
        min-height: auto;
        padding: 24px 16px;
        display: block
    }

    .rapid-section-tuesday.tuesday {
        width: 100vw;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0%;
        display: block;
        position: static
    }

    .iso-ui {
        z-index: 5000;
        max-width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0
    }

    .page-conclusion-section.final-block {
        display: none
    }

    .image-8 {
        max-height: 35px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .day-container {
        max-width: 100vw;
        padding-top: 80px;
        padding-left: 24px;
        padding-right: 24px;
        overflow: visible
    }

    .day-title-wrapper {
        z-index: 2;
        position: relative
    }

    .rapid-section-wednesday.wednesday {
        height: auto;
        position: static
    }

    .rapid-section-thursday.thursday {
        height: auto
    }

    .day-subtitle {
        z-index: 1;
        position: relative
    }

    .week-scroll-wrapper.day-set {
        height: auto;
        overflow: hidden
    }

    .iso-phone-images {
        opacity: 0;
        justify-content: center;
        align-items: flex-end
    }

    .monday-img-flex-col.thin-col.arrow-bg {
        background-size: contain
    }

    .rapid-section-monday.monday {
        width: 100vw;
        height: auto;
        min-height: 100vh;
        margin-left: auto;
        margin-right: auto;
        padding-top: 48px;
        position: static
    }

    .image-7 {
        max-width: none;
        max-height: 35px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .day-image {
        float: none
    }

    .iso-wireframe {
        z-index: 4000;
        max-width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0
    }

    .iso-sketch {
        z-index: 3000;
        max-width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0
    }

    .fixed-mobile-phone-bg {
        z-index: 1000
    }

    .day-text {
        margin-bottom: 100vw
    }

    .day-text.mon-text {
        margin-bottom: 0
    }

    .day-text.wed-text {
        margin-bottom: 20vw
    }

    .day-text.thurs-text {
        margin-bottom: 60vw
    }

    .field-2 {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        width: 100%
    }

    .button-12 {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        width: 100%
    }

    .section_hero {
        background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/648c4c5799830fac10480d05_dd.jpg);
        background-position: 0 0, 55%;
        background-size: auto, cover
    }

    .section_hero.bilgi-deposu {
        background-position: 59%;
        height: 27vh
    }

    .form {
        flex-direction: column;
        align-items: stretch;
        display: block
    }

    .heading-30 {
        font-size: 35px
    }

    .container-2 {
        padding-left: 15px;
        padding-right: 15px
    }

    .text-field {
        max-width: none;
        margin-bottom: 10px
    }

    .submit-button {
        width: 100%;
        margin-left: 0
    }

    .container-7 {
        padding-left: 15px;
        padding-right: 15px
    }

    .container-7.hero {
        padding-left: 14px;
        padding-right: 14px
    }

    .nav-menu-6 {
        background-color: #000
    }

    .heading-31 {
        font-size: 35px
    }

    .container-8,
    .container-9 {
        padding-left: 15px;
        padding-right: 15px
    }

    .container-9.hero {
        padding-left: 14px;
        padding-right: 14px
    }

    .heading-32 {
        font-size: 35px
    }

    .flexbox {
        flex-direction: column;
        align-items: center
    }

    .flexbox.down {
        flex-direction: column
    }

    .image-2 {
        min-width: 380px;
        margin-top: 20px;
        margin-right: -90px
    }

    .container-10 {
        padding-left: 15px;
        padding-right: 15px
    }

    .div-block-6 {
        min-width: 220px;
        margin-bottom: 30px;
        margin-left: -30px
    }

    .heading-33 {
        font-size: 35px
    }

    .image-6 {
        margin-left: 0
    }

    .slider-images {
        width: 135px;
        right: 20px
    }

    .slider-images.botton {
        top: 113px
    }

    .container-11 {
        padding-left: 15px;
        padding-right: 15px
    }

    .image-58 {
        margin-left: 0
    }

    .div-block-7 {
        min-width: 220px;
        margin-top: 30px;
        margin-left: -30px
    }

    .heading-34 {
        font-size: 35px
    }

    .image-5 {
        width: 135px;
        left: 28px
    }

    .container-12 {
        padding-left: 15px;
        padding-right: 15px
    }

    .paragraph-2 {
        font-size: 15px
    }

    .text-block-5 {
        font-size: 11px
    }

    .slide {
        width: 222px
    }

    .text-block-4 {
        font-size: 15px
    }

    .div-block-8 {
        width: 222px
    }

    .container-13 {
        padding-left: 15px;
        padding-right: 15px
    }

    .services__btn {
        display: none
    }

    .columns.mod--app,
    .columns.mod--footer {
        flex-direction: column
    }

    .columns.mod--footer.mod--2.coll {
        display: none
    }

    .columns.mod--footer.no-border {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        align-items: center;
        display: block
    }

    .columns.mod--services {
        flex-direction: column-reverse;
        align-items: stretch
    }

    .btn-big__content {
        width: 29.7rem;
        height: 9.2rem;
        font-size: 2.8rem
    }

    .remodal.remodal--global {
        max-width: 100%
    }

    .remodal__content {
        justify-content: flex-start;
        align-items: center;
        height: 100%
    }

    .nav.mod--footer {
        grid-auto-flow: column;
        justify-content: center;
        justify-items: start;
        display: block
    }

    .text-size-18 {
        font-size: 2.2rem;
        line-height: 2.9rem
    }

    .text-size-18.opacity-70 {
        font-size: 3.2rem;
        line-height: 4.1rem
    }

    .services__icon-wrap {
        width: 6.3rem;
        height: 6.6rem
    }

    .col.col--1.mod--about-heading {
        display: none
    }

    .col.col--1.mod--services {
        max-width: 100rem
    }

    .col.col--1.mod--footer {
        display: block
    }

    .col.col--1.mod--footer.col-9,
    .col.col--3.mod--footer {
        display: none
    }

    .col.col--3.mod--footer.mod--copyright {
        max-width: 100%;
        font-size: 1.7rem
    }

    .col.col--2.mod--app {
        max-width: 100rem
    }

    .col.col--2.mod--services {
        margin-bottom: 37px
    }

    .col.col--2.mod--footer {
        align-self: stretch;
        max-width: 100rem
    }

    .col.col--2.mod--footer.col-9 {
        display: none
    }

    .section-113.mod--footer {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: block
    }

    .btn-big__text {
        font-size: 3.4rem;
        line-height: 3.6rem
    }

    .footer__copyright-logo {
        width: 5.3rem
    }

    .footer__follow-heart {
        top: -.4375rem;
        right: -.1875rem
    }

    .services__icon {
        width: 4.4rem
    }

    .icon-7.mod--arrow-btn {
        width: 1.9rem
    }

    .social-link-3 {
        width: 14.1rem;
        height: 9.4rem
    }

    .margin-bottom-24.text-size-18 {
        font-size: 3.2rem;
        line-height: 4.1rem
    }

    .arrow-wrap.text-color-greendark.mod--btn-big {
        width: 3.6rem;
        height: 3.6rem
    }

    .footer__follow {
        align-items: flex-start;
        max-width: 14.375rem
    }

    .logo.mod--footer {
        width: 33.3rem;
        margin-bottom: 9px
    }

    .cards__parallax {
        width: 20rem;
        height: 17rem;
        font-size: .5rem
    }

    .about__img-small.mod--1,
    .about__img-small.mod--2,
    .footer__title.sos,
    .social {
        display: none
    }

    .input-4 {
        font-size: 16px;
        line-height: 18px
    }

    .input-4::placeholder {
        font-size: 16px;
        line-height: 16px
    }

    .social-icon-square {
        border-radius: 6px;
        width: 30px;
        min-width: 30px;
        height: 30px;
        min-height: 30px;
        font-size: 14px
    }

    .square-icon {
        border-radius: 14px;
        max-width: 56px
    }

    .square-icon.mg-right-16px.mg-bottom-16px-mb {
        margin-bottom: 16px;
        margin-right: 0
    }

    .social-media-grid-top {
        grid-template-columns: repeat(auto-fit, 30px)
    }

    .social-media-grid-top.mg-top-32px {
        margin-top: 16px
    }

    .social-media-grid-top.right.center-mbp {
        align-content: center;
        justify-content: center;
        justify-items: center
    }

    .btn-primary-2 {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .card-link-icon {
        text-align: center;
        flex-direction: column;
        align-items: center;
        padding: 26px 24px
    }

    .inner-container._400px {
        width: 100%;
        max-width: 100%
    }

    .inner-container._752px.center {
        justify-content: center
    }

    .text-block-82 {
        font-size: 1.9rem;
        display: none
    }

    .container-14,
    .container-15 {
        max-width: none
    }

    .nav-menu-two-2 {
        flex-direction: column
    }

    .title-top {
        padding-left: 0%
    }

    .title-xxl {
        font-size: 48px
    }

    .slide-img__w,
    .os-img__w {
        width: 100%;
        height: 100%
    }

    .slide-info__c {
        padding-left: 0
    }

    .csa-btn-anim {
        letter-spacing: .05rem;
        font-size: 12px
    }

    .slider__c {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 16px;
        padding-right: 16px;
        display: block
    }

    .extra-nav-menu {
        display: none
    }

    .d-50-circle-wrapper-2 {
        margin-bottom: 0
    }

    .footer-link-block {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px
    }

    .demo-close-div-2 {
        align-items: flex-end;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 10px;
        position: relative
    }

    .button-13,
    .button-13.bottom {
        font-size: 14px
    }

    .demo-banner-bottom-wrapper {
        flex-direction: column;
        align-items: center;
        margin-left: 0
    }

    .demo-banner-bottom {
        align-items: flex-start;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        display: block
    }

    .interaction-heading {
        margin-bottom: 0;
        font-size: 14px
    }

    .demo-left-arrow-wrapper {
        width: 50px
    }

    .demo-arrow-wrapper {
        justify-content: center
    }

    .demo-arrow-text {
        display: none
    }

    .heading-wrap {
        width: auto;
        height: auto
    }

    .heading-wrap.hauto {
        padding-top: 41px
    }

    .heading-wrap.hauto.w500 {
        width: auto
    }

    .hero_section._50 {
        height: auto;
        display: block
    }

    .hero_section._50._40 {
        height: auto
    }

    .hero_section.kurumsal {
        flex-flow: column;
        width: auto;
        height: auto;
        display: flex
    }

    .hero_right-wrap.w50 {
        width: auto;
        height: auto;
        right: auto
    }

    .hero_left-wrap.w50 {
        flex-flow: column;
        align-items: stretch;
        width: 380px;
        display: flex
    }

    .navbar2_link {
        width: 100%
    }

    .navbar2_link.center {
        text-align: center
    }

    .menu-icon2 {
        background-color: transparent
    }

    .menu-icon2_line-middle {
        color: #f3f2f5;
        background-color: #f3f2f5
    }

    .navbar2_menu {
        width: 100%
    }

    .menu-icon2_line-bottom,
    .menu-icon2_line-top {
        background-color: #f3f2f5
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .button-secondary {
        width: 100%;
        display: block
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom.margin-xxlarge {
        height: auto
    }

    .margin-bottom.margin-medium,
    .image-64 {
        display: none
    }

    .max-width-large {
        margin-bottom: 40px
    }

    .text-size-medium {
        text-align: center
    }

    .text-size-medium.left {
        text-align: left
    }

    .page-padding.paddings-80 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .button-16.primary {
        width: 100%
    }

    .container-large {
        border-radius: 20px;
        padding: 40px 20px
    }

    .container-large.card.second,
    .container-large.card.first,
    .container-large.card.third {
        border-radius: 20px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .layout242_list {
        grid-template-columns: 1fr
    }

    .heading-2 {
        text-align: left;
        font-size: 32px;
        line-height: 40px
    }

    .heading-caps {
        margin-bottom: 20px
    }

    .header1_component {
        grid-template-columns: 1fr
    }

    .image-66 {
        max-width: 100%
    }

    .heading-43 {
        text-align: left;
        font-size: 32px;
        line-height: 40px
    }

    .image-67,
    .image-68 {
        max-width: 100%
    }

    .heading-3 {
        text-align: left;
        font-size: 32px
    }

    .cta8_form,
    .button-17.primary,
    .form-input {
        width: 100%
    }

    .form-input.width-240 {
        width: auto;
        min-width: auto
    }

    .signup-form-wrapper {
        grid-row-gap: .75rem;
        flex-direction: column;
        grid-template-columns: auto
    }

    .cta8_form-block {
        justify-content: space-between;
        width: auto
    }

    .cta8_component {
        align-items: stretch
    }

    .testimonial17_client {
        margin-bottom: 0
    }

    .max-width-large-2.align-left.padding-bottom-80 {
        margin-bottom: 40px
    }

    .heading-44 {
        text-align: left;
        font-size: 32px;
        line-height: 40px
    }

    .footer3_legal-list {
        grid-template-columns: max-content
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-top.padding-medium {
        margin-top: 40px
    }

    .footer3_link-list {
        flex-wrap: wrap
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom.padding-xxlarge {
        margin-bottom: 40px
    }

    .right-arrow-7 {
        display: none
    }

    .data-content {
        padding: 30px 20px
    }

    .article-grid {
        grid-template-columns: 1fr
    }

    .info-block {
        margin-bottom: 20px
    }

    .testi-block {
        padding: 0 0 20px;
        display: block
    }

    .section-114 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-114.gray-bg {
        overflow: visible
    }

    .section-114.bottom-margin-0 {
        padding-top: 60px;
        padding-bottom: 0
    }

    .left-arrow-4 {
        display: none
    }

    .avatar {
        width: 60px;
        height: 60px
    }

    .ink-image {
        object-fit: fill;
        display: none
    }

    .client-image-block {
        min-height: auto;
        display: none
    }

    .footer-4 {
        padding-top: 40px
    }

    .point-block {
        align-items: center;
        margin-top: 0;
        padding-right: 0
    }

    .intro-text-block {
        width: auto
    }

    .data-header {
        padding: 20px
    }

    .feature-image-block {
        height: 300px
    }

    .digit-grid {
        grid-template-columns: 1fr
    }

    .button-row-2 {
        flex: 0 auto;
        grid-template-columns: 1fr;
        width: 100%
    }

    .fqa-grid {
        grid-template-columns: 1fr
    }

    .price-card.featured {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px
    }

    .container-18 {
        align-items: center
    }

    .feature-grid {
        margin-bottom: 80px
    }

    .testi-content {
        font-size: 18px;
        font-weight: 600
    }

    .bottom-info {
        flex-direction: column;
        align-items: center
    }

    .client-grid {
        flex: 0 auto;
        grid-template-rows: auto;
        grid-template-columns: 1.25fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: flex-start;
        display: block;
        position: relative
    }

    .dropdown-content {
        grid-template-columns: 1fr
    }

    .slide-nav {
        bottom: 0
    }

    .h3 {
        font-size: 24px;
        line-height: 30px
    }

    .price-grid {
        grid-template-columns: 1fr
    }

    .brand-images-grid {
        grid-template-columns: 1fr 1fr
    }

    .brand-8 {
        padding-left: 0
    }

    .page-wrapper-4 {
        overflow: visible
    }

    .hero {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .hero.dark-bg {
        padding-bottom: 40px
    }

    .button-20 {
        align-self: auto;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
        display: inline-block
    }

    .button-20.nav {
        margin-right: 80px
    }

    .article-card:hover {
        text-decoration: none
    }

    .menu-button-9.w--open {
        top: 4vh
    }

    .dash-line {
        display: none
    }

    .client-word {
        width: auto;
        min-height: 0;
        margin-top: 0;
        padding: 30px 20px 0
    }

    .grid-3-columns {
        grid-template-columns: 1fr
    }

    .image-wrapper.overflow-hidden.border-radius-24px {
        border-radius: 16px
    }

    .mg-bottom-24px {
        margin-bottom: 16px
    }

    .container-default-2 {
        padding-left: 20px;
        padding-right: 20px
    }

    .text-300.medium.top-8px {
        top: 3px
    }

    .divider-2 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .tabs-menu.bg-grey {
        flex-direction: column;
        width: 100%
    }

    .btn-primary-3 {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .icon-list {
        margin-right: 8px
    }

    .mg-top-48px {
        margin-top: 32px
    }

    .badge-secondary {
        padding: 14px 22px;
        font-size: 16px;
        line-height: 18px
    }

    .badge-secondary.tabs {
        margin-left: 0;
        margin-right: 0
    }

    .heading-h1-size {
        font-size: 32px;
        line-height: 38px
    }

    .section-127,
    .section-128 {
        padding-top: 96px;
        padding-bottom: 96px
    }

    .section-128.small {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .grid-5-columns.logo-strips-right {
        grid-column-gap: 48px;
        grid-row-gap: 32px
    }

    .image-wrapper---brix.dropdown-button-icon-v2---brix {
        width: 60px
    }

    .dropdown-list-v2---brix {
        width: 91vw;
        margin-right: -148px
    }

    .dropdown-bottom-button-content---brix {
        margin-bottom: 0
    }

    .dropdown-nav-main-wrapper-v2---brix {
        padding: 32px 16px
    }

    .dropdown-nav-pages-wrapper-v2---brix {
        width: 100%
    }

    .flex-hc---brix.dropdown-button-v2---brix {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .dropdown-nav-container-v2---brix.adjust-this-for-your-container-size {
        width: 100%;
        margin-right: 0
    }

    .dropdown-menu-v2---brix {
        position: static
    }

    .button-primary-4 {
        padding: 15px 34px 16px
    }

    .button-primary-4.button-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .logo-6 {
        margin-top: 5px
    }

    .logo-6.fixed {
        margin-top: 6px
    }

    .fixed-nav-menu-button {
        width: 40px;
        height: 40px;
        margin-right: 0;
        padding-top: 9px
    }

    .navbar-4 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .navbar-4.white {
        padding-bottom: 10px
    }

    .full-hero-content-block {
        margin-bottom: 30px
    }

    .video-lightbox-button {
        width: 50px;
        height: 50px;
        padding-top: 13px
    }

    .video-lightbox-button.large-color {
        width: 60px;
        height: 60px;
        padding-top: 17px
    }

    .video-lightbox-button.line {
        min-height: 50px;
        padding-top: 12px
    }

    .overall-hero-title {
        font-size: 27px;
        line-height: 31px
    }

    .overall-hero-description {
        font-size: 14px;
        line-height: 22px
    }

    .overall-video-lightbox {
        height: 140px
    }

    .overall-video-lightbox.large-hero {
        height: 130px
    }

    .video-lightbox-icon {
        height: 20px
    }

    .button-21 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .hero-block-overlay {
        padding: 90px 25px 40px
    }

    .hero-block-overlay.business-2 {
        padding-top: 90px;
        padding-left: 25px;
        padding-right: 25px
    }

    .hero-block-overlay.business {
        padding-top: 90px;
        padding-bottom: 20px
    }

    .small-section-title {
        font-size: 11px;
        line-height: 21px
    }

    .client-logo {
        height: 28px
    }

    .logo-column {
        padding-left: 5px;
        padding-right: 5px
    }

    .section-title-wrapper {
        width: 100%;
        margin-bottom: 30px
    }

    .section-title-wrapper.full {
        margin-bottom: 20px;
        padding-right: 0
    }

    .section-title-wrapper.full.info {
        text-align: center;
        margin-bottom: 20px;
        padding-right: 0
    }

    .section-129 {
        padding: 25px
    }

    .section-129.tint.mgizle {
        display: none
    }

    .small-paragraph.lef-3 {
        padding-top: 10px
    }

    .small-paragraph.lef-3.ml-0.center {
        font-size: 18px
    }

    .small-paragraph.lef-3.ml-0.center.text-paddin-left-20.pt-0 {
        padding-top: 0
    }

    .small-paragraph.lef-3.ml-0.center.pl-3.pt-0 {
        text-align: left;
        padding-top: 0
    }

    .long-feature-icon.pr-3 {
        padding-right: 20px
    }

    .long-feature-icon.pr-3.pr-4._100 {
        width: 12%;
        max-width: 65%;
        padding-right: 16px
    }

    .long-feature-icon.pr-3.pr-4._100._20 {
        padding-right: 20px
    }

    .long-feature-icon.pr-3.pr-4._100._18 {
        width: 17%
    }

    .main-feature-title {
        margin-bottom: 20px;
        font-size: 29px;
        line-height: 32px
    }

    .container-20 {
        margin-top: 0%
    }

    .long-feature-icon-wrapper.border-w {
        border-color: rgba(255, 255, 255, .45)
    }

    .long-feature-block {
        padding-left: 55px;
        padding-right: 10px
    }

    .long-feature-block.title-only {
        padding-top: 0;
        padding-left: 65px;
        padding-right: 0
    }

    .long-feature-block.title-only.mb-40 {
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .long-feature-block.title-only.mb-40.mobile-pl-0 {
        padding-left: 0
    }

    .section-130 {
        padding: 25px
    }

    .long-feature-title {
        margin-bottom: 7px
    }

    .long-feature-title.uppercase {
        font-size: 16px;
        line-height: 21px
    }

    .small-features-wrapper {
        padding-top: 10px
    }

    .process-tab-icon {
        height: 13px
    }

    .top-line-block {
        margin-top: 20px;
        padding-top: 20px
    }

    .section-description {
        margin-top: 14px;
        font-size: 20px;
        line-height: 30px
    }

    .section-description.in-column {
        margin-bottom: 10px;
        font-size: 17px
    }

    .section-131 {
        padding: 25px
    }

    .process-tab-pane {
        padding-top: 20px
    }

    .section-title-3 {
        font-size: 25px;
        line-height: 26px
    }

    .process-tab-button {
        border-width: 1px;
        border-color: rgba(0, 0, 0, .1);
        width: 29%;
        height: 75%;
        margin-top: 19px;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 9px;
        display: inline-block
    }

    .section-132,
    .section-133 {
        padding: 25px
    }

    .tab-button-left {
        text-align: center;
        border-width: 1px;
        border-radius: 60px;
        margin-bottom: 4px
    }

    .image-section-overlay {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .image-section-overlay.dark-gradient {
        background-image: linear-gradient(rgba(42, 45, 48, 0), rgba(24, 26, 29, .99) 88%, #181a1d 89%), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b8ebf1d50bdec0c8748162_mzaman.jpg);
        height: 500px
    }

    .image-section-overlay.dark-gradient.anasayfa.sertifika-mobil {
        background-color: rgba(32, 33, 36, .82);
        background-image: radial-gradient(circle, rgba(42, 45, 48, 0), rgba(24, 26, 29, .99) 25%, #181a1d 99%), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64acf904407d5582c089ecd6_kare_02.jpg);
        background-position: 0 0, 50%;
        background-repeat: repeat, repeat-y;
        background-size: auto, cover;
        height: 350px
    }

    .pricing-tab-pane {
        padding-top: 20px
    }

    .plan-tabs {
        margin-top: 0
    }

    .tab-button-right {
        text-align: center;
        border-width: 1px;
        border-radius: 60px
    }

    .tab-button-right.w--current {
        border-radius: 60px
    }

    .pricing-feature-text {
        font-size: 16px
    }

    .button-22,
    .button-23 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .dark-field.area {
        height: 98px
    }

    .map-marker {
        top: 56px;
        left: 24px
    }

    .map-marker._2 {
        top: 53px;
        left: 115px
    }

    .section-134 {
        padding: 25px
    }

    .worldmap-left-wrapper {
        width: 260px
    }

    .button-24,
    .button-25 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .footer-row {
        padding-left: 10px;
        padding-right: 10px
    }

    .bottom-footer-paragraph.right {
        text-align: left
    }

    .bottom-footer-paragraph.right.dark {
        margin-top: 10px
    }

    .white-footer-column {
        padding-bottom: 10px
    }

    .transparant-menu-button {
        margin-right: 0
    }

    .navbar-5 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .large-hero-title {
        font-size: 23px;
        line-height: 26px
    }

    .hero-description-title {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 20px
    }

    .hero-video-lightbox {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .section-135 {
        padding: 25px
    }

    .button-26 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .navbar-6 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .hero-mockup-description-block {
        width: 100%
    }

    .white-hero-title {
        margin-top: 5px;
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 31px
    }

    .iphone-hero {
        padding: 80px 25px 35px
    }

    .button-27 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .button-27.icon-button.download.green {
        margin-top: 15px
    }

    .hero-description {
        font-size: 13px;
        line-height: 19px
    }

    .small-hero-intro-title {
        margin-bottom: 5px;
        font-size: 12px
    }

    .hero-mockup-image {
        width: 100%;
        margin-top: 20px;
        position: static
    }

    .button-primary---brix {
        width: 100%;
        padding: 15px 34px 16px
    }

    .button-primary---brix._2-buttons---brix {
        margin-bottom: 16px;
        margin-right: 0
    }

    .container-default-3 {
        padding-left: 16px;
        padding-right: 16px
    }

    .logo-bar-grid-hero-v5---brix {
        grid-column-gap: 40px;
        grid-row-gap: 24px
    }

    .hero-v5-split---brix {
        margin-bottom: 64px
    }

    .component-section---brix.hero-v5---brix {
        padding-top: 1px
    }

    .hero-image---brix.hero-v5---brix {
        margin-top: 27px
    }

    .hero-image---brix.hero-v5-image-left---brix {
        border-radius: 16px;
        margin-top: 30px;
        top: 186px;
        left: -13px
    }

    .hero-image---brix.hero-v5-image-right---brix {
        border-radius: 16px;
        bottom: 16px
    }

    .subtitle---brix {
        font-size: 16px;
        line-height: 24px
    }

    .button-secondary---brix.variant-01---brix {
        width: 100%
    }

    .sld-01-slide--content.about-image.m3,
    .sld-01-img.mb-1,
    .sld-01-img.m2,
    .sld-01-img.m3 {
        display: none
    }

    .sld-01-img__w.mb-1 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c1148558df9b5cff4228af_m-11.jpg);
        background-position: 0 0;
        background-repeat: repeat-y;
        background-size: cover
    }

    .sld-01-img__w.m2 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64b77e4a3bb52ff407c2c157_mobile-2.jpg);
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: cover
    }

    .sld-01-img__w.m3 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c117e1127ec653e4326a79_slide-22.jpg);
        background-position: 0 0;
        background-repeat: repeat-y;
        background-size: cover
    }

    .sld-01-img__w.m3._44 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64c11d397e8881a747cfc3c2_slide-9.jpg)
    }

    .sld-01-slide--title.s2.m2 {
        text-align: left;
        width: 108%;
        margin-top: -45%;
        margin-right: 0;
        display: block
    }

    .sld-01-slide--title.mgizle {
        display: none
    }

    .sld-01-slide--title.m3 {
        display: block
    }

    .sld-01-slide--title.m3._444.burda-gizle {
        display: none
    }

    .sld-01-slide--title.m3._444.burda-gizle.slide-22.gizlemeyikald-r {
        width: 100%;
        margin-top: -41%;
        display: block
    }

    .sld-01-slide--title.m3.ss3 {
        width: 100%;
        margin-top: 117%
    }

    .sld-01-slide--title.m3.ss3.mobile-slide-5-text {
        margin-top: -24%
    }

    .sld-01-slide--title.mobil-text {
        width: 100%;
        margin-top: 71%
    }

    .hero-txt-xxl {
        font-size: 32px
    }

    .hero-txt-xxl.fc-white.about-image.s3b.whitee._5._66 {
        font-size: 28px
    }

    .hero-txt-xxl.fc-white.about-image.s3b.whitee.slide-22.molie-22-text {
        margin-top: 111%;
        font-size: 28px
    }

    .lh-relax,
    .lh-relax.fc-white {
        font-size: 16px
    }

    .subpage-header {
        padding-top: 90px;
        padding-bottom: 20px
    }

    .subpage-header.about-5 {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .subpage-header.about-5.mobil-bilgi {
        background-image: linear-gradient(rgba(0, 0, 0, .71), rgba(0, 0, 0, .71)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64acf904407d5582c089ecd6_kare_02.jpg);
        background-size: auto, cover
    }

    .subpage-header.pricing-5 {
        padding-top: 138px;
        padding-bottom: 70px
    }

    .subpage-header.pricing-5.e-imsa.hw {
        background-image: linear-gradient(transparent, transparent), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/64be5cffd6216bb2917ea46c_ArkImza_Banner_1.png)
    }

    .subpage-header.pricing-5.e-imza-banner {
        padding-top: 137px;
        padding-bottom: 103px
    }

    .subpage-header.with-contact-info {
        padding-top: 80px;
        padding-bottom: 240px
    }

    .subpage-header.contact-1 {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px
    }

    .subpage-header.contact-1.cont {
        padding-top: 108px
    }

    .subpage-title {
        font-size: 20px;
        line-height: 20px
    }

    .page-subtitle {
        margin-top: 10px;
        font-size: 15px;
        line-height: 23px
    }

    .button-28 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    ._2-column-pricing.tint.pt-20 {
        padding-left: 5px;
        padding-right: 5px
    }

    .section-136 {
        padding: 25px
    }

    .image-block-2 {
        height: 140px
    }

    .video-lightbox-block {
        height: 170px
    }

    .video-lightbox-block.about-us,
    .video-lightbox-overlay {
        height: auto
    }

    .section-137 {
        padding: 25px
    }

    .button-29 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .button-29._2 {
        margin-left: 4px
    }

    .section-title-4 {
        font-size: 25px;
        line-height: 26px
    }

    .section-title-4.ss.mv {
        font-size: 20px
    }

    .section-138 {
        padding: 25px
    }

    .section-138.pt-30.e-muhur-bg {
        background-position: 50%
    }

    .section-138.pt-30.zaman-bg.pt-0 {
        background-position: 50%;
        background-size: cover
    }

    .text-column-left {
        text-align: center
    }

    .image-column-right.mgizle {
        display: none
    }

    .image-block-right {
        height: 140px
    }

    .image-block-right.hh.zaman {
        text-align: left
    }

    .image-block-right.hh.zaman.gizler {
        display: none
    }

    .div-block-277.container.witht {
        left: -27%
    }

    .div-block-277.container.witht.mobile-gizle {
        display: block
    }

    .section-139 {
        padding: 25px
    }

    .button-30 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .pricing-content-block {
        padding: 15px
    }

    .pricing-content-block.first {
        height: auto
    }

    .bob-wrap-4 {
        display: block
    }

    .bob-dropdown-2-1 {
        grid-row-gap: 1.5em;
        grid-template-columns: 1fr;
        margin-right: 0
    }

    .bob-menu-grid {
        font-size: 2.5vw
    }

    .bob-link-4-menu {
        margin-left: 0;
        font-size: 1.6em
    }

    .bob-wrap-link-1-menu {
        opacity: 1;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        display: flex
    }

    .bob-selection-2,
    .bob-menu-open {
        font-size: 2.5vw
    }

    .bob-link-3-menu {
        font-size: 1.6em
    }

    .bob-selection-1 {
        font-size: 2.5vw
    }

    .bob-wrap-link-1 {
        display: none
    }

    .bob-link-2-menu {
        text-transform: capitalize;
        margin-left: 0
    }

    .bob-grid-menu {
        grid-auto-columns: 1fr;
        margin-bottom: 8em;
        display: grid
    }

    .bob-dropdown-2.w--open {
        padding-right: 0;
        position: relative
    }

    .bob-selection-2-2 {
        font-size: 2.5vw
    }

    .navigation-items {
        opacity: 1;
        background-color: #f6f9fc;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 0;
        position: static;
        top: 0;
        box-shadow: 0 10px 40px 13px rgba(0, 0, 0, .41)
    }

    .collection-item-3 {
        background-color: #f8f8f8
    }

    .nav-bar-white-bg {
        z-index: 100;
        background-color: #fff;
        border-top-width: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 70px;
        margin-top: 0;
        margin-left: 0%;
        margin-right: 0%;
        padding-bottom: 0;
        padding-left: 0%;
        padding-right: 0%;
        display: flex;
        position: relative;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .text-block-50 {
        flex-direction: column;
        flex: 0 auto;
        align-self: center;
        height: auto;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 12px;
        line-height: 18px;
        display: block
    }

    .sabbatical {
        flex-flow: column;
        height: 55px;
        display: none;
        position: fixed;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .link-block-5,
    .dropdown-2 {
        display: none
    }

    .menu {
        z-index: 10;
        filter: none;
        text-transform: lowercase;
        flex-wrap: wrap;
        width: 60px;
        height: 30px;
        margin-left: 0;
        display: flex;
        position: relative
    }

    .menu.dark-bg {
        width: 1px;
        height: 1px;
        display: none
    }

    .navigation-2 {
        z-index: 8000;
        box-shadow: none;
        text-align: right;
        background-color: rgba(255, 255, 255, 0);
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 70px;
        margin-right: 0;
        padding: 0 0 20px;
        display: block;
        position: fixed;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .logo-image {
        float: none;
        clear: none;
        width: 11em;
        margin-left: 15px;
        padding-left: 0
    }

    .logo-image.white-navbar {
        width: 9em
    }

    .dropdown-toggle-3 {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        display: block
    }

    .link-block-3 {
        display: none
    }

    .navigation-item {
        color: #000;
        height: 100%
    }

    .navigation-item:hover {
        color: #000
    }

    .navigation-item.white-navbar {
        background-color: #fff;
        border-bottom: 1px solid #e7e7e7;
        align-self: center;
        width: 100%;
        height: 70px;
        padding-top: 25px;
        padding-left: 45px;
        padding-right: 45px;
        display: block
    }

    .navigation-item.white-navbar:hover {
        opacity: 1;
        width: 100%
    }

    .navigation-item.white-navbar:active {
        opacity: 1
    }

    .menu-icon-white {
        filter: none;
        margin-right: 25px;
        padding-right: 0;
        display: block
    }

    .nav-bar-dark-bg {
        z-index: 80;
        background-color: rgba(255, 255, 255, 0);
        justify-content: center;
        align-items: center;
        height: 60px;
        margin-top: 55px;
        margin-left: 0%;
        margin-right: 0%;
        padding-top: 0;
        padding-left: 0%;
        padding-right: 0%;
        display: none;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .logo-link-2 {
        display: block
    }

    .logo-link-2.w--current {
        text-align: center;
        background-color: rgba(255, 255, 255, 0);
        justify-content: flex-start;
        align-items: center;
        padding-left: 0;
        display: flex;
        position: static
    }

    .logo-link-2.center.w--current {
        justify-content: center
    }

    .link-block-6 {
        display: none
    }

    .menu-button-10,
    .menu-button-10.w--open {
        flex: none
    }

    .nav-button {
        text-align: center;
        letter-spacing: 0;
        text-transform: none;
        background-color: #eb3d31;
        border-radius: 40px;
        align-self: center;
        width: 100%;
        min-width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
        padding: 1.25em 0%;
        font-size: .9em;
        display: flex
    }

    .nav-button.w--current {
        width: 100%;
        margin-bottom: 20px;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        display: flex
    }

    .nav-button.homepage {
        display: none
    }

    .nav-button.homepage.white-navbar {
        text-transform: uppercase;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block
    }

    .navigation-wrap {
        height: 87px
    }

    .mobile-dropdown {
        width: 100%
    }

    .flowbase-logo {
        width: 50%
    }

    .navigation-container-3 {
        min-height: 89px
    }

    .button-menu.h0.width-50,
    .button-menu.h0._w-20 {
        width: 100%
    }

    .dropdown-list-5.ddddd.w--open {
        z-index: 999999;
        position: static
    }

    .mobile-toggle.pl-20-0 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    .dropdown-link-mobile {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .menu-mob {
        background-color: rgba(250, 250, 250, 0);
        border-radius: 18px
    }

    .menu-mob.w--open {
        background-color: rgba(130, 75, 241, .21)
    }

    .navigation-mob {
        z-index: 99999999;
        background-color: rgba(255, 255, 255, 0);
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
        background-position: 50%;
        background-size: auto;
        border-bottom-color: rgba(255, 255, 255, .11);
        position: -webkit-sticky;
        position: sticky
    }

    .icon-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .flowbase-banner {
        display: none
    }

    .instructions-wrapper {
        align-self: auto;
        margin-left: 0
    }

    .demo-main-text-wrapper {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px
    }

    .demo-btn-close-wrapper {
        flex: none;
        align-items: center
    }

    .image-70 {
        margin-left: 0;
        margin-right: 0
    }

    .demo-right-arrow-wrapper {
        width: 50px
    }

    .demo-p.main {
        max-width: 350px;
        margin-bottom: 20px;
        margin-right: 30px;
        padding-right: 0;
        font-size: 14px
    }

    .demo-container {
        min-height: 100vh
    }

    .demo-banner-bottom-2 {
        align-items: flex-start;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        display: block
    }

    .demo-arrow-wrapper-2 {
        justify-content: center;
        margin-left: 10px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .demo-arrow-wrapper-2.next {
        justify-content: center
    }

    .interaction-heading-2 {
        margin-bottom: 0;
        font-size: 14px
    }

    .button-31,
    .button-31.bottom {
        font-size: 14px
    }

    .demo-wrapper {
        align-items: center;
        margin-top: 100px;
        margin-bottom: -40px;
        margin-right: 0;
        padding-bottom: 100px;
        padding-left: 0;
        padding-right: 0
    }

    .footer-link-block-2 {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px
    }

    .demo-heading.h1 {
        line-height: 28px
    }

    .demo-heading.h2 {
        font-size: 15px;
        line-height: 20px
    }

    .demo-bottom-buttons {
        flex-direction: column;
        align-items: flex-end;
        bottom: 20px;
        left: 20px
    }

    .d-130-blog-card-wrapper {
        width: 92%;
        margin-bottom: 180px
    }

    .demo-close-div-3 {
        align-items: flex-end;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 10px;
        position: relative
    }

    .browser-demo {
        width: 300px;
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .d-130-description-wrapper {
        bottom: -30%
    }

    .image-71 {
        margin-top: 0;
        margin-right: 0
    }

    .link-blue.padding-20 {
        margin-top: 30px;
        margin-left: 0;
        display: block
    }

    .text-center-2 {
        font-size: 40px;
        line-height: 50px
    }

    .left-arrow-6 {
        top: auto;
        bottom: -3%;
        left: 20%;
        right: auto
    }

    .button-wrapper-3 {
        display: block
    }

    .button-wrapper-3.m-11-buton {
        margin-top: 9px
    }

    .features {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .column-left.leftt.s2 {
        text-align: left;
        font-size: 16px
    }

    .testimonial-image-wrap {
        height: 260px
    }

    .cta-header {
        font-size: 35px;
        line-height: 43px
    }

    .purple {
        padding-top: 50px
    }

    .purple-image {
        max-width: 101%
    }

    .testimonial-content {
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px
    }

    .ix-slide-3.s2 {
        text-align: left;
        justify-content: flex-start;
        margin-top: 25%
    }

    .author-block {
        margin-top: 15px
    }

    .testimonials.yuzde0.p-t-0.m-60 {
        padding-bottom: 0
    }

    .hero-2 {
        padding-top: 51px
    }

    .ix-slide-1.whiteee.ss {
        margin-top: 75%;
        font-size: 20px;
        line-height: 40px
    }

    .ix-slide-1.whiteee.m-11a {
        font-size: 27px;
        line-height: 37px
    }

    .footer-bottom-grid {
        grid-template-columns: 1fr 1fr
    }

    .right-arrow-9 {
        top: auto;
        bottom: -3%;
        left: auto;
        right: 20%
    }

    .spiralgrid_container {
        width: 170%;
        left: -35%
    }

    .spiralgrid_icon {
        width: 60%;
        padding-top: 60%
    }

    .spiralgrid_content-border {
        width: 120%
    }

    .paragraph-34 {
        text-align: left
    }

    .paragraph-34.centerr.cbt {
        text-align: left;
        font-size: 18px;
        line-height: 25px
    }

    .paragraph-34.mt-4 {
        font-size: 22px;
        line-height: 30px
    }

    .paragraph-34.white.font-25 {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px
    }

    .list-item-2 {
        text-align: left
    }

    .list-item-2.pb-3 {
        font-size: 20px;
        font-weight: 300
    }

    .list-item-3,
    .list-item-4 {
        text-align: left
    }

    .paragraph-35 {
        font-size: 18px
    }

    .paragraph-37,
    .list-item-5,
    .list-item-6,
    .list-item-7,
    .list-item-8 {
        text-align: left
    }

    .contact-info-list {
        margin-bottom: 0
    }

    .contact-info-list-item {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .page-subtitle-2 {
        margin-top: 10px;
        margin-bottom: 36px;
        font-size: 15px;
        line-height: 23px
    }

    .subpage-title-2 {
        font-size: 20px;
        line-height: 20px
    }

    .contact-info-column {
        border: 1px solid #000;
        border-bottom-color: rgba(255, 255, 255, .44)
    }

    .button-33 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .paragraph-38 {
        object-fit: contain;
        width: 109%
    }

    .bold-text-33 {
        color: #fff
    }

    .iphone-hero-2 {
        padding: 103px 25px 35px
    }

    .button-34 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .button-34.icon-button.download.green {
        margin-top: 15px
    }

    .hero-mockup-image-2 {
        width: 100%;
        margin-top: 20px;
        position: static
    }

    .info-column {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 0
    }

    .info-row {
        margin-top: 0
    }

    .info-icon {
        float: left;
        height: 20px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 11px
    }

    .info-title {
        margin-bottom: 4px
    }

    .info-block-left {
        width: 100%
    }

    .info-block-2 {
        float: none;
        width: 90%;
        font-size: 14px
    }

    .section-title-5 {
        font-size: 25px;
        line-height: 26px
    }

    .testimonial-quote {
        font-size: 13px;
        line-height: 20px
    }

    .testimonial-block {
        padding-left: 30px;
        padding-right: 30px
    }

    .section-140 {
        padding: 25px
    }

    .testimonial-image-2 {
        width: 70px;
        height: 70px
    }

    .testimonial-slider-arrow {
        margin-left: -10px;
        margin-right: -10px
    }

    .section-141 {
        padding: 25px
    }

    .section-141.tint.overflow-none {
        padding: 20px
    }

    .section-141.tint.overflow-none.bg-dark.zzz.m-gi {
        display: none
    }

    .info-block-3 {
        float: none;
        width: 90%;
        font-size: 14px
    }

    .section-title-6 {
        font-size: 25px;
        line-height: 26px
    }

    .section-title-6.centerr {
        font-size: 28px;
        line-height: 30px
    }

    .section-title-6.centerr.white.c {
        font-size: 32px
    }

    .section-title-6.centerr.white.ww {
        font-size: 28px
    }

    .device-mockup-left {
        width: 90%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
        top: 0;
        left: 0
    }

    .section-142 {
        padding: 25px
    }

    .section-142.app-info-section {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .info-block-right.app-info {
        text-align: center;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0
    }

    .info-block-right.app-info.mobile-gizle.gizz {
        display: none
    }

    .button-35 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .button-35.icon-button.download.green {
        margin-top: 15px
    }

    .section-title-7 {
        font-size: 25px;
        line-height: 26px
    }

    .section-title-7.large {
        line-height: 30px
    }

    .section-143 {
        padding: 25px
    }

    .section-title-8 {
        font-size: 25px;
        line-height: 26px
    }

    .div-block-279.mresim {
        height: 371px
    }

    .info-block-4 {
        float: none;
        width: 90%;
        font-size: 14px
    }

    .info-block-4.margin-left.mb-3.ss {
        border-bottom: 1px solid rgba(104, 82, 237, .5);
        flex-flow: wrap;
        justify-content: flex-start;
        margin-top: 29px;
        padding-top: 10px;
        display: flex
    }

    .info-block-4.margin-left.mb-3.ss.pt-3 {
        padding-top: 10px
    }

    .info-block-4.margin-left.mb-3.ss.gizz {
        display: none
    }

    .info-block-4.mb-3.ss {
        border-bottom: 1px solid rgba(104, 82, 237, .42);
        justify-content: flex-start;
        display: flex
    }

    .info-title-2 {
        margin-bottom: 4px
    }

    .info-title-2.ss {
        text-align: left;
        font-size: 20px;
        font-weight: 400
    }

    .pl.ll {
        text-align: left
    }

    .section-144.ccr-siyah-alan.bg-dark {
        margin-top: -43px
    }

    .section-144.ccr-siyah-alan.bg-dark.mt {
        margin-top: -14%
    }

    .client-logo-2 {
        max-width: 34%;
        height: 5%;
        display: inline-block;
        position: static
    }

    .section-description-2 {
        margin-top: 14px;
        font-size: 15px;
        line-height: 23px
    }

    .section-title-9 {
        margin-top: 85%;
        font-size: 25px;
        line-height: 26px
    }

    .section-title-9.serh {
        color: #fff;
        margin-top: -7%
    }

    .footer-inline-link {
        margin-top: -1px;
        margin-right: 7px
    }

    .footer-logo-column-left {
        padding-bottom: 10px
    }

    .simple-footer {
        padding-top: 35px
    }

    .simple-bottom-footer {
        padding: 20px 20px 13px
    }

    .bold-text-34 {
        font-size: 12px
    }

    .hh {
        max-width: 80%
    }

    .hh.kk {
        max-width: 51%
    }

    .contact-info-block._69 {
        width: 100%
    }

    .contact-info-small-block {
        margin-bottom: 10px
    }

    .form-title {
        font-size: 25px;
        line-height: 24px
    }

    .form-title.subtitle {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 19px
    }

    .container-31.container-22223.v.cv.hh {
        max-width: 100%
    }

    .white-contact-form {
        padding-left: 0;
        padding-right: 0
    }

    .white-contact-form._100 {
        padding-left: 10px;
        padding-right: 10px
    }

    .button-36 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .text-span-8.text-white {
        line-height: 39px
    }

    .ccr-4.mobil-gizle {
        display: block
    }

    .ccr-5,
    .ccr-5.ccr-8._40 {
        width: 100%
    }

    .mt-4 {
        display: flex
    }

    .text-span-11.text-text-2 {
        font-size: 18px
    }

    .bold-text-39.text-text {
        font-size: 28px
    }

    .bold-text-40.text-text {
        font-size: 27px
    }

    .bold-text-42.text-text {
        font-size: 28px;
        line-height: 45px
    }

    .bold-text-42.text-text.sss {
        line-height: 31px
    }

    .bold-text-43.text-text {
        font-size: 29px
    }

    .bold-text-44.text-text {
        font-size: 28px;
        line-height: 43px
    }

    .play-icon {
        width: 50%;
        display: flex
    }

    .color-block {
        padding: 20px
    }

    .top-tel {
        height: 50px;
        display: none
    }

    .c-phone-item-details.mt-4.mobile-hidden.gizler,
    .c-phone-item-details.gizler {
        display: none
    }

    .c-phone-indicator {
        padding-left: 10px;
        padding-right: 10px
    }

    .phone-item-details {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .c-section-phone {
        height: 500vh;
        margin-top: -27%
    }

    ._w-phone-section-item {
        flex: 0 auto
    }

    ._w-phone-left-col {
        align-items: flex-start;
        height: 80vh;
        margin-top: 21%
    }

    ._w-phone-frame {
        padding-left: 10px;
        padding-right: 10px
    }

    .c-phone-section-item._4 {
        flex-direction: column
    }

    .c-phone-section-item._5 {
        margin-top: 7px
    }

    .c-phone-section-item._1 {
        padding-left: 0;
        padding-right: 0
    }

    .c-phone-section-item._3 {
        justify-content: center;
        margin-top: 59%
    }

    ._w-section-phone {
        padding-left: 20px;
        padding-right: 20px
    }

    ._w-section-phone.container-large-3 {
        max-width: 100%
    }

    ._w-section-phone.container-22223 {
        padding-left: 0;
        padding-right: 0
    }

    .phone0item-title {
        text-align: left;
        font-size: 25px;
        line-height: 30px
    }

    .phone0item-title.mobile-h4 {
        margin-top: 71px;
        line-height: 30px
    }

    .c-phone-frame,
    ._w-phone-section {
        width: 100%
    }

    .ceramic-shield,
    .ceramic-shield-3 {
        height: auto;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .ceramic-shield-text {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-around;
        display: block
    }

    .ceramic-shield-text.mobil-icin-gizle {
        display: flex
    }

    .margin-top-2 {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-top-2.margin-medium {
        position: absolute
    }

    .slider-item.flex-horizontal {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .slider-item.flex-horizontal.flex-vertical {
        padding-bottom: 10rem
    }

    .slider-item.colors-item {
        flex-direction: column;
        width: 100%;
        height: 20rem;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .slider-item.first {
        flex-direction: column;
        align-items: center;
        height: 25rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: flex
    }

    .slider-item.cennter.yeni-clum.bgnone {
        width: 100%
    }

    .slider-item.cennter.yeni-clum.bgnone._55 {
        width: auto
    }

    .navbar_container.m-gizle {
        display: none
    }

    .durable-part {
        flex-direction: column
    }

    .first-iphone {
        align-items: center;
        height: 70%;
        margin-right: 0%
    }

    .image-class {
        flex: 0 auto;
        align-self: flex-end;
        height: 13%;
        margin-bottom: 54%;
        display: block
    }

    .image-74._74._75 {
        max-width: 84%;
        margin-bottom: 32px
    }

    .navbar_component.mobile-hidden {
        background-image: none
    }

    .ceramic-shield-2 {
        height: auto;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .durable-text {
        width: 100%;
        position: absolute;
        top: 6%;
        bottom: auto;
        left: 0%;
        right: 0%
    }

    .grid-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex
    }

    .main-wrapper {
        margin-top: 10%
    }

    .section-147.lk.mb-5.sss {
        margin-top: 50%
    }

    .section-147.lk.mb-5.sss.m-00 {
        margin-top: 0%
    }

    .section-147.e-imza-top {
        margin-top: 9%
    }

    .section-147.muhur-top {
        margin-top: -26%
    }

    .section-147.zaman-top {
        margin-top: -39%
    }

    .section-147.block-1 {
        margin-top: -15%
    }

    .section-147.block-1.sadece-imza {
        margin-top: 38%
    }

    .section-147.block-1.sadece-imza.sifir,
    .section-147.block-1.ttt {
        margin-top: 0%
    }

    .section-147.block-1.ll {
        margin-top: 6%
    }

    .section-147.block-1.ll.m-2,
    .section-147.block-1.is-bg {
        margin-top: 0%
    }

    .section-147.block-1.is-bg.gg {
        background-position: 50%;
        background-size: cover
    }

    .section-147.block-3.tyty {
        margin-top: -31%
    }

    .section-147.block-3.tyty.size-uygun {
        margin-top: -11%
    }

    .section-147.block-3.tyty.ios-top {
        margin-top: -16%
    }

    .section-147.block-7.is {
        margin-bottom: 0%
    }

    .section-147.e-imza {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
        background-position: 50%;
        background-size: cover;
        height: 165ch
    }

    .section-147.e-imza.ble {
        height: auto
    }

    .section-147.e-imza.ble.z-9999 {
        z-index: 99
    }

    .feature_wrap.pb-50 {
        padding-top: 0
    }

    .feature_wrap.p-0 {
        height: auto
    }

    .feature_wrap.mobile-padd.m-1 {
        padding-top: 0
    }

    .feature_wrap.mobile-padd.mp-0,
    .feature_wrap.mobile-pad-bot {
        padding-bottom: 0
    }

    .feature_wrap.p-t-00 {
        padding-top: 0
    }

    .feature_wrap.mobile-padd {
        padding-top: 18px
    }

    .feature_wrap.mobile-padd.l {
        padding-bottom: 0
    }

    .feature_wrap.mobile-padd {
        padding-top: 0;
        padding-bottom: 0
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.ac {
        width: 100%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0._2._70.bn {
        margin-top: 0%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.ac {
        background-image: none;
        width: 70%;
        margin-top: 0%;
        margin-bottom: 20px;
        display: block;
        position: static
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.mt-0.ac.dddd {
        margin-top: -20%
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.ll {
        display: none
    }

    .feature_image._3.hei.ableft._100.mobile-hidden.teslimat.teek.ll.ac {
        background-image: none;
        background-position: 0 0;
        background-size: auto;
        margin-top: 7%;
        display: block;
        position: static
    }

    .feature_image._3.hei.ableft._100.mugur-mobile {
        margin-bottom: 20px;
        display: block;
        position: static
    }

    .feature_image._3.hei.zamann.zaman-mobile {
        display: block;
        position: static
    }

    .feature_image._3.hei.mobile-image-static {
        width: 80%;
        height: auto;
        margin-right: 0%;
        display: block;
        position: static
    }

    .feature_image._3.hei.mobile-image-static.mobil-gizle {
        display: none
    }

    .feature_image._3.hei.mobile-image-static.ac.acc {
        width: 100%;
        display: block
    }

    .feature_image._3.hei.mobile-image-static.ac.acc.gorel-gizle {
        display: block
    }

    .feature_image._3.hei.mobile-image-static._88 {
        width: 100%
    }

    .feature_image._3.hei.mobile-image-static.giiii {
        display: none
    }

    .feature_image._3.hei.mobile-hidden.eimza-mobile {
        text-align: center;
        background-image: none;
        background-position: 0 0;
        background-size: auto;
        width: 100%;
        display: block;
        position: static
    }

    .feature_image._3.hei.gt.ust {
        display: none
    }

    .feature_image._3.hei.gt.ust.size-uygun {
        width: 70%;
        position: static
    }

    .feature_image._3.hei.gt.ust.size-uygun.ios.mob.masa-gizle {
        flex-direction: row;
        justify-content: center;
        width: 70%;
        margin-bottom: 15px;
        display: flex;
        position: static
    }

    .feature_image._3.hei.gt.ust.size-uygun.uy {
        display: block
    }

    .feature_image._3.hei.gt.ust.size-uygun.uy.mobi {
        display: none
    }

    .feature_image._3.hei.gt.ust.size-uygun.uy._1000 {
        width: 100%
    }

    .feature_image._3.hei.gt.ust.size-uygun.w100.z.acc {
        width: 90%
    }

    .feature_image._3.hei.gt.ust.size-uygun.w100.acc {
        display: block
    }

    .feature_image._3.hei.ab-left.l.acc {
        position: relative
    }

    .feature_image._3.hei.ab-left.no-ab {
        display: block;
        position: static
    }

    .feature_image._3.hei.haout.ab-left.masa-gizle {
        font-size: 22px
    }

    .feature_image._3.hei.haout.ab-left.masa-gizle.ab-no {
        position: static
    }

    .feature_image._3.hei.haout.ab-left.is-im {
        margin-top: 13%;
        position: static
    }

    .feature_image._3.hei.haout.ab-left.is-im.ab-no {
        margin-top: 5%
    }

    .feature_text {
        text-align: left;
        font-size: 20px;
        font-weight: 400
    }

    .feature_text.mb-3.white.we {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px
    }

    .feature_text.mt-4 {
        font-size: 22px
    }

    .feature_text.mt-4.white-text.center-text {
        text-align: left;
        align-items: center;
        font-size: 20px
    }

    .feature_text.mt-4.white-text.center-text.lc {
        text-align: center
    }

    .feature_text.mt-4.white-text.center-text._1 {
        margin-bottom: 6%
    }

    .feature_text.mb-3 {
        text-align: left;
        font-size: 22px;
        line-height: 25px
    }

    .feature_text.mb-3.whitee {
        margin-bottom: 0;
        padding-bottom: 65px
    }

    .feature_text.mb-3.whitee.fg {
        padding-bottom: 0
    }

    .h2-2 {
        font-size: 32px
    }

    .h2-2.how {
        font-size: 28px;
        line-height: 35px
    }

    .h2-2.how.pt-66.h2-66 {
        margin-top: 0%
    }

    .h2-2.how.pt-66.h2-66._88 {
        margin-top: 0%;
        line-height: 0
    }

    .h2-2.how.h20 {
        margin-top: 0%
    }

    .h2-2.how.h20.mt-3 {
        margin-top: 23%;
        font-size: 28px
    }

    .h2-2.how.h2-66 {
        margin-top: 0%
    }

    .h2-2.how.f {
        font-size: 28px
    }

    .h2-2.how.ii {
        margin-top: 0%;
        font-size: 28px
    }

    .h2-2.how._28 {
        font-size: 28px
    }

    .h2-2.how {
        margin-top: 25%;
        font-size: 35px;
        line-height: 35px
    }

    .h2-2.how.ww {
        font-size: 30px;
        line-height: 35px
    }

    .h2-2.how.ww.p {
        margin-top: 9%;
        font-size: 30px;
        line-height: 35px
    }

    .h2-2.how.ww.p.pp {
        margin-top: 10%;
        font-size: 30px;
        line-height: 35px
    }

    .h2-2.how.ww.p.pp.tt {
        margin-top: 5%
    }

    .h2-2.how.ww.p.pp.er {
        margin-top: 10%
    }

    .h2-2.how.ww.p._21 {
        margin-top: 21%
    }

    .h2-2.how.ww.v10-banner-text {
        margin-top: 5%;
        margin-bottom: 5%;
        font-size: 28px;
        font-weight: 600;
        line-height: 40px
    }

    .h2-2.how.ww.hh {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px
    }

    .h2-2.how.ww._00 {
        margin-top: 0%;
        font-size: 28px
    }

    .h2-2.how.orta.rr {
        margin-top: 6%
    }

    .h2-2.how.orta._00 {
        margin-top: 0%;
        font-size: 28px
    }

    .h2-2.how.i {
        margin-top: 10%;
        font-size: 28px;
        line-height: 35px
    }

    .h2-2.how.i.sl-1 {
        margin-top: 0%;
        margin-bottom: 21%
    }

    .h2-2.how.i.sl-1._3 {
        margin-top: 3%;
        margin-bottom: 0%
    }

    .h2-2.how.i.sl-1._1 {
        margin-bottom: 7%
    }

    .h2-2.how.i.sl-1.b-2,
    .h2-2.how.i.sl-1.b-2.tt,
    .h2-2.how.i.sl-1.b-1 {
        margin-bottom: 0%
    }

    .h2-2.how.i.sl-1.b-1.qw {
        margin-bottom: -3%
    }

    .h2-2.how.i.sl-1.k-1 {
        margin-top: 9%;
        margin-bottom: 11%
    }

    .h2-2.how.i.sl-1.k-2 {
        margin-bottom: -5%
    }

    .h2-2.how.i.sl-1.k-2._25 {
        margin-bottom: 2%
    }

    .h2-2.how.i.sl-1.gh {
        margin-bottom: 15%
    }

    .h2-2.how.i.mi {
        margin-top: 0%;
        line-height: 31px
    }

    .h2-2.how.pad-b-4.ss {
        margin-top: 0%;
        padding-bottom: 20px
    }

    .h2-2.how._57 {
        margin-top: 13%;
        font-size: 28px
    }

    .h2-2.how.mm {
        margin-top: 0%
    }

    .h2-2.how._2 {
        margin-top: 5%;
        font-size: 28px
    }

    .h2-2.how._4 {
        margin-top: 6%
    }

    ._480._550._600.o._00 {
        margin-top: -28%;
        margin-bottom: 0
    }

    ._480.left-1.riggt._600 {
        margin-bottom: 0
    }

    ._480.left-1.riggt._600.e.b.vv.yh {
        margin-top: 0%
    }

    ._480.left-1.riggt._600.e._0 {
        margin-top: 0
    }

    ._480.left-1.riggt._600.e._0.lk.b {
        margin-top: 3%
    }

    ._480.left-1.riggt._600.e._0.lk.b._0000.c {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    ._480.left-1.riggt._600.mt-0._000.bn,
    ._480.left-1.riggt._600.mt-0._000.zxc {
        margin-top: 0%
    }

    ._480.left-1.riggt._600.mtt {
        margin-top: 0
    }

    ._480.left-1.riggt._600.mtt.rf {
        margin-top: -2%
    }

    .feature_image-wrap {
        margin-left: auto;
        margin-right: auto
    }

    .feature_image-wrap.ll.mobile-hidden.acc {
        background-image: none;
        display: block
    }

    .feature_image-wrap.ll.mobile-static {
        width: auto;
        max-width: none;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        position: relative
    }

    .feature_image-wrap.ll.mobile-hidden.ac {
        background-image: none;
        display: block
    }

    .feature_image-wrap.ll.mobile-hidden.ggg {
        display: none
    }

    .container-22223.genel-h {
        height: auto
    }

    .feature_grid {
        flex-direction: column
    }

    .feature_grid.de.uhu,
    .feature_grid._780.no-52,
    .feature_grid.p-10.u-u {
        height: auto
    }

    .aod-screen {
        border-radius: 20px
    }

    .aod-screen-holder {
        border-radius: 6px
    }

    .aod-iphone-container {
        width: 100%
    }

    .always-on-dislay-title-holder {
        width: 100%;
        font-size: 42px
    }

    .text-block-99 {
        font-size: 25px;
        line-height: 35px
    }

    ._16a-cpu-image-holder {
        width: 100%
    }

    ._16a-grid-holder {
        grid-row-gap: 60px;
        flex-direction: column
    }

    ._16a-content {
        max-width: 100%
    }

    .ipad-mockup {
        padding-left: 10px;
        padding-right: 10px
    }

    .ipad-screen {
        border-radius: 4px
    }

    ._3d-tablet-wrap {
        perspective-origin: 50% 0
    }

    .section-tablet-scroll-animation {
        margin-top: -68%
    }

    .bold-text-46 {
        text-align: left;
        justify-content: flex-start;
        margin-top: 0%;
        font-size: 28px;
        line-height: 30px;
        display: flex
    }

    .bold-text-46.white {
        margin-top: -20%;
        font-size: 28px;
        line-height: 35px
    }

    .bold-text-46.white._00 {
        margin-top: 0%
    }

    .mobil-bottom-2 {
        margin-bottom: 18px
    }

    .bold-text-47 {
        text-align: left;
        font-size: 25px
    }

    .bold-text-47._47 {
        font-size: 25px;
        line-height: 25px
    }

    .bold-text-48 {
        font-size: 25px
    }

    .bold-text-49 {
        font-size: 25px;
        line-height: 30px
    }

    .bold-text-50 {
        font-size: 22px;
        line-height: 30px
    }

    .image-78 {
        text-align: center;
        display: block
    }

    .columns-18 {
        flex-direction: row;
        display: flex
    }

    .image-79.pb-000 {
        padding-bottom: 0
    }

    .div-block-280,
    .div-block-281 {
        justify-content: center;
        display: flex
    }

    .slider-content-wrap {
        justify-content: center;
        width: 100%;
        margin-bottom: 140px;
        padding: 50px 10px
    }

    .form-content {
        width: 100%
    }

    .form12_checkbox_field {
        width: 49%;
        min-width: auto;
        height: 130px;
        margin-bottom: 15px;
        margin-right: 0
    }

    .form-section-title {
        font-size: 2em;
        line-height: 1.3em
    }

    .mask-5 {
        height: 100%;
        position: static
    }

    .previous {
        max-width: 75px;
        display: flex
    }

    .submit-button-2 {
        margin-bottom: -85px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .slider-3 {
        height: auto
    }

    .checkbox_wrap {
        flex-wrap: wrap
    }

    .tabs-wrapper-2.sssss {
        display: none
    }

    .stacked-tabs-holder {
        margin-top: 40px
    }

    .grid-8-col {
        grid-template-columns: 1fr 1fr
    }

    .tab-circle {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        box-shadow: 6px 6px 15px rgba(101, 101, 101, .26), inset -6px -6px 15px rgba(121, 120, 120, .1)
    }

    .grey-paragraph {
        font-size: 14px
    }

    .tab-icon {
        width: 20px;
        height: 20px
    }

    .tab-icon._01 {
        width: 15px
    }

    .stacked-tabs-pane-holder,
    .stacked-tabs-pane-holder._77 {
        width: 100%
    }

    .tab-link {
        padding: 10px;
        position: relative
    }

    .stacked-gradient {
        display: none
    }

    .stacked-tab-image {
        border-radius: 8px;
        box-shadow: 6px 6px 8px rgba(86, 86, 86, .15)
    }

    .tab-title {
        font-size: 18px
    }

    .tab-paragraph {
        font-size: 14px
    }

    .tab-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: row;
        align-items: flex-start
    }

    .tab-wrapper.cce {
        align-items: center
    }

    .mobile-link {
        z-index: 1;
        background-color: rgba(255, 255, 255, 0);
        border-radius: 0;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .form-back {
        flex: none;
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0
    }

    .area-label {
        font-size: 14px
    }

    .text-field-wrapper.half,
    .text-field-wrapper.third {
        width: 100%
    }

    .form-block {
        border-radius: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px
    }

    .button-39,
    .form-next {
        flex: none;
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0
    }

    .abs {
        position: absolute
    }

    .abs.mobile-hidden {
        background-image: none;
        background-position: 0 0;
        background-size: auto;
        display: block
    }

    .div-block-282 {
        top: 7%;
        right: 40%
    }

    .first-step-grid---brix {
        margin-bottom: 32px
    }

    .first-step-grid---brix.uniform-space---brix {
        grid-row-gap: 16px
    }

    .multi-step-form-radio-trigger---brix {
        text-align: left;
        white-space: nowrap;
        padding-left: 60px;
        padding-right: 16px;
        font-size: 16px;
        line-height: 1.5
    }

    .multi-step-form-error-message---brix {
        margin-top: 32px
    }

    .steps-bar---brix {
        justify-content: space-between;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .select-item-icon---brix {
        max-width: 24%
    }

    .form-step-progress-bar-mobile---brix {
        margin-left: 0;
        margin-right: 0;
        display: flex
    }

    .form-step-progress-bar-mobile---brix.step-3---brix {
        width: 78%
    }

    .form-step-progress-bar-mobile---brix.step-1---brix {
        width: 25%
    }

    .form-step-progress-bar-mobile---brix.full-bar---brix {
        width: 100%
    }

    .multi-step-form---brix {
        padding-bottom: 12px;
        padding-left: 0;
        padding-right: 0
    }

    .multi-step-form-button---brix {
        font-size: 16px
    }

    .multi-step-form-button---brix.left---brix {
        margin-bottom: 12px;
        display: block;
        position: static;
        left: auto
    }

    .multi-step-form-button---brix.right---brix {
        display: block;
        position: static;
        right: auto
    }

    .form-step-progress-bar---brix {
        display: none
    }

    .multi-step-form-label---brix {
        font-size: 16px
    }

    .radio-button-field-2 {
        padding: 40px 20px
    }

    .card-3.form {
        padding-left: 23px;
        padding-right: 23px
    }

    .btn-primary-4 {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .mg-bottom-64px {
        margin-bottom: 40px
    }

    .card-4.form {
        padding-left: 23px;
        padding-right: 23px
    }

    .card-4.form.pd-sides-78px {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }

    .mg-bottom-48px {
        margin-bottom: 32px
    }

    .container-default-4 {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .image-80,
    .link-block-9.masa-ac,
    .link-block-10,
    .link-block-10.masa-ac {
        display: none
    }

    .acupa-section-wrapper {
        z-index: 0;
        flex-direction: row;
        align-items: flex-start;
        width: 80%;
        padding-top: 120px
    }

    .acupa-section-3 {
        top: 5%
    }

    .acupa-lottie-animation {
        top: 40%;
        bottom: 0%;
        left: auto
    }

    .acupa-lottie-animation._24 {
        margin-top: 87%;
        top: 0%;
        right: 0%
    }

    .acupa-section-6,
    .acupa-section-7 {
        top: 5%
    }

    .image-81 {
        position: absolute;
        left: 45%
    }

    .bold-text-53 {
        font-size: 22px;
        line-height: 30px
    }

    .bold-text-67 {
        font-size: 28px;
        line-height: 30px
    }

    .button-40 {
        margin-top: 10px;
        padding-left: 19px;
        padding-right: 19px;
        font-size: 11px;
        line-height: 21px
    }

    .mor {
        font-size: 28px;
        line-height: 30px
    }

    .mor.mor-56.rr,
    .mor.mor-56._49 {
        font-size: 28px
    }

    .mor.font-70 {
        font-size: 28px;
        line-height: 35px
    }

    .mor.font-70.whiteed._57,
    .mor.font-4.dd {
        font-size: 28px
    }

    .small-paragraph-5.lef-3 {
        padding-top: 10px
    }

    .small-paragraph-5.lef-3.ml-0.center {
        font-size: 18px
    }

    .small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0 {
        text-align: left;
        padding-top: 0
    }

    .small-paragraph-5.lef-3.ml-0.center.pl-3.pt-0.white.ccenter {
        font-size: 16px
    }

    .container-22234.back {
        background-image: none
    }

    .container-22234.back._55 {
        height: auto
    }

    .container-22234.back.df {
        height: 47vh
    }

    .back {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fa9_Group%2028.jpg);
        background-position: 0 0;
        background-size: cover;
        height: 800px
    }

    .back.he-big.bb {
        height: auto;
        margin-top: 0
    }

    .back.bbb {
        height: 522px
    }

    .back.bbb.re {
        height: auto
    }

    .back.b-8 {
        margin-top: 0
    }

    .back._700 {
        height: 700px
    }

    .back._700.hhhh {
        height: auto
    }

    .button-menu-2.h0.width-50 {
        background-color: #8711c9;
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/652fb65d45d002272bcd6fba_doku-26.png), linear-gradient(92deg, #ba43fc, #6852ed);
        background-position: 0 0, 0 0;
        background-repeat: repeat-x, repeat;
        background-size: auto, auto;
        background-attachment: scroll, scroll;
        width: 100%
    }

    .button-menu-2.h0.width-50.fff {
        width: 100%;
        font-size: 1.6rem;
        display: flex
    }

    .button-menu-2.h0.width-50.fff._50,
    .button-menu-2.h0.width-50.fff._33 {
        width: auto
    }

    .button-menu-2.h0.width-50.fff._w-40 {
        width: 40%
    }

    .button-menu-2.h0.width-50.fff._w-40.degistir {
        color: #4b3a80;
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
        border-width: 2px;
        border-color: #4b3a80;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        font-weight: 500
    }

    .button-menu-2.h0.width-50.fff._w-40.degistir.giris {
        color: #fff;
        background-color: #4b3a80
    }

    .button-menu-2.h0.width-50.fff.ddd {
        display: none
    }

    .section-153.block-7.bgg {
        height: 1000px
    }

    .section-153.block-7.bgg.v10-bg {
        height: 1070px
    }

    .section-153.block-7.bgg._800,
    .section-153.block-7.bgg._800._1553,
    .section-153.block-7.bgg.my {
        height: auto
    }

    .image-86.pb-000 {
        padding-bottom: 0
    }

    .text-block-112 {
        font-size: 25px;
        line-height: 35px
    }

    .section-155.block-3.tyty {
        margin-top: -31%
    }

    .section-155.block-3.tyty.size-uygun {
        margin-top: -11%
    }

    .section-155.block-3.tyty.size-uygun.pad-left-0.g.v10-home-2 {
        margin-top: 15%
    }

    .section-155.block-1,
    .section-155.block-1.ttt {
        margin-top: 0%
    }

    .section-155.block-1.ttt.df {
        margin-top: 26%
    }

    .section-155.block-1.block-4 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
        background-position: 50%;
        margin-top: 0%
    }

    .section-155.block-1.block-4.blok-5 {
        background-position: 0%;
        background-size: cover;
        height: 436px;
        margin-top: 1%
    }

    .section-155.block-1.block-4.blok-5.uj {
        margin-bottom: 0%
    }

    .section-155.block-1.block-4.blok-5.uj.ark-arka-1 {
        background-position: 0%
    }

    .container-22237.back {
        background-image: none;
        background-size: auto;
        height: auto
    }

    .mobile-gizle {
        display: block
    }

    .image-88.pb-000 {
        padding-bottom: 0
    }

    .bold-text-69 {
        text-align: left;
        justify-content: flex-start;
        margin-top: 0%;
        font-size: 28px;
        line-height: 30px;
        display: flex
    }

    .bold-text-69.white-bold.font-73 {
        font-size: 28px;
        line-height: 35px
    }

    .bold-text-69.white-bold.font-73.font-44 {
        margin-top: 0%;
        font-size: 22px;
        line-height: 30px
    }

    .bold-text-69.d {
        margin-top: 0%
    }

    .bold-text-69.bol {
        margin-top: 0%;
        font-size: 28px;
        line-height: 37px
    }

    .bold-text-69.font-size-73 {
        margin-top: -10%;
        font-size: 28px;
        line-height: 34px
    }

    .bold-text-69.font-size-73._45 {
        margin-top: 0%;
        font-size: 28px;
        line-height: 30px
    }

    .bold-text-69._40 {
        margin-top: 0%;
        font-size: 28px;
        line-height: 34px
    }

    .bold-text-69.slide-1 {
        text-align: left;
        margin-top: 0%;
        font-size: 25px;
        line-height: 35px;
        display: flex
    }

    .bold-text-69.slide-1.s {
        margin-bottom: 33px
    }

    .bold-text-69.slide-1.beyazz {
        text-align: center;
        margin-top: -13%;
        font-size: 20px
    }

    .small-paragraph-6 {
        text-align: left
    }

    .small-paragraph-6.lef-3 {
        padding-top: 10px
    }

    .small-paragraph-6.lef-3.left-0.lefo-00 {
        font-size: 22px
    }

    .small-paragraph-6.lef-3.left-0.lefo-00.cc {
        padding-top: 0
    }

    .small-paragraph-6.lef-3.left-0.lefo-00.cc.top-2 {
        font-size: 20px
    }

    .small-paragraph-6.lef-3.left-0.lefo-00.cc.f {
        padding-top: 0%
    }

    .small-paragraph-6.bee._22 {
        font-size: 16px
    }

    .small-paragraph-6.bee.center {
        text-align: left;
        display: none
    }

    .text-span-17.mor.light._55 {
        font-size: 30px
    }

    .small-paragraph-7.lef-3 {
        padding-top: 10px
    }

    .small-paragraph-7.lef-3.left-0.lefo-00 {
        font-size: 20px
    }

    .small-paragraph-9.lef-3 {
        padding-top: 10px
    }

    .small-paragraph-9.lef-3.ml-0.center {
        font-size: 18px
    }

    .small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0 {
        text-align: left;
        padding-top: 0;
        font-size: 20px
    }

    .small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left {
        font-size: 20px
    }

    .small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee {
        color: #543385;
        padding-top: 5%;
        padding-right: 10px;
        font-size: 24px;
        font-weight: 400
    }

    .small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee.mt-7 {
        margin-top: 47px
    }

    .small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee.giz {
        display: none
    }

    .small-paragraph-9.lef-3.ml-0.center.pl-3.pt-0.left.ee.mor {
        color: #543385
    }

    .div-block-288 {
        background-image: url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/653a1a0cd1db233f64ae3046_mor_fon_C%CC%A7al%C4%B1s%CC%A7ma%20Yu%CC%88zeyi%2013.jpg);
        background-position: 50%;
        background-size: cover
    }

    .div-block-288.v10-bg {
        background-image: none;
        background-position: 0 0;
        background-size: auto
    }

    .div-block-288.v10-bg.bggg {
        background-image: none;
        background-size: auto;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        display: block
    }

    .div-block-288.v10-bg.m-gizle {
        display: none
    }

    .section-158.ortlaa {
        margin-top: 40px
    }

    .section-158.ortlaa._210-0.bnbn.rrrrrr {
        margin-top: 5%;
        position: relative
    }

    .v-10-banner-ikinci-text {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 21px;
        line-height: 32px
    }

    .div-block-289.gg {
        display: none
    }

    .div-block-289.masa-gizle {
        display: block
    }

    .ce {
        padding-left: 0;
        padding-right: 0
    }

    .v-10-big-images {
        width: 100%
    }

    .v-10-big-images.mobil-ust-resim {
        position: static
    }

    .v-10-big-images.mobil-ust-resim.masa-gizle {
        padding-bottom: 10%
    }

    .v-10-big-images.m-gizle {
        display: none
    }

    .text-span-18 {
        align-self: center;
        font-size: 25px;
        display: flex
    }

    .text-span-18.c {
        flex-flow: column;
        font-size: 20px
    }

    .text-span-19.dd {
        font-size: 28px
    }

    .div-block-297.cardd.h-st {
        height: 371px
    }

    .div-block-298.cardd.h-650 {
        height: 724px
    }

    .div-block-299.cardd.h-650 {
        height: 909px
    }

    .div-block-299.cardd.bg-black {
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: static
    }

    .image-97 {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 0
    }

    .columns-19 {
        margin-top: 52px
    }

    .image-98 {
        padding-bottom: 58%
    }

    .image-98._7 {
        padding-bottom: 20%
    }

    .image-98._7.hy.k {
        padding-bottom: 22%
    }

    .image-98.rrrr {
        padding-bottom: 66%
    }

    .image-99 {
        margin-top: 40px;
        padding-bottom: 45%
    }

    .image-99._1 {
        padding-bottom: 57%
    }

    .image-99._1.n-99 {
        margin-top: 0
    }

    .image-99.rt.o-o {
        padding-bottom: 31%
    }

    .image-100 {
        padding-bottom: 79%
    }

    .image-100._8 {
        padding-bottom: 37%
    }

    .slide-51 {
        width: 90%
    }

    .slider-4 {
        background-color: rgba(255, 255, 255, 0)
    }

    .column-21,
    .column-22 {
        margin-bottom: 60px
    }

    .icon-12 {
        top: 0%;
        bottom: 29%;
        left: auto;
        right: 0%
    }

    .icon-13 {
        top: 0%;
        bottom: 29%;
        left: 0%;
        right: auto
    }

    .list-item-13,
    .list-item-14,
    .list-item-15 {
        line-height: 25px
    }

    .text-span-26 {
        line-height: 0
    }

    .tab-1.w--current {
        width: 100%;
        margin-bottom: 10px
    }

    .div-block-300.mobile-gizle {
        width: 100%;
        padding-top: 25px;
        padding-left: 25px;
        padding-right: 25px;
        display: block
    }

    .div-block-301 {
        flex-flow: column
    }

    .image-106.masa-gizle.ddd {
        margin-bottom: 27px
    }

    .horizontal-tabcontent {
        margin-top: 0
    }

    .horizontal-tab-block {
        text-align: center;
        margin-top: 50px
    }

    .img-block {
        text-align: center
    }

    .tab-text {
        color: #000;
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
        line-height: 26px
    }

    .tab-block {
        flex-wrap: wrap;
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .tab-title-2.item-bgcolor {
        color: #fff
    }

    .tabs-2 {
        display: none
    }

    .tabs-2.ac {
        width: 100%;
        display: block
    }

    .text-color-grey {
        color: #fff
    }

    .text-color-grey._1 {
        color: #000
    }

    .text-color-grey._1.hide-mobile.x {
        z-index: 99999;
        background-color: red
    }

    .text-color-grey.hide-mobile {
        color: #fff
    }

    .tab-content-2 {
        padding-left: 0;
        padding-right: 0
    }

    .tabs-menu-5 {
        background-color: #442a80;
        flex-direction: row;
        align-items: center
    }

    .tablink._1.w--current,
    .tablink._2,
    .tablink._2.w--current {
        color: #fff
    }

    .active-tablink {
        color: #000;
        background-color: #fff
    }

    .tab-content-inner {
        grid-row-gap: 8px
    }

    .text-span-28 {
        font-size: 36px;
        line-height: 37px
    }

    .text-span-29 {
        font-size: 28px;
        line-height: 20px
    }

    .text-span-30 {
        font-size: 28px
    }

    .text-span-31 {
        font-size: 28px;
        line-height: 35px
    }

    .bold-text-71 {
        font-size: 28px
    }

    .mb-4 {
        margin-bottom: 0%
    }

    .bold-text-72 {
        font-size: 30px;
        line-height: 30px
    }

    .bold-text-73 {
        font-size: 28px
    }

    .column-23 {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .column-24 {
        padding-bottom: 87px
    }

    .column-25 {
        padding-bottom: 104px
    }

    .column-26 {
        margin-bottom: 31%
    }

    .column-26.mb-0 {
        margin-bottom: auto
    }

    .image-109 {
        margin-top: 105px
    }

    .image-109._40 {
        margin-top: 40px
    }

    .bold-text-74,
    .bold-text-75 {
        font-size: 28px
    }

    .column-27 {
        padding-bottom: 26px
    }

    .column-27.verti {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .column-28 {
        padding-bottom: 35px
    }

    .column-29 {
        padding-bottom: 36px
    }

    .column-30 {
        margin-top: 25%
    }

    .icon-14 {
        color: #fff;
        width: 106%
    }

    .image-112 {
        color: #000;
        width: 36px
    }

    .columns-21 {
        margin-top: 50%
    }

    .top-bottom-wraper {
        justify-content: space-around;
        display: flex
    }

    .popup-btn {
        margin-top: 20px;
        font-size: 1.5rem
    }

    .popup-top-wraper {
        border-bottom: 1px solid rgba(78, 55, 132, .48);
        flex-wrap: nowrap
    }

    .container-medium {
        padding-left: 0
    }

    .html-embed-2 {
        width: 32px
    }

    .popup-menu-text {
        color: #4e3784;
        font-family: Montserrat, sans-serif;
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-decoration: none
    }

    .header-spaching {
        background-color: #fff;
        padding-bottom: 20px
    }

    .html-embed-25 {
        color: #fff
    }

    .menu-item-2.pl-0 {
        padding-left: 0
    }

    .popup-wraper {
        background-color: #fff;
        max-width: 100%;
        padding: 15px
    }

    .header-3.masa-gizle {
        border-bottom: 1px solid #c2c2c2;
        display: block
    }

    .mobile-popup {
        z-index: 99999;
        margin-top: 0;
        display: block;
        top: 6%
    }

    .popup_menu-wraper {
        padding-top: 20px
    }

    .logo-text {
        font-size: 1.7rem
    }

    .logo-text.is-mobile {
        font-size: 1.6rem
    }

    .tab-link-tab-1-2 {
        color: #4e3784;
        background-color: #fff;
        font-weight: 500
    }

    .tab-link-tab-1-2.w50 {
        text-align: center;
        border-radius: 8px;
        width: 47%
    }

    .tab-link-tab-1-2.w50.active {
        background-color: #ccc;
        width: 40%
    }

    .tab-link-tab-1-2.w50.active.w--current {
        color: #fff;
        background-color: #4e3784;
        width: 39%;
        margin-right: 5%
    }

    .w50 {
        text-align: center;
        border-radius: 8px;
        width: 47%
    }

    .w50.activee {
        width: 40%
    }

    .w50.activee.w--current {
        color: #fff;
        background-color: #4e3784;
        margin-left: 5%
    }

    .tabs-menu-6 {
        flex-direction: row;
        justify-content: flex-start;
        display: flex
    }

    .tab-pane-tab-1-2 {
        padding-top: 20px
    }

    .text-block-117 {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .tabs-content-5 {
        border-bottom: 1px dashed rgba(75, 58, 128, .68)
    }

    .div-block-304 {
        background-color: #f6f9fc;
        align-items: center;
        padding: 20px 10px;
        display: flex
    }

    .image-113 {
        padding-right: 10px
    }

    .bold-text-76 {
        font-weight: 700
    }

    .bold-text-76.rr,
    .rr {
        font-weight: 500
    }

    .link-block-11 {
        text-decoration: none
    }

    .tab-pane-tab-2 {
        padding-top: 20px
    }

    .div-block-305,
    .div-block-306,
    .div-block-307,
    .div-block-308,
    .div-block-309,
    .div-block-310,
    .div-block-311,
    .div-block-312 {
        background-color: #3b2271
    }

    .div-block-313 {
        z-index: 9999;
        background-color: #3b2271;
        position: relative
    }

    .div-block-314 {
        z-index: 2147483647;
        background-color: #3b2271;
        position: relative
    }

    .div-block-315 {
        background-color: #3b2271;
        display: block
    }

    .div-block-316 {
        background-color: #3b2271
    }

    .html-embed-9.mobile-cerez-buton {
        float: none;
        clear: both;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        text-decoration: none;
        display: inline-block;
        position: -webkit-sticky;
        position: sticky;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .cookie-text.mobile-cerez-text {
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .cookie-arksigner {
        display: block
    }

    .cookie-arksigner.mobile-cerez-dix {
        display: none
    }

    .div-block-319 {
        background-position: 100%
    }

    .link-block-12 {
        width: 100%;
        text-decoration: none
    }

    .destaque-mobile-info {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }

    .destaque-slide-01 {
        background-image: linear-gradient(transparent 30%, rgba(0, 0, 0, .8)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a79d2e41ef5399462497_banner_image_big.jpg);
        background-position: 0 0, 0 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover
    }

    .destaque-slide-01.destaque-slide-02 {
        background-image: linear-gradient(transparent 30%, rgba(0, 0, 0, .8)), url(https://cdn.prod.website-files.com/60cc7003f017e01a77650d79/65b8a79d2e41ef539946249b_banner_image_small.jpg);
        background-position: 0 0, 50%;
        background-size: auto, cover
    }

    .section-159 {
        padding-left: 20px
    }

    .bold-text-77,
    .bold-text-78,
    .bold-text-79,
    .heading-51,
    .heading-52 {
        font-size: 25px
    }

    .tabs-nav-item-underline {
        grid-row-gap: .5em;
        flex-direction: column
    }

    .tabs-nav-item-underline._02,
    .tabs-nav-item-underline._01.w--current,
    .tabs-nav-item-underline._03 {
        padding-left: 1em;
        padding-right: 1em
    }

    .second-example-with-unterline {
        margin-top: 0
    }

    .tabs-menu-underline-wrapper {
        padding: .8em 1em 1em
    }

    .tabs-nav-text {
        font-weight: 500
    }

    .tabs-menu-wrapper {
        background-color: #3b2271;
        margin-top: 10px
    }

    .tabs-nav-item._02.w--current,
    .tabs-nav-item._01.w--current {
        color: #fff
    }

    .tabs-nav-background {
        background-color: #ba43fc
    }

    .first-example-with-background {
        display: flex
    }

    .first-example-with-background.sd,
    .div-block-323.bg.bireysel-2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .div-block-323.bg.isortagi.is {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .div-block-323.hh.nh {
        max-width: 100%;
        height: auto;
        min-height: auto;
        margin-left: 10px;
        margin-right: 10px
    }

    .div-block-323.hh.i._300 {
        max-width: 100%;
        height: auto;
        min-height: auto
    }

    .div-block-323.siyah.d.bg {
        margin-left: 0
    }

    .div-block-323.siyah.d.bbbg,
    .div-block-323.siyah.ddd {
        margin-left: 0;
        margin-right: 0
    }

    .div-block-323.bg-11.fff.d.o {
        margin-top: 0%
    }

    .div-block-324,
    .columns-22 {
        flex-flow: column
    }

    .heading-53.cd {
        text-align: left;
        font-size: 25px
    }

    .wrapper-4.navigation-container-full.beyaz-yok.kurumsal {
        background-color: #000;
        flex-flow: column;
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

    .beyazz {
        font-size: 20px
    }

    .cent {
        flex-flow: column;
        font-size: 25px;
        display: flex
    }

    .paddd {
        padding-left: 10px;
        padding-right: 10px
    }

    .mb-0 {
        flex-flow: column;
        font-size: 25px;
        display: flex
    }

    .mb-0.centerrrr {
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .mb-0.pwhite {
        font-size: 25px
    }

    .mt-0 {
        display: flex
    }

    .faq-wrap {
        padding-left: 10px;
        padding-right: 10px
    }

    .faq-q-text {
        font-size: 15px
    }

    .accordion-faq {
        padding-left: 15px;
        padding-right: 15px
    }

    .price-tab.w--current {
        align-self: center
    }

    .faqs-inner {
        padding-top: 2em
    }

    .accordion-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr
    }

    .pricing-card-grid {
        grid-column-gap: 42px;
        grid-row-gap: 42px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
        padding-bottom: 0
    }

    .icon-button {
        padding-top: 12px;
        padding-left: 30px;
        padding-right: 30px
    }

    .accordion-answer-wrap {
        padding-left: 0
    }

    .integrations-block {
        font-size: 14px
    }

    .padding-vertical-2 {
        text-align: left;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .pricing-menu {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex
    }

    .pricing-menu.bilgi {
        width: auto
    }

    .navigation-top {
        display: none
    }

    .container--full {
        height: 60vh
    }

    .heading-54.hero-heading,
    .heading-55.hero-heading {
        font-size: 32px;
        line-height: 44px
    }

    .background-blur {
        opacity: .54;
        width: 16rem;
        height: 16rem
    }

    .tip-title {
        display: none
    }

    .nav_wrapper {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .nav_tip-title {
        text-align: center
    }

    .page-padding-3 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .apple-grid-block.mobile-portrait-hidden {
        display: none
    }

    .apple-grid {
        grid-template-columns: 1fr
    }

    .bg-video {
        align-self: center;
        margin-left: -20px
    }

    .grid-main {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 20px;
        padding-left: 20px
    }

    .div-block-333 {
        margin-bottom: 10px
    }

    .text-span-33 {
        font-size: 25px
    }

    .navbar-wrapper-3 {
        display: none
    }

    .blog-card {
        width: 90%;
        height: 260px
    }

    .bold-text-83 {
        display: flex
    }

    .heading-58 {
        flex-flow: column;
        display: flex
    }

    .pad {
        padding-left: 10px;
        padding-right: 10px
    }

    .cc {
        text-align: center
    }

    .container-22248 {
        padding-left: 5px;
        padding-right: 5px
    }

    .section-ajk-5 {
        grid-column-gap: 10px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .link-ajk-1 {
        flex-basis: 46%
    }

    .product-images {
        justify-content: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        display: flex
    }

    .ddd-wrap-2-6 {
        justify-content: center;
        align-items: center
    }

    .lac-a-text-1 {
        margin-left: 15px
    }

    .ddd-drop-1 {
        margin-left: 23px
    }

    .lac-heading-1 {
        margin-top: 10px
    }

    .bold-text {
        text-align: center;
        margin-top: -6px;
        font-size: 12px
    }

    .ddd-toggle-1 {
        margin-left: 0;
        padding-left: 1.25em;
        padding-right: 4.5em;
        display: flex
    }

    .lac-a-text-2 {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0
    }

    .lac-a-decor-1 {
        margin-left: -9px
    }

    .lac-grid-1 {
        grid-template-columns: 1.5fr;
        display: block
    }

    .ddd-wrap-2-2 {
        justify-content: flex-end;
        align-items: flex-end;
        margin-left: 6px;
        margin-right: 0;
        display: flex
    }

    .slider-5 {
        width: 100%;
        height: 350px
    }

    .ddd-text-1-2 {
        padding-top: 5px;
        font-size: 10px
    }

    .lac-heading-2 {
        display: none
    }

    .lac-section-1 {
        font-size: 2.5vw;
        display: none
    }

    .lac-section-1.l {
        margin-top: 0%;
        padding-top: .5em;
        padding-left: 1em;
        padding-right: 1em;
        display: block
    }

    .div-block-335 {
        flex-flow: wrap
    }

    .bold-text-84 {
        font-size: 2em
    }

    .bold-text-85 {
        font-size: 5vw
    }

    .bold-text-86 {
        color: #000;
        font-weight: 500
    }

    .popup-content-wrapper---brix {
        border-radius: 24px
    }

    .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
        border-radius: 16px;
        left: 16px;
        right: 16px
    }

    .popup-1---brix {
        padding: 40px 16px 32px
    }

    .dummy-hero-wrapper---brix.preview-page---brix {
        max-width: 100%
    }

    .subscribe-button---brix {
        text-align: center;
        background-position: 247px;
        padding: 15px 34px 16px 38px
    }

    .popup-wrapper---brix {
        padding-left: 16px;
        padding-right: 16px
    }

    .dummy-hero-button---brix {
        padding: 15px 34px 16px
    }

    .popup-1-illustration---brix {
        max-width: 40%;
        height: auto
    }

    .column {
        margin-top: 32px
    }

    .container-default-5 {
        padding-left: 16px;
        padding-right: 16px
    }

    .div-block-336 {
        width: 100%
    }
}

#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a3237f-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a3239b-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a3239c-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a323b7-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a323d8-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a323f1-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a323f2-8d73b007,
#w-node-f06f9b15-0398-6bbb-bbcb-f76d23a3240a-8d73b007 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_30bce550-d18c-0ccf-9561-92fd232e36e4-8d73b084 {
    align-self: center
}

#w-node-_30bce550-d18c-0ccf-9561-92fd232e3701-8d73b084,
#w-node-_32065301-ed8b-2451-4694-418ce983e72d-8d73b084 {
    justify-self: end
}

#w-node-_32065301-ed8b-2451-4694-418ce983e72f-8d73b084,
#w-node-e59ecdcb-79ed-618d-aaff-278b6bd6c1be-8d73b084 {
    align-self: center
}

#w-node-e59ecdcb-79ed-618d-aaff-278b6bd6c1cd-8d73b084,
#w-node-_9ddf5bc8-9641-22c5-a1c3-03b586b9c788-8d73b084 {
    justify-self: end
}

#w-node-_9ddf5bc8-9641-22c5-a1c3-03b586b9c78a-8d73b084 {
    align-self: center
}

#w-node-_691a8648-87d1-c167-7fd8-02929a942e43-8d73b091,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f606-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f622-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f623-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f63e-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f65f-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f678-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f679-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f691-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f6ba-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f6d2-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f6d3-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f6ea-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f707-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f720-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f721-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f739-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f762-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f771-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f772-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f780-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f791-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f7aa-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f7ab-8d73b094,
#w-node-_576ffdcb-64af-cbaf-9280-bf1d3480f7c3-8d73b094 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ea24a249-8c5a-e1c0-d71e-a03c1867e6fa-8d73b099 {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-ea24a249-8c5a-e1c0-d71e-a03c1867e6fe-8d73b099 {
    justify-self: start
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b09d {
    align-self: center
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e33-8d73b09d,
#w-node-bbacdc74-9075-5179-488c-39abefeeff9c-8d73b09d {
    justify-self: end
}

#w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b09d,
#w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf5-8d73b09d {
    align-self: center
}

#w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf3-8d73b09d {
    justify-self: start
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c74-8d73b09d {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c80-8d73b09d {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901ca5-8d73b09d {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cac-8d73b09d,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cbd-8d73b09d,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cc1-8d73b09d {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cd4-8d73b09d {
    grid-area: span 1/span 2/span 1/span 2;
    align-self: start
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b09d {
    align-self: center
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f81-8d73b09d {
    justify-self: center
}

#w-node-_82b30b38-ab1e-f3a4-bac4-00528430da31-8d73b09d {
    justify-self: end
}

#w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b09d,
#w-node-_11f8b53d-7497-8a92-1263-252a291d9747-8d73b09d {
    align-self: center
}

#w-node-_11f8b53d-7497-8a92-1263-252a291d9752-8d73b09d,
#w-node-e0935a43-a779-9d51-d7c1-c271255e8e99-8d73b09d {
    justify-self: end
}

#w-node-e0935a43-a779-9d51-d7c1-c271255e8e9b-8d73b09d,
#mobilde.w-node-_3d28544c-4603-bc3f-4456-a2917b31cd79-8d73b09e {
    align-self: center
}

#w-node-_3d28544c-4603-bc3f-4456-a2917b31cd9b-8d73b09e {
    justify-self: end
}

#w-node-_9c94ad76-89da-4614-1faf-936c55751047-8d73b09f {
    justify-self: center
}

#w-node-_254f271f-ba48-94ad-c9bd-135e53c02850-8d73b0a4,
#w-node-_254f271f-ba48-94ad-c9bd-135e53c02870-8d73b0a4,
#w-node-_254f271f-ba48-94ad-c9bd-135e53c02898-8d73b0a4,
#w-node-_90540e83-a76c-7157-aad8-09b9ce0d32bf-8d73b0a4,
#w-node-_90540e83-a76c-7157-aad8-09b9ce0d32c6-8d73b0a4,
#w-node-_90540e83-a76c-7157-aad8-09b9ce0d32cd-8d73b0a4,
#w-node-a89be64b-7335-1eb2-8a80-7b1e3ad4c5eb-3ad4c5e1 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b0a5 {
    align-self: center
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e33-8d73b0a5,
#w-node-f902c990-c30f-91d1-c7ff-2592c858c04b-8d73b0a5 {
    justify-self: end
}

#w-node-f902c990-c30f-91d1-c7ff-2592c858c04d-8d73b0a5 {
    align-self: center;
    justify-self: end
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b0a5 {
    align-self: center
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f81-8d73b0a5,
#w-node-bbacdc74-9075-5179-488c-39abefeeff9c-8d73b0a5 {
    justify-self: end
}

#w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0a5 {
    align-self: center;
    justify-self: end
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c74-8d73b0a5 {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c80-8d73b0a5 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901ca5-8d73b0a5 {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cac-8d73b0a5,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cbd-8d73b0a5,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cc1-8d73b0a5 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cd4-8d73b0a5 {
    grid-area: span 1/span 2/span 1/span 2;
    align-self: start
}

#w-node-_82b30b38-ab1e-f3a4-bac4-00528430da31-8d73b0a5 {
    justify-self: end
}

#w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b0a5,
#w-node-af8f5499-b31d-6ac2-c477-fd557b346900-8d73b0a5 {
    align-self: center
}

#w-node-af8f5499-b31d-6ac2-c477-fd557b34691a-8d73b0a5 {
    justify-self: end
}

#w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f2e-8d73b0a5 {
    align-self: center
}

#w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f3f-8d73b0a5 {
    justify-self: end
}

#w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e88d-8d73b0a5 {
    justify-self: start
}

#w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0a5 {
    align-self: center
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea7316-8d73b0a5 {
    grid-area: span 1/span 3/span 1/span 3;
    justify-self: center
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea731f-8d73b0a5,
#w-node-_6456683a-e6ac-cac1-52f7-8fb66b7082fd-8d73b0a5 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_9f438a1f-348f-9b83-7e76-91b404297adf-8d73b0a9 {
    justify-self: end
}

#w-node-_82a58b40-72f2-8e24-c464-0c253894dea7-8d73b0a9,
#w-node-_82a58b40-72f2-8e24-c464-0c253894deb4-8d73b0a9,
#w-node-_82a58b40-72f2-8e24-c464-0c253894dec1-8d73b0a9 {
    align-self: center;
    justify-self: auto
}

#w-node-_603cfe8f-a753-453a-697d-2f09eb83ca67-8d73b0a9 {
    order: 9999
}

#w-node-_359b7908-a4eb-df00-4621-16f8bc65c880-8d73b0aa,
#w-node-_359b7908-a4eb-df00-4621-16f8bc65c888-8d73b0aa {
    justify-self: auto
}

#w-node-_359b7908-a4eb-df00-4621-16f8bc65c88b-8d73b0aa {
    align-self: stretch;
    justify-self: stretch
}

#w-node-_359b7908-a4eb-df00-4621-16f8bc65c88f-8d73b0aa {
    align-self: start
}

#w-node-_359b7908-a4eb-df00-4621-16f8bc65c892-8d73b0aa {
    align-self: auto
}

#w-node-_359b7908-a4eb-df00-4621-16f8bc65c8b6-8d73b0aa {
    order: 9999
}

#w-node-_359b7908-a4eb-df00-4621-16f8bc65c97b-8d73b0aa {
    align-self: center;
    justify-self: end
}

#w-node-_88b6ae39-3445-21c0-8a6b-c8e285bd3a17-8d73b0ab {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-dc0e3c2f-8635-aec7-667c-8b7311c06573-8d73b0ab {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-efa249fa-e26e-6978-4c43-6ae7809af941-8d73b0ab {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-dc0e3c2f-8635-aec7-667c-8b7311c0657c-8d73b0ab {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-_1768cf67-8057-ee25-ff28-471e3d7095c7-8d73b0ab {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_6f5d3764-6cb8-bc0d-694c-66a88b578911-8d73b0ab {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e49681-8d73b0ac {
    align-self: center
}

#w-node-_09473e78-98d6-8091-dfec-236b80e496a3-8d73b0ac {
    align-self: stretch;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e496a9-8d73b0ac {
    align-self: center;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e496c5-8d73b0ac,
#w-node-_09473e78-98d6-8091-dfec-236b80e496cb-8d73b0ac {
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e496cd-8d73b0ac {
    align-self: center;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e496f2-8d73b0ac {
    grid-area: span 1/span 3/span 1/span 3;
    justify-self: center
}

#w-node-_09473e78-98d6-8091-dfec-236b80e496fb-8d73b0ac,
#w-node-_09473e78-98d6-8091-dfec-236b80e4970f-8d73b0ac {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_09473e78-98d6-8091-dfec-236b80e49721-8d73b0ac {
    align-self: center;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e4973b-8d73b0ac {
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e49755-8d73b0ac {
    align-self: center;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e49768-8d73b0ac,
#w-node-_09473e78-98d6-8091-dfec-236b80e4976e-8d73b0ac {
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e49770-8d73b0ac,
#w-node-_09473e78-98d6-8091-dfec-236b80e49797-8d73b0ac {
    align-self: center;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e497a6-8d73b0ac {
    justify-self: end
}

#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eeae-8d73b0ae {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eeb8-8d73b0ae {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eec1-8d73b0ae {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eec8-8d73b0ae,
#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eed9-8d73b0ae,
#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eedd-8d73b0ae {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ec788c10-9af3-c6da-9d4f-488be0b8eee5-8d73b0ae {
    grid-area: span 1/span 2/span 1/span 2;
    align-self: start
}

#w-node-_322e44ce-b051-94e3-0c66-3bc7c213af96-8d73b0ae {
    align-self: center
}

#w-node-_322e44ce-b051-94e3-0c66-3bc7c213afa8-8d73b0ae {
    justify-self: end
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea7316-8d73b0ae {
    grid-area: span 1/span 3/span 1/span 3;
    justify-self: start
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea731f-8d73b0ae {
    grid-area: span 1/span 3/span 1/span 3;
    justify-self: end
}

#w-node-_6456683a-e6ac-cac1-52f7-8fb66b7082fd-8d73b0ae {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b0af {
    align-self: center
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e33-8d73b0af,
#w-node-bbacdc74-9075-5179-488c-39abefeeff9c-8d73b0af {
    justify-self: end
}

#w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0af,
#w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf5-8d73b0af {
    align-self: center
}

#w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf3-8d73b0af {
    justify-self: start
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c74-8d73b0af {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c80-8d73b0af {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901ca5-8d73b0af {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cac-8d73b0af,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cbd-8d73b0af,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cc1-8d73b0af {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cd4-8d73b0af {
    grid-area: span 1/span 2/span 1/span 2;
    align-self: start
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b0af {
    align-self: center
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f81-8d73b0af,
#w-node-_82b30b38-ab1e-f3a4-bac4-00528430da31-8d73b0af {
    justify-self: end
}

#w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b0af,
#w-node-af8f5499-b31d-6ac2-c477-fd557b346900-8d73b0af {
    align-self: center
}

#w-node-af8f5499-b31d-6ac2-c477-fd557b34691a-8d73b0af {
    justify-self: end
}

#w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f2e-8d73b0af {
    align-self: center
}

#w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f3f-8d73b0af {
    justify-self: end
}

#w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e88d-8d73b0af {
    justify-self: start
}

#w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0af,
#w-node-_68e6e3a5-fa1d-9ecf-de85-ceb3308f9e54-8d73b0af {
    align-self: center
}

#w-node-_68e6e3a5-fa1d-9ecf-de85-ceb3308f9e6e-8d73b0af {
    justify-self: end
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea7316-8d73b0af {
    grid-area: span 1/span 3/span 1/span 3;
    justify-self: center
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea731f-8d73b0af,
#w-node-_6456683a-e6ac-cac1-52f7-8fb66b7082fd-8d73b0af {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0b0 {
    align-self: center
}

#w-node-bbacdc74-9075-5179-488c-39abefeeff9c-8d73b0b0 {
    justify-self: end
}

#w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf3-8d73b0b0 {
    justify-self: start
}

#w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf5-8d73b0b0,
#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b0b0 {
    align-self: center
}

#w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f81-8d73b0b0 {
    justify-self: end
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c74-8d73b0b0 {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901c80-8d73b0b0 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901ca5-8d73b0b0 {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: end
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cac-8d73b0b0,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cbd-8d73b0b0,
#w-node-_91ebf77e-8122-f3db-578d-0f736d901cc1-8d73b0b0 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_91ebf77e-8122-f3db-578d-0f736d901cd4-8d73b0b0 {
    grid-area: span 1/span 2/span 1/span 2;
    align-self: start
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b0b0 {
    align-self: center
}

#w-node-a0e02859-d730-14b8-1cf0-bfcf97912e33-8d73b0b0 {
    justify-self: end
}

#w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f2e-8d73b0b0 {
    align-self: center
}

#w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f3f-8d73b0b0 {
    justify-self: end
}

#w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e88d-8d73b0b0 {
    justify-self: start
}

#w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0b0,
#w-node-_68e6e3a5-fa1d-9ecf-de85-ceb3308f9e54-8d73b0b0 {
    align-self: center
}

#w-node-_68e6e3a5-fa1d-9ecf-de85-ceb3308f9e6e-8d73b0b0 {
    justify-self: end
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea7316-8d73b0b0 {
    grid-area: span 1/span 3/span 1/span 3;
    justify-self: center
}

#w-node-cc628dec-f4aa-5084-4fbe-221aacea731f-8d73b0b0,
#w-node-_6456683a-e6ac-cac1-52f7-8fb66b7082fd-8d73b0b0 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_938b4b71-3d1f-87ec-8c35-255f81350c95-6b4263a1 {
    align-self: center
}

#w-node-_938b4b71-3d1f-87ec-8c35-255f81350cb7-6b4263a1 {
    align-self: stretch;
    justify-self: end
}

#w-node-_1a64a04a-8a27-5c99-2543-b9aa0f18126f-6b4263a1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

#w-node-_09473e78-98d6-8091-dfec-236b80e4970f-6b4263a1 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_09473e78-98d6-8091-dfec-236b80e49797-6b4263a1 {
    align-self: center;
    justify-self: end
}

#w-node-_09473e78-98d6-8091-dfec-236b80e497a6-6b4263a1 {
    justify-self: end
}

#w-node-_63e0661f-1833-ca7a-b8bf-b299326b0dd1-6b4263a1 {
    align-self: center;
    justify-self: end
}

#w-node-_63e0661f-1833-ca7a-b8bf-b299326b0dde-6b4263a1 {
    justify-self: end
}

#w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969de-7327090b {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969e2-7327090b {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969e4-7327090b {
    grid-area: span 2/span 3/span 2/span 3
}

#w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969e6-7327090b {
    grid-area: span 2/span 2/span 2/span 2
}

#w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969ea-7327090b {
    grid-area: span 1/span 1/span 1/span 1
}

#BG-video.w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f6-7327090b {
    grid-area: 1/1/2/7;
    align-self: center
}

#w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-7327090b {
    grid-area: 1/1/2/4;
    align-self: center
}

#w-node-_70cc10d7-216e-ec21-3d39-fae4b742130b-7327090b {
    grid-area: 1/3/2/4;
    align-self: end;
    justify-self: center
}

#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc14-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc30-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc31-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc4c-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc6d-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc86-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc87-7327090b,
#w-node-b2fcb4e6-64a9-9e5f-9496-f19c865bcc9f-7327090b {
    grid-area: span 1/span 1/span 1/span 1
}

#BG-video.w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f6-2e93010f {
    grid-area: 1/1/2/7;
    align-self: center
}

#w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-2e93010f {
    grid-area: 1/1/2/4;
    align-self: center
}

#w-node-_70cc10d7-216e-ec21-3d39-fae4b742130b-2e93010f {
    grid-area: 1/3/2/4;
    align-self: end;
    justify-self: center
}

#w-node-f145121f-c241-7abd-06aa-6e7bfc5bbc78-2e93010f,
#w-node-_41f2349d-4e0c-340b-8ce4-9535a3244797-2e93010f {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

#w-node-_214bd457-25ce-2f10-a219-716b26648ddf-7a978674,
#w-node-_214bd457-25ce-2f10-a219-716b26648dfd-7a978674,
#w-node-_214bd457-25ce-2f10-a219-716b26648dfe-7a978674,
#w-node-_214bd457-25ce-2f10-a219-716b26648e1e-7a978674,
#w-node-_493f806c-4905-1127-d5f4-55802609c29b-7a978674,
#w-node-_493f806c-4905-1127-d5f4-55802609c2b7-7a978674,
#w-node-_493f806c-4905-1127-d5f4-55802609c2b8-7a978674,
#w-node-_493f806c-4905-1127-d5f4-55802609c2d3-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c0070-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c008c-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c008d-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c00a8-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c00c9-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c00e2-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c00e3-7a978674,
#w-node-_275dcf7b-a6d1-39ef-8212-5a3ef53c00fb-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c3984a0-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c3984b8-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c3984b9-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c3984d0-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c3984ed-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c398506-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c398507-7a978674,
#w-node-a2f898f7-9305-69b4-2ee9-e7df2c39851f-7a978674,
#w-node-b05544c6-3d2d-bf63-d930-4779089e849f-5da23756 {
    grid-area: span 1/span 1/span 1/span 1
}

#BG-video.w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae1f-5da23756 {
    grid-area: 1/1/2/7;
    align-self: center
}

#w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae20-5da23756 {
    grid-area: 1/1/2/4;
    align-self: center
}

#w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae34-5da23756 {
    grid-area: 1/3/2/4;
    align-self: end;
    justify-self: center
}

#w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae5c-5da23756,
#w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae72-5da23756 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

#w-node-_691a8648-87d1-c167-7fd8-02929a942e43-2b481818,
#w-node-_691a8648-87d1-c167-7fd8-02929a942e43-82c43745 {
    grid-area: span 1/span 1/span 1/span 1
}

@media screen and (min-width:1920px) {
    #w-node-_09473e78-98d6-8091-dfec-236b80e4976e-8d73b0ac {
        justify-self: end
    }
}

@media screen and (min-width:1440px) {

    #w-node-_30bce550-d18c-0ccf-9561-92fd232e36e4-8d73b084,
    #w-node-_32065301-ed8b-2451-4694-418ce983e72f-8d73b084,
    #w-node-e59ecdcb-79ed-618d-aaff-278b6bd6c1be-8d73b084,
    #w-node-_9ddf5bc8-9641-22c5-a1c3-03b586b9c78a-8d73b084,
    #w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b09d,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b09d,
    #w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf5-8d73b09d,
    #w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b09d,
    #w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b09d,
    #w-node-_11f8b53d-7497-8a92-1263-252a291d9747-8d73b09d,
    #w-node-e0935a43-a779-9d51-d7c1-c271255e8e9b-8d73b09d,
    #mobilde.w-node-_3d28544c-4603-bc3f-4456-a2917b31cd79-8d73b09e,
    #w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b0a5,
    #w-node-f902c990-c30f-91d1-c7ff-2592c858c04d-8d73b0a5,
    #w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b0a5,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0a5,
    #w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b0a5,
    #w-node-af8f5499-b31d-6ac2-c477-fd557b346900-8d73b0a5,
    #w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f2e-8d73b0a5,
    #w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0a5 {
        align-self: center
    }

    #w-node-_82a58b40-72f2-8e24-c464-0c253894dead-8d73b0a9,
    #w-node-_82a58b40-72f2-8e24-c464-0c253894deba-8d73b0a9 {
        justify-self: center
    }

    #w-node-_82a58b40-72f2-8e24-c464-0c253894dec7-8d73b0a9 {
        align-self: center;
        justify-self: center
    }

    #w-node-_09473e78-98d6-8091-dfec-236b80e49681-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e496a9-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e496cd-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49721-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49755-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49770-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49797-8d73b0ac,
    #w-node-_322e44ce-b051-94e3-0c66-3bc7c213af96-8d73b0ae,
    #w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b0af,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0af,
    #w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf5-8d73b0af,
    #w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b0af,
    #w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b0af,
    #w-node-af8f5499-b31d-6ac2-c477-fd557b346900-8d73b0af,
    #w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f2e-8d73b0af,
    #w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0af,
    #w-node-_68e6e3a5-fa1d-9ecf-de85-ceb3308f9e54-8d73b0af,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0b0,
    #w-node-f54ed4d4-4d19-aeea-af1e-af8fbb40daf5-8d73b0b0,
    #w-node-a06b0bd3-ba01-a670-c68e-d90ac8045f73-8d73b0b0,
    #w-node-a0e02859-d730-14b8-1cf0-bfcf97912e29-8d73b0b0,
    #w-node-_0ba63160-fe14-3182-9b39-bbf8aa367f2e-8d73b0b0,
    #w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0b0,
    #w-node-_68e6e3a5-fa1d-9ecf-de85-ceb3308f9e54-8d73b0b0,
    #w-node-_938b4b71-3d1f-87ec-8c35-255f81350c95-6b4263a1,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49797-6b4263a1,
    #w-node-_63e0661f-1833-ca7a-b8bf-b299326b0dd1-6b4263a1 {
        align-self: center
    }
}

@media screen and (min-width:1280px) {

    #w-node-_32065301-ed8b-2451-4694-418ce983e72f-8d73b084,
    #w-node-_9ddf5bc8-9641-22c5-a1c3-03b586b9c78a-8d73b084,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b09d,
    #w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b09d,
    #w-node-e0935a43-a779-9d51-d7c1-c271255e8e9b-8d73b09d,
    #w-node-f902c990-c30f-91d1-c7ff-2592c858c04d-8d73b0a5,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0a5,
    #w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b0a5,
    #w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0a5,
    #w-node-_09473e78-98d6-8091-dfec-236b80e496a9-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e496cd-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49721-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49755-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49770-8d73b0ac,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49797-8d73b0ac,
    #w-node-bbacdc74-9075-5179-488c-39abefeeff97-8d73b0af,
    #w-node-_82b30b38-ab1e-f3a4-bac4-00528430da33-8d73b0af,
    #w-node-fd2ea1e6-5d7b-d362-7917-c1db07c3e873-8d73b0af,
    #w-node-_09473e78-98d6-8091-dfec-236b80e49797-6b4263a1,
    #w-node-_63e0661f-1833-ca7a-b8bf-b299326b0dd1-6b4263a1 {
        justify-self: end
    }
}

@media screen and (max-width:991px) {
    #w-node-_9c94ad76-89da-4614-1faf-936c55751047-8d73b09f {
        justify-self: auto
    }

    #w-node-_82a58b40-72f2-8e24-c464-0c253894dead-8d73b0a9 {
        align-self: auto;
        justify-self: auto
    }

    #w-node-_82a58b40-72f2-8e24-c464-0c253894dec1-8d73b0a9 {
        align-self: center;
        justify-self: auto
    }

    #w-node-_359b7908-a4eb-df00-4621-16f8bc65c88f-8d73b0aa {
        grid-area: 1/1/2/2
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969d8-7327090b {
        grid-area: span 1/span 2/span 1/span 2
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969e4-7327090b {
        grid-area: span 2/span 6/span 2/span 6
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969ea-7327090b {
        grid-area: span 1/span 2/span 1/span 2
    }

    #w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-7327090b,
    #w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-2e93010f,
    #w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae20-5da23756 {
        grid-area: 1/1/2/5;
        align-self: center
    }
}

@media screen and (max-width:767px) {

    #w-node-_4d5eef1a-54a4-4b64-f0ea-75dcfd3e7122-fd3e710f,
    #w-node-_4d5eef1a-54a4-4b64-f0ea-75dcfd3e712d-fd3e710f {
        justify-self: center
    }

    #w-node-_603cfe8f-a753-453a-697d-2f09eb83ca6d-8d73b0a9 {
        order: 9999
    }

    #w-node-_19ec09e6-fa39-6f42-2f48-396bbc7ac59b-8d73b0a9 {
        align-self: center;
        justify-self: center
    }

    #w-node-_359b7908-a4eb-df00-4621-16f8bc65c8bc-8d73b0aa {
        order: 9999
    }

    #w-node-_74960711-3e71-07f2-f316-6a573a240314-8d73b0ad {
        order: -9999
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969d0-7327090b,
    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969d8-7327090b,
    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969de-7327090b {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969e4-7327090b {
        grid-area: span 2/span 3/span 2/span 3
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969ea-7327090b {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-7327090b,
    #w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-2e93010f,
    #w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae20-5da23756 {
        grid-area: 1/1/2/6;
        align-self: center
    }
}

@media screen and (max-width:479px) {
    #w-node-ea24a249-8c5a-e1c0-d71e-a03c1867e6fa-8d73b099 {
        grid-column: span 1/span 1
    }

    #w-node-_1a64a04a-8a27-5c99-2543-b9aa0f18126f-6b4263a1 {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    #w-node-a8785bfe-f3d9-41d6-62e5-c62ef59969e4-7327090b {
        grid-area: span 2/span 1/span 2/span 1
    }

    #w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-7327090b,
    #w-node-_70cc10d7-216e-ec21-3d39-fae4b74212f7-2e93010f {
        grid-area: 1/1/2/6;
        align-self: center
    }

    #w-node-f145121f-c241-7abd-06aa-6e7bfc5bbc78-2e93010f,
    #w-node-_41f2349d-4e0c-340b-8ce4-9535a3244797-2e93010f {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    #w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae20-5da23756 {
        grid-area: 1/1/2/6;
        align-self: center
    }

    #w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae5c-5da23756,
    #w-node-_1c19e0f7-1dd5-98ca-063c-feff0ba3ae72-5da23756 {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }
}