:root body[data-theme="light"], .bodyLightTemp {
    --bg-body: #fff;
    --bg-card: #fff;
    --bg-card_r: #fff;
    --bs-ContentSection-footer: #ecf1f4;
    --side-menu: #3d4852;
    --h-color: #3d4852;
    --s-color: #edeff0;
    --bg-head: #fff;
    --bg-select: #fff;
    --bg-select-hover: #f0f4f7;
    --bg-select-color: #000;
    --bg-select-linear-gradient: linear-gradient(#FFF, #E6E6E6);
    --list-unstyled: #f7fafc;
    --spiner-lk: #1d3f72;
    --progress-value: #3d4852;
    --menu-auth: #56bca6;
    --important-amber: #fcf9e9;
    --amber-color: #3d4852;
    --user-bar-status: #909499;
    --amber-wait: #3d4852;
    --amber-wait-border: #fff;
    --important-amber-wait: #ddeaf1;
    --important-success: #f6fff5;
    --new-banner: rgba(207, 215, 223, .3);
    --important-success-color: #3d4852;
    --important-neutral: #f7fafc;
    --downloadSpeed: #35363f;
    --globalNav-colorize: var(--common-BodyText);
    --logo-colorize: #157be7;
    --screen-phone: #F3F8FB;
    --screen-phone2: #E5EBF2;
    --p-comonbody: #000;
    --bg-gradient: linear-gradient(#0084ff, #4fa3f0 10%, #dde9f5 38%, #eaf2f9 48%, #f6f9fc 62%);
    --bg-span-tg: #aec8e1;
    --text-com: #828282;
    --bg-phone: #fff;
    --bg-icon: #bec7d0;
    --bg-search: #ebebeb;
    --bg-blue: #0084ff;
    --bg-ser: #ebebeb;
    --status-v2: url('/images/header_v2/social_app_status_black.png') no-repeat center center;
    --bg-inital: #fff;
    --bg-chat: #0084ff;
    --bg-chat-light: #f5f5f5;
    --rg-crypto: rgba(242, 245, 250, 0) linear-gradient(to right, rgb(242, 245, 250) 20%, rgba(242, 245, 250, 0) 100%) repeat scroll 0% 0%;
    --color-check: #86c357;
    --line-to: linear-gradient(192deg, #b2cbe1, #f6f9fc 42%);
    --PhoneGraphic-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), inset 0 -2px 6px 0 rgba(10, 37, 64, .35);
    --common-BodyText:var(--common-BodyText);
    --bg-footer:#f6f9fc;
    --img-files:url("/images/telegram-files-light.jpg");
    --typing-indicator:#fff;
    --background-blure:#eaeaea;
    --imessage:#fbfbfb;
    --tg-bg:url("/images/bg-tg.jpg");
    --var-mask:#fff;
    --checkmark-ic: url(/images/faq-questionMark.svg);
    --tg-hacker:url(/images/Tghacker.jpg);
    --bg-channel:#f8f9fa;
    --tg-free-hack:url(/images/Free-telegram-hacking-tghacker.jpg);
    --tg-hack:url(/images/Hack-the-Telegram-channel.jpg);
    --tg-recover:url(/images/recover-hacked-channel-Telegram.jpg);
    --bg-msg:#f5f5f5;
    --bg-card_map:#E6EBF1;

}

/* а это темная тема, для смены цветов для body добавлять класс dark или light  */
:root body[data-theme="dark"], .bodyLightTemp {
    --bg-body: #1f232b;
    --bg-card: #252a34;
    --bg-card_r: #313844;
    --bs-ContentSection-footer: #313844;
    --side-menu: #fff;
    --h-color: #fff;
    --s-color: #6b7c93;
    --bg-head: #313844;
    --bg-select: #313844;
    --bg-select-linear-gradient: linear-gradient(#252a34, #313844);
    --bg-select-color: #fff;
    --bg-select-hover: #323a46;
    --list-unstyled: #313844;
    --spiner-lk: #6b7c93;
    --progress-value: #fff;
    --menu-auth: #56bca6;
    --amber-p: #3d4852;
    --important-amber: #313844;
    --amber-color: #F5BE58;
    --user-bar-status: #909499;
    --amber-wait: #3297d3;
    --amber-wait-border: #3297d3;
    --important-amber-wait: #313844;
    --important-success: #313844;
    --new-banner: #313844;
    --important-success-color: #24b47e;
    --important-neutral: #313844;
    --downloadSpeed: #6b7c93;
    --globalNav-colorize: #fff;
    --logo-colorize: #fff;
    --screen-phone: #313844;
    --screen-phone2: #313844;
    --p-comonbody: #d9fcff;
    --bg-gradient: linear-gradient(#0084ff, #4fa3f0 10%, #6b7c93 38%, #313844 48%, #20232b 62%);
    --bg-span-tg: #313844;
    --text-com: #fff;
    --bg-phone: #303030;
    --bg-icon: #767877;
    --bg-search: #1f232b;
    --bg-blue: #1f232b;
    --bg-ser: #1f232b;
    --status-v2: url('/images/header_v2/social_app_status_light.png') no-repeat center center;
    --bg-inital: #1f232b;
    --bg-chat: #3562f5;
    --bg-chat-light: #303030;
    --rg-crypto: rgba(32, 35, 43, 0) linear-gradient(to right, rgb(32, 35, 43) 20%, rgba(32, 35, 43, 0) 100%) repeat scroll 0% 0%;
    --color-check: #0084ff;
    --line-to: linear-gradient(192deg, #507eb1, #1f232b 42%);
    --PhoneGraphic-shadow: 0 50px 100px -20px rgba(49, 56, 68, 1), 0 30px 60px -30px rgba(0, 0, 0, .3), inset 0 -2px 6px 0 #939ca6;
    --common-BodyText:#d9fcff;
    --bg-footer:#313844;
    --img-files:url("/images/telegram-files-dark.jpg");
    --typing-indicator:#363b47;
    --background-blure:#3b3f41;
    --imessage:#303030;
    --tg-bg:url("/images/header_v2/bg_initial_light.jpg");
    --var-mask:#2d87ff;
    --checkmark-ic: url(/images/faq-questionMarkdark.svg);
    --tg-hacker:url(/images/Tghacker-dark.jpg);
    --bg-channel:#313844;
    --tg-free-hack:url(/images/Free-telegram-hacking-tghacker-dark.jpg);
    --tg-hack:url(/images/Hack-the-Telegram-channel-dark.jpg);
    --tg-recover:url(/images/recover-hacked-channel-Telegram-dark.jpg);
    --bg-msg:#3b3f41;
    --bg-card_map:#313844;

}

.CtaButton {

    color: var(--text-primary) 

}
/*
@media (prefers-color-scheme: dark) {
    .darkLogo {
        background-image: url(/images/telegram-files-dark.jpg) !important;
        height: 500px;
        background-image: cover;
        background-repeat: no-repeat;
        width: 300px;
        background-size: 300px;
    }

}
*/
.gb-body {background: var(--bg-body);}
.tg-bg{
    background-image: var(--tg-bg);
}
.bg-msg{background-color: var(--bg-msg)}
.bg-ser{background-color: var(--bg-ser)}
.tg-l-bg{background: var(--bg-chat-light)}
.tg-p{color: var(--side-menu);}
.bg-chat {
    background: var(--bg-msg);
    padding: 3px 3px 4px 7px;
    border-radius: 10px;
}
.bg-chat2 {
    background-attachment: fixed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4A00E0), to(#FC466B));
    background-image: linear-gradient(#4A00E0, #FC466B);
    background-size: 100vw 100vh;
    padding: 3px 3px 4px 7px;
    border-radius: 10px;
    color:#fff
}
@media screen and (prefers-color-scheme: light)  {

    .darkLogo {
        display: none !important;
    }

    .lightLogoWrapper,
    .lightLogo {
        display: block !important;
    }
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

blockquote,
body,
button,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}
p {
    margin-bottom: 0rem!important;
}
main {
    position: relative;
    overflow: hidden;
    display: block
}

main a {
    outline: none
}

main header {
    position: relative
}

button,
select {
    border: none;
    outline: none;
    background: none;
    font-family: inherit
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

textarea {
    background: var(--bg-phone);
    color: var(--text-primary)
}

:root {
    overflow-x: hidden;
    height: 100%
}

body {
    background: var(--bg-main);
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "pnum";
    font-feature-settings: "pnum";
    font-variant-numeric: proportional-nums
}
.font-11 {
    font-size: 11px!important;
}
.font-12 {
    font-size: 12px!important;
}
.font-13 {
    font-size: 13px!important;
}
.font-14 {
    font-size: 14px!important;
}
.font-15 {
    font-size: 15px!important;
}
.font-16 {
    font-size: 16px!important;
}
.font-17 {
    font-size: 17px!important;
}
.font-20 {
    font-size: 20px!important;
}
.font-22 {
    font-size: 22px!important;
}
.globalContent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

}

@media (min-width:870px) {
    .class_315 {

        width: 315px;

    }}
code,
pre {
    font-family: Source Code Pro, Consolas, Menlo, monospace
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-wide,
.container-xl {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%
}

.container-sm {
    max-width: 670px
}

.container-md {
    max-width: 880px
}

.container,
.container-lg {
    max-width: 1040px
}

.container-wide,
.container-xl {
    max-width: 1160px
}

.common-PageTitle {
    font-weight: 300;
    font-size: 45px;
    line-height: 56px;
    color: var(--text-primary);
    letter-spacing: -.01em
}

@media (min-width: 670px) {
    .common-PageTitle {
        font-size: 53px;
        line-height: 68px
    }
}

.common-SectionTitle {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: var(--text-primary)
}

@media (min-width: 670px) {
    .common-SectionTitle {
        font-size: 32px;
        line-height: 42px
    }
}

.common-SectionTitleHighlight {
    font-weight: 300;
    color: var(--link-color)
}

.common-IntroText {
    font-weight: 300;
    font-size: 19px;
    line-height: 32px;
    color: var(--text-comonbody)
}

@media (min-width: 670px) {
    .common-IntroText {
        font-size: 21px;
        line-height: 36px
    }
}

.common-BodyTitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: var(--text-primary);
}

.common-BodyText {
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    color: var(--text-comonbody)
}

@media (max-width: 670px) {
    .common-BodyText {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        color: var(--text-comonbody)
    }
    .common-BodyTitle {
        font-weight: 500;
        font-size: 15px;
        line-height: 26px;
        color: var(--text-primary);
    }
}

.Copy__body {
    padding: 0 32px 0 0px;
    color: var(--text-comonbody);
    font-size: 15px;
    font-weight: 300;
}

.common-MediumBodyText {
    font-weight: 400;
    font-size: 19px;
    line-height: 32px;
    color: var(--common-BodyText)
}

.common-UppercaseTitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    color:var(--text-primary)
}

@media (min-width: 670px) {
    .common-UppercaseTitle {
        font-size: 19px;
        line-height: 32px
    }
}

.common-UppercaseText {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em
}
@media (max-width: 670px) {
.box1 {
    grid-column: 1;
    grid-row: 1;
}
}
.globalNav {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 500;
    height: 50px;
    -webkit-perspective: 2000px;
    perspective: 2000px
}
/*
.header-sticky .globalNav {
    background-color: var(--bg-head);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    top:0px

}
*/
.globalNav ul {
    padding: 0;
    margin: 0
}

.globalNav li {
    list-style: none
}

.globalNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: var(--p-comonbody)
}

.globalNav a:not(.common-Button) {
    -webkit-transition: color .1s;
    transition: color .1s
}

.globalNav a:hover {
    color: #828282
}

.globalNav > .container-lg {
    padding: 0
}

.globalNav .navRoot {
    position: relative;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
   /* top:7px */
}

.globalNav .navSection > a,
.globalNav .navSection > button {
    outline: none
}

.keyboard-navigation .globalNav .navSection > a:not(.item-mobileMenu):focus > :before,
.keyboard-navigation .globalNav .navSection > button:not(.item-mobileMenu):focus > :before {
    opacity: .75
}

.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .navSection.primary,
.globalNav .navSection.secondary {
    display: none
}

@media (min-width: 870px) {
    .globalNav .navSection.primary,
    .globalNav .navSection.secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.globalNav .navSection.primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
/*
.globalNav .navSection.secondary {
    position: absolute;
    top: 0;
    right: 0
}
*/
.globalNav .navSection.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 870px) {
    .globalNav .navSection.mobile {
        display: none
    }
    .globalNav .navSection.nav-button {
        display: none
}
}

.globalNav.compact .navRoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.globalNav.compact .navSection.logo {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav.compact .navSection.secondary {
    position: static
}

.globalNav .rootLink {
    display: inline-block;
    height: 50px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    line-height: 50px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px
}

@media (min-width: 670px) {
    .globalNav .rootLink {
        padding: 0 calc(-17.16247px + 4.0541vw);
        padding: 0 calc(10px + (100vw - 670px) * .040541)
    }
}

@media (min-width: 1040px) {
    .globalNav .rootLink {
        padding: 0 12px
    }
}


.globalNav .navSection.logo .rootLink {
    padding-left: 5px !important
}

.globalNav .navSection.secondary .rootLink:last-child {
    padding-right: 20px !important
}

.globalNav .navSection.primary .rootLink {
    font-weight: 500
}

.globalNav .colorize {
    color: var(--h-color);
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.globalNav .colorize.active,
.globalNav .colorize:hover {
    color: var(--text-primary)
}

.globalNav .hasDropdown {
    cursor: default
}

.globalNav .item-home h1 {
    line-height: 50px;
display: flex;
    margin: 0;
    color: inherit
}

.globalNav_logo {
    vertical-align: -8px;
    width: 140px;
}
.globalNav_logo_ng {
    vertical-align: -5px;
    width: 50px;
    height: 37px;
}



.globalNav .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 50px;
    pointer-events: none;
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: none
}

@media (min-width: 670px) {
    .globalNav.initialized .dropdownRoot {
        display: block
    }
}

.globalNav.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none
}

.globalNav .dropdownBackground {
    background: var(--bg-card_r);
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    width: 380px;
    height: 400px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.globalNav .alternateBackground,
.globalNav .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .alternateBackground {
    right: 0;
    height: 1000px;
    background: #f6f9fc
}

.globalNav .dropdownArrow {
    top: -6px;
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: var(--bg-card_r);
    -webkit-box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.globalNav .dropdownArrow,
.globalNav .dropdownContainer {
    position: absolute;
    left: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .dropdownContainer {
    overflow: hidden;background: var(--bg-card_r);
    width: 500px;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform, width, height;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform
}

.globalNav .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    background: red
}

.globalNav .dropdownSection.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.globalNav .dropdownSection.left {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px)
}

.globalNav .dropdownSection.right {
    -webkit-transform: translateX(150px);
    transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
    pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground,
.globalNav.noDropdownTransition .dropdownArrow,
.globalNav.noDropdownTransition .dropdownBackground,
.globalNav.noDropdownTransition .dropdownContainer,
.globalNav.noDropdownTransition .dropdownSection {
    -webkit-transition: none;
    transition: none
}

.globalNav .dropdownContent {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .linkGroup {
    padding: 20px 25px
}

.globalNav .linkContainer {
    display: block;
    padding: 9px 0;
    outline: none;
    position: relative
}

.keyboard-navigation .globalNav .linkContainer:focus:before {
    opacity: .5
}

.globalNav .linkContainer:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    right: -10px;
    bottom: 0;
    -webkit-box-shadow: 0 0 0 1.5px #828282;
    box-shadow: 0 0 0 1.5px #828282;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.globalNav .linkTitle {
    margin: 0;
    color: var(--text-primary);
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
    display: flex;
}

.globalNav .linkSub {
    font-size: 15px;
    line-height: 22px;
    color: #6b7c93;
    margin: 0px 0 0;
    display: block;

}
.linkSubfaq{  margin: 0px 0px 0px 7px!important;}

.globalNav .linkSub,
.globalNav .linkTitle {
    -webkit-transition: color .1s;
    transition: color .1s
}

.globalNav .linkContainer:focus .linkTitle,
.globalNav .linkContainer:hover .linkTitle,
.globalNav .linkTitle:focus,
.globalNav .linkTitle:hover {
    color: #6b7c93
}

.globalNav .linkContainer:focus .linkSub,
.globalNav .linkContainer:hover .linkSub {
    color: #828282
}

.globalNav .hover-fillDark,
.globalNav .hover-fillLight {
    -webkit-transition: fill .1s;
    transition: fill .1s
}

.globalNav .hover-strokeDark,
.globalNav .hover-strokeLight {
    -webkit-transition: stroke .1s;
    transition: stroke .1s
}

.globalNav [data-dropdown=company] .hover-fillLight,
.globalNav [data-dropdown=developers] .hover-fillLight {
    fill: #aab7c4
}

.globalNav [data-dropdown=company] .hover-strokeLight,
.globalNav [data-dropdown=developers] .hover-strokeLight {
    stroke: #aab7c4
}

.globalNav [data-dropdown=company] .hover-fillDark,
.globalNav [data-dropdown=developers] .hover-fillDark {
    fill: var(--common-BodyText)
}

.globalNav [data-dropdown=company] .hover-strokeDark,
.globalNav [data-dropdown=developers] .hover-strokeDark {
    stroke: var(--common-BodyText)
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-fillLight,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-fillLight,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-fillLight,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-fillLight {
    fill: #cfd7df
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-strokeLight,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-strokeLight,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-strokeLight,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-strokeLight {
    stroke: #cfd7df
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-fillDark,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-fillDark,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-fillDark,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-fillDark {
    fill: #6b7c93
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-strokeDark,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-strokeDark,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-strokeDark,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-strokeDark {
    stroke: #6b7c93
}

.globalNav .linkIcon {
    white-space: nowrap
}

.globalNav .linkIcon svg {
    margin: 0 12px -3px -1px
}

.globalNav .withIcon {
    padding-left: 28px
}

.globalNav .withIcon .linkTitle {
    margin-left: -28px
}

.globalNav .new-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    background: var(--link-color);
    -webkit-transition: background .15s;
    transition: background .15s;
    border-radius: 10px;
    padding: 2px 4px 1px;
    height: auto;
    top: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.globalNav .linkContainer:focus .new-badge,
.globalNav .linkContainer:hover .new-badge {
    background: var(--text-primary)
}

.globalNav .productsGroupPrimary,
.globalNav .productsGroupSecondary {
    margin: -5px -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.globalNav .productsGroupPrimary > li,
.globalNav .productsGroupSecondary > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.globalNav .productsGroupMob .linkContainer {
    padding: 15px 10px 0px 15px;
}
.globalNav .productsGroupPrimary .linkContainer,
.globalNav .productsGroupSecondary .linkContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.globalNav .productsGroupPrimary .linkContainer {
    padding: 10px 8px
}

.globalNav .productsGroupPrimary svg {
    width: 30px;
    height: 30px
}

.globalNav .productsGroupPrimary .productLinkContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .productsGroupSecondary .linkContainer {
    padding: 14px 8px 14px 12px
}

.globalNav .productsGroupSecondary svg {
    width: 22px;
    height: 22px
}

.globalNav .productsGroupSecondary .productLinkContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px
}

.globalNav .productsGroupSecondary .linkTitle {
    display: inline
}

.globalNav .productsGroupSecondary .linkSub {
    display: inline;
    margin: 0 0 0 10px
}

.globalNav .prodsubGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 2px solid #fff
}

.globalNav .prodsubGroup .linkContainer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 13px 26px
}

.globalNav .prodsubGroup .linkSub {
    margin: 0 0 0 10px
}

.globalNav .item-atlas .linkTitle,
.globalNav .item-capital .linkTitle,
.globalNav .item-card .linkTitle,
.globalNav .item-connect .linkTitle,
.globalNav .item-issuing .linkTitle,
.globalNav .item-payments .linkTitle,
.globalNav .item-payouts .linkTitle,
.globalNav .item-radar .linkTitle,
.globalNav .item-sigma .linkTitle,
.globalNav .item-subscriptions .linkTitle,
.globalNav .item-terminal .linkTitle {
    color: var(--text-primary)
}

.globalNav .item-connect .new-badge {
    background: #3297d3
}

.globalNav .item-sigma .new-badge {
    background: #8f6ed5
}

.globalNav .item-billing .new-badge,
.globalNav .item-subscriptions .new-badge {
    background: #24b47e
}

.globalNav .documentationGroup .linkSub {
    max-width: 400px
}

.globalNav .documentationArticles {
    font-size: 15px;
    line-height: 26px;
    margin: 15px 20px 10px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.globalNav .documentationArticles > ul {
    margin-right: 40px
}

.globalNav .documentationArticles > ul:last-child {
    margin-right: 0
}

.globalNav .documentationArticles h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 3px;
    color: #828282
}

.globalNav .documentationArticles a {
    outline: none
}

.keyboard-navigation .globalNav .documentationArticles a:focus {
    color: var(--text-primary);
    text-decoration: underline;
    text-underline-position: under
}


.keyboard-navigation .globalNav .blogPosts a:focus .title {
    color: var(--text-primary);
    text-decoration: underline;
    text-underline-position: under
}

.globalNav .blogPosts .new-badge {
    vertical-align: -1px
}

.globalNav .blogPosts a:hover .new-badge. .globalNav .blogPosts a:focus .new-badge {
    background: var(--text-primary)
}

.globalNav .item-blog svg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.globalNav .navSection.mobile .rootLink, .globalNav .navSection.nav-button .rootLink {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative;
    padding: 0 30px
}
.globalNav .navSection.nav-button .rootLink
{

    padding: 0 20px
}


.globalNav .navSection.mobile .rootLink h2 {
    color: inherit
}

.globalNav .navSection.mobile .rootLink h2,
.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    position: absolute;
    width: 27px;
    height: 2px;
    border-radius: 1px;
    background: var(--text-primary)
}

.globalNav .navSection.mobile .rootLink h2 {
    font-size: 0;
    left: 13px;
    top: 23px
}

.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    content: "";
    left: 0
}

.globalNav .navSection.mobile .rootLink h2:before {
    top: -7px
}

.globalNav .navSection.mobile .rootLink h2:after {
    top: 7px
}
.glob-flags{-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

.globalNav .popup {
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.globalNav .popupContainer {
    background: var(--bg-card_r);
    -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-size: 15px;
    line-height: 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .navSection.mobile.globalPopupActive .popupContainer,.globalNav .navSection.nav-button.globalPopupActive .popupContainer,
.globalNav .navSection.nav-button.globalPopupActive .popupContainer,.globalNav .navSection.nav-button.globalPopupActive .popupContainer{
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto
}

.globalNav .popup a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mobileProductsList {
    margin-top: 20px;
}
.globalNav .popupCloseButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer
}

.globalNav .popupCloseButton:after,
.globalNav .popupCloseButton:before {
    content: "";
    position: absolute;
    background: var(--link-color);
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 24px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background .1s;
    transition: background .1s
}

.globalNav .popupCloseButton:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.globalNav .popupCloseButton:hover:after,
.globalNav .popupCloseButton:hover:before {
    background: var(--text-primary)
}

.globalNav .mobileSignIn {
    background: var(--bg-select);
    display: block;
    padding: 12px 30px;
    font-weight: 600
}

.globalNav .mobileSignIn:after {
    font: normal 16px StripeIcons;
    content: "\279C";
    margin-left: 6px
}

.globalNav .mobileProducts {
    padding: 20px 0 15px
}

.globalNav .mobileProducts h4 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em;
    color: #6b7c93;
    text-transform: uppercase;
    margin: -5px 0 0 26px
}
/*
.globalNav .mobileProductsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
*/


.globalNav .mobileProductsList > ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileProductsList > ul:last-child {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileProductsList a {
    padding: 0 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    padding-right: 12px
}

.globalNav .mobileProductsList a:hover {
    color: #6b7c93
}

.globalNav .mobileProductsList a svg {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 -3px;
    vertical-align: -6px
}

.globalNav .mobileProductsList .item-atlas,
.globalNav .mobileProductsList .item-capital,
.globalNav .mobileProductsList .item-card,
.globalNav .mobileProductsList .item-connect,
.globalNav .mobileProductsList .item-issuing,
.globalNav .mobileProductsList .item-payments,
.globalNav .mobileProductsList .item-payouts,
.globalNav .mobileProductsList .item-radar,
.globalNav .mobileProductsList .item-sigma,
.globalNav .mobileProductsList .item-subscriptions,
.globalNav .mobileProductsList .item-terminal {
    color: var(--text-primary)
}

.globalNav .mobileProductsList .new-badge {
    vertical-align: 3px;
    margin-left: 2px
}

.globalNav .mobileSecondaryNav {
    border-top: 2px solid var(--bg-main);
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalNav .mobileSecondaryNav > ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileSecondaryNav > ul:last-child {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileSecondaryNav a {
    padding: 0 20px;
    min-width: 100px
}

.globalNav .SubnavColumns {
    width: 842px;
    max-width: calc(100vw - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: var(--text-primary)
}

.globalNav .SubnavColumn {
    border-radius: 4px;
    padding: 29px 39px 49px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.globalNav .SubnavColumn--primary {
    -webkit-box-flex: 1.1;
    -ms-flex-positive: 1.1;
    flex-grow: 1.1;
    padding-right: 30px;
    background-color: #fff
}

.globalNav .SubnavColumn--secondary {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 44px;
    background-color: #f6f9fc;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup:not(:last-child) {
    margin-bottom: 47px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup:not(:last-child) {
    margin-bottom: 28px
}

.globalNav .SubnavLinkGroup__title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup__title {
    margin-bottom: 24px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup__title {
    margin-bottom: 16px
}

.globalNav .SubnavLinkGroup__list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup__listItem:not(:last-child) {
    margin: 0 0 36px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup__listItem:not(:last-child) {
    margin: 0 0 16px
}

.globalNav .SubnavLink {
    color: var(--text-primary);
    text-decoration: none;
    outline: none
}

.globalNav .SubnavLink svg {
    float: left
}

.globalNav .SubnavColumn--primary .SubnavLink svg {
    margin-left: -4px;
    width: 32px;
    height: 32px
}

.globalNav .SubnavColumn--secondary .SubnavLink svg {
    width: 18px;
    height: 18px
}

.globalNav .SubnavLink:focus .hover-fillLight,
.globalNav .SubnavLink:hover .hover-fillLight {
    fill: #828282
}

.globalNav .SubnavLink:focus .hover-strokeLight,
.globalNav .SubnavLink:hover .hover-strokeLight {
    stroke: #828282
}

.globalNav .SubnavLink:focus .hover-fillDark,
.globalNav .SubnavLink:hover .hover-fillDark {
    fill: var(--text-primary)
}

.globalNav .SubnavLink:focus .hover-strokeDark,
.globalNav .SubnavLink:hover .hover-strokeDark {
    stroke: var(--text-primary)
}

.globalNav .SubnavColumn--primary .SubnavLink__content {
    margin-left: 44px;
    padding-top: 1px
}

.globalNav .SubnavColumn--secondary .SubnavLink__content {
    margin-left: 28px;
    padding-top: 1px
}

.globalNav .SubnavLink__title {
    font-weight: 500
}

.globalNav .SubnavColumn--primary .SubnavLink__title {
    font-size: 17px;
    margin-bottom: 7px
}

.globalNav .SubnavColumn--secondary .SubnavLink__title {
    font-size: 14px;
    margin-bottom: 8px
}

.globalNav .SubnavLink:focus .SubnavLink__title,
.globalNav .SubnavLink:hover .SubnavLink__title {
    color: #6b7c93
}

.globalNav .SubnavLink__description {
    color: #6b7c93;
    font-size: 14px
}

.globalNav .SubnavLink:focus .SubnavLink__description,
.globalNav .SubnavLink:hover .SubnavLink__description {
    color: #828282
}

.globalNav .navSection.secondary.topNavCta--active {
    display: none
}

.globalNav .rootLink.topNavCta--variant0 {
    letter-spacing: .025em;
    border: 1px solid #fff;
    border-radius: 4px;
    padding-left: 20px;
    height: 40px;
    line-height: 36px;
    margin-top: 6px;
    text-transform: uppercase;
    font-weight: 600
}

.globalNav.topNavCta--active .navSection.secondary .rootLink.topNavCta--variant0 {
    padding: 0 14px !important
}

.globalNav .rootLink.topNavCta--variant1 {
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(36, 180, 126, .4);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    height: 40px;
    line-height: 41px;
    margin-top: 5px;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    background: #3ecf8e
}

@media (min-width: 1040px) {
    .globalNav.topNavCta--active .rootLink {
        padding: 0 20px
    }
}
.lang-button {padding: 0 30px;}
.text-grey-darkest {
    color: #3d4852;
}
.bg-white_v1 {
    background: var(--bg-main-2a);
}
.bg-white_v2 {
    background: var(--bg-phone);
}
.bg-white_v3 {
    background: var(--bg-main3);
}
.globalFooterCard.card-pricing h2.common-UppercaseText.common-Link--arrow {
    margin-bottom: 0px;
}
.HomepageHero {
    padding: 90px 0px 60px;
    margin: 0 auto 10px;
}

.HomepageHerobg {
    background-color: transparent;
    background-image: linear-gradient(20deg, #cfd7e2 15%, #F2F2F2 60%);
}

@media (max-width: 599px) {

    .HomepageHero {
        padding: 60px 0px 60px;
    }
}

.z-1{z-index: 1;}
    .ColumnLayout {
        --columnRowGap: 32px;
        display: grid;
        row-gap: 32px;
        -webkit-box-align: start;
        align-items: flex-start
    }


.ColumnLayout--alignCenter {
    -webkit-box-align: center;
    align-items: center
}

.ColumnLayout--alignBottom {
    -webkit-box-align: end;
    align-items: flex-end
}

@media (min-width: 670px) {
    .ColumnLayout[data-columns="1,1,1,1"],
    .ColumnLayout[data-columns="2,1,0"],
    .ColumnLayout[data-columns="2,1,1"],
    .ColumnLayout[data-columns="2,2"] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 899px) {
    .ColumnLayout[data-columns="1,3"] > :first-child {
        -webkit-box-ordinal-group: 2;
        order: 1
    }


}
@media (max-width: 670px) {
    .CtaButton {
        white-space: normal !important;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .ColumnLayout[data-columns-tablet="1"] {
        grid-template-columns:1fr
    }

    .ColumnLayout[data-columns="2,1,1"] > :first-child {
        grid-area: 1/span 2
    }
}

@media (min-width: 900px) {
    .ColumnLayout[data-columns="1,1,1,1"] {
        grid-template-columns:repeat(4, 1fr)
    }

    .ColumnLayout[data-columns="1,1"] {
        grid-template-columns:repeat(2, 1fr)
    }

    .ColumnLayout[data-columns="1,3"] {
        grid-template-columns:1fr minmax(0, 3fr)
    }

    .ColumnLayout[data-columns="3,1"] {
        grid-template-columns:3fr 1fr
    }

    .ColumnLayout[data-columns="2,1,1"] {
        grid-template-columns:2fr repeat(2, 1fr)
    }

    .ColumnLayout[data-columns="2,1,0"] {
        grid-template-columns:2fr 1fr 1fr
    }

    .ColumnLayout[data-columns="1,2,1"] {
        grid-template-columns:1fr 2fr 1fr
    }
}

.HomepageHeroGraphic {
    position: relative;
    z-index: 2;
}

.HomepageHeroGraphic__phone {
    position: relative;
    margin-top: 60px;
    left: 70px
}

@media (max-width: 899px) {

    .HomepageHeroGraphic__phone {
        position: relative;
        margin-top: 0px;
        left: auto;


    }

    .HomepageHeroGraphic {
        position: relative;
        z-index: 2;
        justify-content: center;
        display: flex;
        align-items: flex-start;       transform: scale(0.901481) !important;
    }
}


.HomepageHeroGraphic__dashboard {
    position: absolute;
    top: 0px;
    left: 200px
}
@media (max-width: 599px) {
    .HomepageHeroGraphic__dashboard {
        position: absolute;
        top: -50px;
        left: 20px
    }
}

.Copy_v2,
.Copy_v2__header {
    display: grid;
    row-gap: 8px
}

.Copy_v2__header {
    position: relative;
    padding: 0 0 0 16px
}

.Copy_v2__icon {
    min-height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 8px
}

.Copy_v2__title {
    position: relative;
    letter-spacing: -0.04em
}

.Copy_v2__title:before {
    position: absolute;
    top: calc((1px + 1.04 * var(--titleFontSize) - var(--titleFontSize)) / 2);
    left: calc(16px * -1);
    width: 1px;
    height: var(--titleFontSize);
    content: ""
}

.Copy_v2__body {
    font-weight: 300;
    font-size: 15px;
    color: var(--text-primary);
    margin-bottom: 10px;
    line-height: 24px;
}

@media (max-width: 599px) {
    .Copy_v2__body {
        font-size: 14px;
        line-height: 24px;
    }
}

.flags {
    border-radius: 100px;
    vertical-align: middle;
    width: 17px;
    margin-right: 7px;
}

ul.Copy_v2__body li {
    margin-top: 5px;
    display: flex;
}

.Copy_v2__footer {
    display: grid;
    row-gap: 14px;

}

.Copy_v2__footer > .CtaButton,
.Copy_v2__footer > .CtaLink {
    justify-self: flex-start
}

.Copy_v2__ctaContainer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 15px;
}

@media (max-width: 899px) {
    .Copy_v2__ctaContainer {
        flex-wrap: wrap;
        font-size: 14px;
    }
}

.Copy_v2__ctaContainer > .CtaButton:first-of-type,
.Copy_v2__ctaContainer > .CtaButton:last-of-type {
    margin-bottom: 16px
}

.Copy_v2__ctaContainer > .CtaButton:first-of-type:last-of-type {
    margin-bottom: 0
}

#PlayPhoneButton {
    display: inline-block;

    padding-right: 0px;
    padding-left: 0px;
    border-radius: 16.5px;
    font: 425 15px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: #3d4852;
    white-space: nowrap;
    -webkit-transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: all;
    outline: none;box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
}


#PlayPhoneButton.common-Button {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #0084ff;
    color: #fff;
    -webkit-transition-property: background-color, opacity;
    transition-property: background-color, opacity;
}

.DashboardGraphic_header_v2 {
    --gutter: 5px;
    grid:auto/152px 1fr;
    gap: var(--gutter);
    width: 929px;
    padding: var(--gutter);
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), color-stop(25%, hsla(0, 0%, 100%, .3)), color-stop(50%, rgba(246, 249, 252, .3)), color-stop(60%, var(--bg-phone)));
    background: linear-gradient(hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .3) 25%, rgba(246, 249, 252, .3) 50%, var(--bg-phone) 60%);
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .1), 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3);
    color: #7f7f7f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DashboardGraphic_header_v2__sidebar {
    display: grid;
    grid:-webkit-max-content/auto-flow -webkit-max-content;
    grid:max-content/auto-flow max-content;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 620;
    color: #fff;
    letter-spacing: .8px;
    text-transform: uppercase
}

.DashboardGraphic_header_v2__toolbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.DashboardGraphic_header_v2__box {

    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px -1px rgba(6, 24, 44, .2)
}

.DashboardGraphic_header_v2__box--search {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 50%;
    height: 20px;
    margin: 0;
    color: #62788d
}

.DashboardGraphic_header_v2__searchIcon {
    width: 10px;
    margin: 1px 5px 0 6px
}

.DashboardGraphic_header_v2__toolbarHeading {
    padding: 16px
}

.DashboardGraphic_header_v2__toolbarTitle {
    font-weight: 620
}

.DashboardGraphic_header_v2__charts {
    display: grid;
    grid:auto/repeat(3, 1fr);
    border-top: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__column,
.DashboardGraphic_header_v2__row {
    padding: 15px 16px 13px
}

.DashboardGraphic_header_v2__column:not(:first-child) {
    border-left: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.DashboardGraphic_header_v2__row:not(:first-child) {
    border-top: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__column--large {
    display: grid;
    grid-column: span 2
}

.DashboardGraphic_header_v2__chartToday,
.DashboardGraphic_header_v2__dataToday {
    grid-area: 1/1
}

.DashboardGraphic_header_v2__chartToday {
    width: 438px;
    margin: 45px 0 1px
}

.DashboardGraphic_header_v2__dataToday {
    display: -webkit-box;
    display: flex
}

.DashboardGraphic_header_v2__chartHeading:not(:first-child) {
    margin-left: 32px
}

.DashboardGraphic_header_v2__chartDropdown {
    display: grid;
    grid:auto/auto-flow -webkit-max-content;
    grid:auto/auto-flow max-content;
    gap: 4px;
    -webkit-box-align: center;
    align-items: center
}

.DashboardGraphic_header_v2__primaryData {
    margin: 5px 0 6px;
    font-size: 14px;
    letter-spacing: .4px
}

.DashboardGraphic_header_v2__primaryData--accent {
    color: #515de1
}

.DashboardGraphic_header_v2__mutedData {
    color: #62788d
}

.DashboardGraphic_header_v2__mutedData--accent {
    font-weight: 450;
    color: #515de1
}

.DashboardGraphic_header_v2__chartAxis {
    display: -webkit-box;
    display: flex;
    padding-top: 2px;
    border-top: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__axisNow {
    margin: 0 auto 0 233px
}

.DashboardGraphic_header_v2__column--split {
    display: grid;
    grid-auto-rows: 1fr;
    padding: 0
}

.DashboardGraphic_header_v2__toolbarFilters {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    margin-top: 4px
}

.DashboardGraphic_header_v2__toolbarButton {
    display: grid;
    grid-auto-flow: column;
    gap: 5px;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 22px;
    padding: 3px 6px;
    font-weight: 450;
    box-shadow: 0 0 1px 0 rgba(6, 24, 44, .18), 0 1px 2px 0 rgba(6, 24, 44, .2);
    border-radius: 4px
}

.DashboardGraphic_header_v2__growth {
    display: -webkit-box;
    display: flex
}

.DashboardGraphic_header_v2__badge {
    margin-left: 8px;
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 450;
    color: #007e53;
    background: #def8dd
}

.DashboardGraphic_header_v2__badge--down {
    color: #a54f1e;
    background: #f6e6b9
}

.DashboardGraphic_header_v2__chartSummary {
    width: 202px;
    margin: 7px 0
}

.PhoneGraphic_v2 {
    width: 264px;
    height: 522px;
    padding: 8px;
    border-radius: 36px;
    background: var(--bg-phone);
    box-shadow: var(--PhoneGraphic-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px
}

.PhoneGraphic_v2--scaleLarge {
    width: 301px;
    height: 615px;
    border-radius: 42px
}

.PhoneGraphic_v2__screen {
    position: relative;
    height: 100%;
    border-radius: 34px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    background: #fff
}

.CheckoutPhoneGraphic_v2 {

    --checkoutPhoneInputMinHeight: 24px;

    --checkoutPhoneBackToArrowHeight: 8px;
    height: 100%;
    padding: 24px 16px;
    border-radius: 28px;
    background: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .2px
}

.CheckoutPhoneGraphic_v2--scaleLarge {


}

.CheckoutPhoneGraphic_v2--scaleLarge .CheckoutPhoneGraphic_v2__applePay {
    height: 16px
}

.CheckoutPhoneGraphic_v2__backTo {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: -10px 0 20px
}

.CheckoutPhoneGraphic_v2__backToArrow {
    margin-right: 10px;
    height: 10px;
    width: auto
}

.CheckoutPhoneGraphic_v2__backTo + .CheckoutPhoneGraphic_v2__image {
    margin-top: 20px;
    height: 60px
}

.CheckoutPhoneGraphic_v2__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 80px
}

.CheckoutPhoneGraphic_v2__description {
    margin-top: 15px;
    text-align: center;
    color: #0a2540;
    font-weight: 600
}

.CheckoutPhoneGraphic_v2__price {
    margin: 2px 0 16px;
    text-align: center
}

.CheckoutPhoneGraphic_v2__button {
    border-radius: 4px;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #0a2540;
    box-shadow: 0 2px 4px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3)
}

.CheckoutPhoneGraphic_v2__applePay {
    display: block;
    height: 14px;
    margin: 0 auto
}

.CheckoutPhoneGraphic_v2__separator {
    margin: 16px 0 12px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6ebf1), to(#e6ebf1)) no-repeat 0 50%/100% 1px;
    background: linear-gradient(#e6ebf1, #e6ebf1) no-repeat 0 50%/100% 1px
}

.CheckoutPhoneGraphic_v2__separatorTitle {
    display: inline;
    padding: 0 6px;
    background: #fff
}

.CheckoutPhoneGraphic_v2__input {
    min-height: 28px;
    line-height: 28px;
    margin: 6px 0 16px;
    color: #62788d;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(50, 50, 93, .07), 0 2px 3px -1px rgba(50, 50, 93, .12), 0 1px 3px -1px rgba(0, 0, 0, .12)
}

.CheckoutPhoneGraphic_v2__input--card {
    display: grid;
    grid:auto/repeat(2, 1fr)
}

.CheckoutPhoneGraphic_v2__placeholder {
    display: grid;
    grid-template-columns:1fr;
    grid-auto-flow: column;
    padding-left: 8px
}

.CheckoutPhoneGraphic_v2__placeholder--number {
    gap: 0 6px;
    grid-area: auto/span 2;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 6px;
    border-bottom: 1px solid #e6ebf1
}

.CheckoutPhoneGraphic_v2__placeholder--cvc {
    padding-right: 4px;
    border-left: 1px solid #e6ebf1
}

.CheckoutPhoneGraphic_v2__cvcIcon {
    margin-top: 4px
}

.CheckoutPhoneGraphic_v2__input--country {
    margin-bottom: 24px
}

.CheckoutPhoneGraphic_v2__placeholder--country {
    -webkit-box-align: center;
    align-items: center;
    padding-right: 9px;
    border-bottom: 1px solid #e6ebf1
}

.HomepageHeroHeader {
    position: relative;
    min-width: 0;

}

@media (min-width: 600px) {
    .HomepageHeroHeader {
        --headerPaddingRight: 0;
        --titleFontMin: 60;
        --titleFontMax: 94;
        --viewportMin: 600;
        --viewportMax: 1112
    }

    .MktRoot[lang*=fr] .HomepageHeroHeader {
        --titleFontMin: 36;
        --titleFontMax: 72
    }
}

@media (min-width: 1112px) {
    .HomepageHeroHeader {
        --titleFontSize: 94px
    }
}

.HomepageHeroHeader__title {
    margin-top: 10px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    font-size: 1.65rem;
    color: var(--text-primary);
    letter-spacing: -0.04em
}

@media (max-width: 599px) {
    .HomepageHeroHeader__title {
        font-size: 1.35rem;
    }
}

.HomepageHeroHeader__title--overlay {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 16px;
    z-index: 2;
    color: #3a3a3a;
    opacity: .3
}

.HomepageHeroHeader__title--burn {
    mix-blend-mode: color-burn;
    opacity: 1
}

.appear-PageTitle_s {
    color: var(--text-primary);
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 1.55rem;

}

@media (max-width: 600px) {
    .appear-PageTitle_s {
        line-height: 25px;
        font-size: 1.35rem;
    }

}

section.HomepageHero__title div ul {
    margin-bottom: 0px
}

.form-group {
    margin-bottom: 0rem !important;
}

.m_to10 {
    margin-top: 0rem !important;
}

.CtaButton {
    display: inline-block;
    padding: 3px 0 6px;
    border-radius: 16.5px;
    font: 425 15px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: var(--text-primary);
    white-space: nowrap;
    -webkit-transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    outline: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

.keyboard-navigation .CtaButton:focus {
    box-shadow: 0 0 0 2px #4d90fe, inset 0 0 0 2px hsla(0, 0%, 100%, 0.9)
}

.CtaButton.variant--Link {
    font-weight: 500;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    box-shadow: none!important;
    text-shadow: none!important;
    display: flex;
    align-items: center;

}

@media (pointer: fine) {
    .CtaButton.variant--Link:hover {
        color: #0a2540;
        opacity: 1
    }
}

@media (pointer: coarse) {
    .CtaButton.variant--Link:active {
        color: #0a2540;
        opacity: 1
    }
}

.Copy_v2__ctaContainer > .CtaButton:not(:first-of-type) {
    margin-left: 16px;
}
.bg-reviews-accent {
    background: var(--bg-main-3);
}
.css-1tk3uje-right {
    background: var(--bg-main-4);
}
div.css-6adh3d-bottom a.CtaButton.variant--Button.CtaButton--arrow.HomepageHero__cta {
    display: block;
}
.CtaButton.variant--Button {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #0084ff;
    color: #fff;
    -webkit-transition-property: background-color, opacity;
    transition-property: background-color, opacity;
    display: flex;
    align-items: center;
}

.CtaButton.variant--Button.CtaButton--arrow {
    padding-right: 12px
}

@media (pointer: fine) {
    .CtaButton.variant--Button:hover {
        background-color: #0a2540;
        opacity: 1
    }
}

@media (pointer: coarse) {
    .CtaButton.variant--Button:active {
        background-color: #0a2540;
        opacity: 1
    }
}

.HoverArrow {
    position: relative;
    top: 0px;
    margin-left: 8px;
    stroke-width: 2;
    fill: none;
    stroke: currentColor
}

.HoverArrow__linePath {
    opacity: 0;
    -webkit-transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.HoverArrow__tipPath {
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media (pointer: fine) {
    a:hover .HoverArrow__linePath,
    button:hover .HoverArrow__linePath {
        opacity: 1
    }

    a:hover .HoverArrow__tipPath,
    button:hover .HoverArrow__tipPath {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@media (pointer: coarse) {
    a:active .HoverArrow__linePath,
    button:active .HoverArrow__linePath {
        opacity: 1
    }

    a:active .HoverArrow__tipPath,
    button:active .HoverArrow__tipPath {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

.Checkoutgraze {
    height: 100%;
    border-radius: 28px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

.relative {
    position: relative;
}

.w-3\/4 {
    width: 75%;
}

.w-1\/3 {
    width: 33.33333%;
}

.shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}

.relative {
    position: relative;
}

.max-h-full {
    max-height: 100%;
}

.m-8 {
    margin: 2rem;
}

.flex {
    display: flex;
}

.border {
    border-width: 1px;
}

.rounded {
    border-radius: .25rem;
}

.bg-white {
    background-color: #fff;
}

.pb-12 {
    padding-bottom: 3rem;
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}

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

.flex {
    display: flex;
}

.border-r {
    border-right-width: 1px;
}

.w-full {
    width: 100%;
}

.text-xs {
    font-size: .75rem;
}

.text-grey-darker {
    color: #606f7b;
}

.leading-none {
    line-height: 1;
}

.w-3 {
    width: .75rem;
}

.text-grey-darker {
    color: #606f7b;
}

.fill-current {
    fill: currentColor;
}

.mr-2 {
    margin-right: .5rem;
}

.h-3 {
    height: .75rem;
}

.block {
    display: block;
}

.cursor-pointer {
    cursor: pointer;
}

.w-6 {
    width: 1.5rem;
}

.text-blue {
    color: #0084ff;
}
.text-blue2 {
    color: #0084ff!important;
}
.fill-current {
    fill: currentColor;
}

.ml-6 {
    margin-left: 1.5rem;
}

.mr-4 {
    margin-right: 1rem;
}

.h-6 {
    height: 1.5rem;
}

.block {
    display: block;
}

.border-r {
    border-right-width: 1px;
}

.border-grey-lighter {
    border-color: var(--bg-search);
}

.bg-blue {
    background-color: var(--bg-blue);
}

.w-12 {
    width: 3rem;
}

.uppercase {
    text-transform: uppercase;
}

.text-xl {
    font-size: 1.25rem;
}

.text-white {
    color: #fff;
}

.text-center {
    text-align: center;
}

.ml-2 {
    margin-left: .5rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mt-2 {
    margin-top: .5rem;
}

.h-12 {
    height: 3rem;
}

.font-semibold {
    font-weight: 600;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.text-sm {
    font-size: .875rem;
}

.border-b {
    border-bottom-width: 1px;
}

.border-blue {
    border-color: #0084ff;
}

.text-blue-lightest {
    color: #eff8ff;
    margin-top: 0.5rem;
}

.p-2 {
    padding: .5rem;
}

.pr-6 {
    margin-top: 0.5rem;
}

.font-normal {
    font-weight: 400;
}

.inline-block {
    display: inline-block;
}

.uppercase {
    text-transform: uppercase;
}

.h-12 {
    height: 3rem;
}

.font-semibold {
    font-weight: 600;
}

.pin-b {
    bottom: 0;
}

.absolute {
    position: absolute;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.block {
    display: block;
}

.pin-r {
    right: 0;
}

.pin-t {
    top: 0;
}

.-mr-2 {
    margin-right: -0.5rem;
}

.-mt-2 {
    margin-top: -0.5rem;
}

.h-4 {
    height: 1rem;
}
.h-2 {
    height: 0.5rem;
}
.font-medium {
    font-weight: 500;
}
.font-bold {
    font-weight: 600;
}
.w-2\/3 {
    width: 66.66667%;
}
.w-7n {
    width: 76.66667%;
}
.overflow-y-auto {
    overflow-y: auto;
}

.overflow-hidden {
    overflow: hidden;
    overflow-y: hidden;
}

.w-auto {
    width: auto;
}

.pl-4 {
    padding-left: 1rem;
}

.pr-4 {
    padding-right: 1rem;
}

.h-8 {
    height: 2rem;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.rounded-full {
    border-radius: 9999px;
}

.bg-cover {
    background-size: cover;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-center {
    background-position: center;
}

.bg-green {
    background-color: #38c172;
}
.bg-seen {
    background-color: #0084ff;
}
.bg-red {
    background-color: #e9454f;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.w-8 {
    width: 2rem;
}

.pl-2 {
    padding-left: .5rem;
}

.text-grey-darkest {
    color: var(--side-menu);
}

.outline-none {
    outline: 0;
}

textarea {
    resize: vertical;
}

.bg-grey-lighter {
    background-color: var(--bg-search);
}

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

.w-4 {
    width: 1rem;
}
.w-2 {
    width: 0.5rem;
}
.text-black {
    color: var(--text-primary);
}

.-ml-2 {
    margin-left: -0.5rem;
}

.mr-1 {
    margin-right: .25rem;
}

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

.rounded-full {
    border-radius: 9999px;
}

.bg-red {
    background-color: #e3342f;
}

.text-red-lightest {
    color: #fcebea;
}

.border-grey-lighter {
    border-color: var(--bg-search);
}

.border-b {
    border-bottom-width: 1px;
}



*, ::before, ::after {
    border-width: 0;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #dae1e7;
}

.pdl_n {
    padding-left: 0px !important;
}

.pdr_n {
    padding-left: 0px !important;
}

.font_siz15 {
    font-size: 15px !important;
}

.font_siz14 {
    font-size: 14px !important;
}

.bg-cover {
    background-size: cover;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-center {
    background-position: center;
}

.bg-purple {
    background-color: #9561e2;
}

.vert {
    vertical-align: middle
}

.HeadPessage {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #828282;
}

.color_text_chat {
    color: #828282;
    display: flex;
}
.color_text_ser {
     color: #a5b9c3;
 }

.chat_header_v2 ul {
    background: var(--bg-inital);
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    padding: 10px;
    margin: 0;
}
.chat_header_v2_bg {
    background-image: var(--bg-inital);
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    padding: 10px;
    margin: 0;
}
.chat_header_v2 ul li {
    background: var(--bg-chat-light);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    padding: 5px 70px 5px 10px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 12px;
    position: relative;
    margin-left: 5px;
    color: var(--text-primary);
}

.chat_header_v2 ul li:before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: 7px;
    width: 0;
    height: 0;
    border-bottom: 15px solid var(--bg-chat-light);
    border-left: 10px solid transparent;
}

.chat_header_v2 ul li .time {
    content: attr(data-time);
    position: absolute;
    right: 30px;
    bottom: 5px;
    font-size: 10px;
    opacity: 1;
    color: #898989;
}

.chat_header_v2 ul li .from {
    text-decoration: none;

    display: block;
    margin-bottom: 10px;
    color: #888;
}

.chat_header_v2 ul li .from:hover {
    text-decoration: underline;
}

.chat_header_v2 ul li .from .phone {
    font-weight: bold;
    margin-right: 8px;
}

.chat_header_v2 ul li.rutger .phone {
    color: #6bcbef;
}

.chat_header_v2 ul li.ruben .phone {
    color: #53d4a5;
}

.chat_header_v2 ul li.me {
    background: var(--bg-chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 20px;
color:#fff

}
.chat_header_v2 ul li.me2 {
    background: var(--bg-chat-light);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 20px;
    color:#fff

}
.chat_header_v2 ul li.me2:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--bg-chat-light);
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.me:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--bg-chat);
    border-right: 10px solid transparent;
    border-left: 0;
}

.chat_header_v2 ul li.me .time .tick {
    right: 26px;
}
.Message-inner {
    background-attachment: fixed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4A00E0), to(#FC466B));
    background-image: linear-gradient(#4A00E0, #FC466B);
    background-size: 100vw 100vh;
    border-radius: 16px 0 0 16px;
    color:#fff
}

.chat_header_v2 ul li.me[data-state] .time::after {

    color: #888;
}

.chat_header_v2 ul li.me[data-state="read"] .time::after {
    color: #57c6f4;
}

.chat_header_v2 ul li.same, .chat_header_v2 ul li.me + .me {
    margin-top: -9px;
}

.chat_header_v2 ul li.single-emoji {
    font-size: 200%;
}

.chat_header_v2 ul li:last-child {
    margin-bottom: 0;
}

.chat_header_v2 .tick svg {
    position: absolute;
    transition: .5s ease-in-out;
}

.chat_header_v2 ul li .tick {
    position: absolute;

    right: 10px;
    display: inline-block;

    margin-left: 2px;


    bottom: 4px;

    height: 16px;

    width: 16px;
}

.fnt_12 {
    font-size: 12px;
}
.msg.online::before {
    content: "";
    position: absolute;
    background-color: #23be7e;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid var(--bg-main-2);
    left: 40px;
    top: 59px;
}
._10_m {
    margin-left: -10px;
}
.color-red{color: #db5151}
.color_t_chat {
    color: #7f7f7f;
}
.status_v3 {
    position: relative;
    top: 5px;
    left: 15px;
    margin-bottom: 4px;
    z-index: 200;
    height: 10px;
    width: 90%;
    background: url('/images/header_v2/social_app_status_light.png') no-repeat center center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.status_v2 {
    position: relative;
    top: 5px;
    left: 15px;
    margin-bottom: 4px;
    z-index: 200;
    height: 10px;
    width: 90%;
    background: var(--status-v2);
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.border-l-2 {
    border-left-width: 2px;
}

.border-blue {
    border-color: #0084ff;
}

.Helm-UserLogo_img {
    width: 100px;
    max-height: 35px !important;
}

@media (min-width: 670px) {
    .Hero__logos_header_v2 {
        margin-top: 0
    }
}

.Hero__logos_header_v2 ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
    justify-content: center;
    padding-top: 20px;
}

.Hero__logos_header_v2 ul li {
    margin-bottom: 30px;
    justify-content: center
}

@media only screen and (max-width: 381px) {
    .Hero__logos_header_v2 ul li {
        width: 100%
    }
}

@media (min-width: 670px) {
    .Hero__logos_header_v2 ul {
        flex-wrap: nowrap;
        justify-content: space-around
    }

    .Hero__logos_header_v2 ul li {
        width: auto;
        margin-bottom: 0
    }
}

.Helm-LogoRow__logoRow {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media (min-width: 670px) {
    .Helm-LogoRow__logoRow {
        justify-content: space-between
    }
}

.Helm-LogoRow__logoRow li {
    padding: 0 15px;
    display: flex;
    align-items: center
}

@media (min-width: 670px) {
    .Helm-LogoRow__logoRow li {
        margin-bottom: 24px
    }

    .Helm-LogoRow__logoRow li:first-child {
        padding-left: 0
    }

    .Helm-LogoRow__logoRow li:last-child {
        padding-right: 0
    }
}

@media (min-width: 880px) {
    .Helm-LogoRow__logoRow li {
        padding: 0 18px
    }
}

@media (min-width: 1040px) {
    .Helm-LogoRow__logoRow li {
        padding: 0 22px
    }
}

.Helm-LogoRow__logoRow a {
    display: flex;
    cursor: pointer
}

.Helm-LogoRow__logoRow img, .Helm-LogoRow__logoRow svg {
    max-width: 100%;
    max-height: 45px;
    width: 45px;
}

@media (max-width: 670px) {
    .Helm-LogoRow__logoRow img, .Helm-LogoRow__logoRow svg {
        width: 40px;
    }
}

input {


    padding: 11px 0 9px 8px;
    font-weight: 400;
    color: var(--text-primary);

    outline: none;
    background: var(--bg-select);


    border-radius: 0px 4px 4px 0px;

    text-indent: 10px;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 16px;

}
.input-group-text {
    border-radius: .25rem 0rem 0rem .25rem!important;
}
.input-group_mask_v1 ul {margin-bottom: 0px}
.b_t_n {
    margin-left: 10px;
    margin-top: 10px;
}

@media (max-width: 670px) {
    input {
        margin-left: 0px;
        text-indent: 0px;width: 100%;
    }

    .b_t_n {
        width: 100%;
        margin-left: 0px;
    }

}

.flex_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}


@media (max-width: 670px) {
    .flex_div {
        display: block
    }

    .mt_90 {
        margin-top: 10px !important;
    }

    .b_t_n_ {
        width: 100%;
        margin-left: 0px;
    }



    input {
        flex: 1 1 auto;

    }
}

main {
    position: relative;
    display: block
}

main header {
    border-top: 1px solid transparent
}

@media (min-width: 670px) {
    main header {
        border: none
    }
}

main header .tghacker {
    top: 0;
    grid:repeat(5, 200px)/repeat(10, 1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#507eb1),
    color-stop(10%, #709dc7), color-stop(38%, var(--bg-main-2a)), color-stop(48%, var(--bg-main-2)), color-stop(62%, var(--bg-main)));
    background: var(--bg-gradient)
}

main header .tghacker :first-child {
    grid-column: span 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(243, 251, 255, .4)), color-stop(20%, rgba(243, 251, 255, .15)), to(rgba(243, 251, 255, 0)));
    background: linear-gradient(100grad, rgba(243, 251, 255, .4), rgba(243, 251, 255, .15) 20%, rgba(243, 251, 255, 0))
}

main header .tghacker :nth-child(2) {
    grid-area: 3 / span 3 /auto/ -1
}

main header .tghacker :nth-child(3) {
    grid-row: 4;
    grid-column: span 5
}

main header .tghacker :nth-child(4) {
    grid-area: 4 / span 5 /auto/ -1
}

main header .tghacker :nth-child(5) {
    grid-area: auto/1/-1/-1;
    background: -webkit-gradient(linear, left top, right top, color-stop(80%, var(--bg-main)), to(var(--bg-span-tg)));
    background: linear-gradient(100grad, var(--bg-main) 80%, var(--bg-span-tg))
}

@media (min-width: 670px) {
    main header .tghacker :nth-child(2) {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 119, 204, 0)), color-stop(40%, rgba(0, 119, 204, .05)), to(rgba(0, 119, 204, .35)));
        background: linear-gradient(100grad, rgba(0, 119, 204, 0), rgba(0, 119, 204, .05) 40%, rgba(0, 119, 204, .35))
    }

    main header .tghacker :nth-child(3) {
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--bg-main)), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(100grad, var(--bg-main) 50%, hsla(0, 0%, 100%, 0))
    }

    main header .tghacker :nth-child(4) {
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(0, 119, 204, 0)), to(rgba(0, 119, 204, .05)));
        background: linear-gradient(100grad, rgba(0, 119, 204, 0) 10%, rgba(0, 119, 204, .05))
    }
}

main {
    overflow-x: hidden
}

main .tghacker {
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg)
}

.header__userLink_theme:before {
    opacity: .9;
    background: url(/icon/night.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;

}

.header-sticky .header__userLink_theme:before {
    opacity: .9;
    background: url(/icon/night_b.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;

}

.header__userLink:before {
    content: "";
    width: 22px;
    height: 21px;
    display: inline-block;
    opacity: .8;
    margin-bottom: -5px;
    background-repeat: no-repeat;
    transition: opacity .2s ease;
}

.darkTemplate .header__userLink_theme:before, .header__userLink_theme.theme_night:before {
    background: url(/icon/day.svg) no-repeat;
    background-size: 21px 21px;
}

.arrow {
    color: var(--text-primary);
}
.form-phone {
    margin-top: 10px;
}

main .thhack {
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
}

#onboarding-verification, .what-is {
    position: relative;
    margin-top: 30px
}

#onboarding-verification .thhack, .what-is .thhack {
    height: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: var(--line-to);
}

#onboarding-verification .thhack :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
    background: linear-gradient(100grad, rgba(241, 248, 252, 0), #f1f8fc)
}
.what-is .thhack :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
    background: linear-gradient(100grad, rgba(241, 248, 252, 0), #f1f8fc)
}
.css-1123yhp-sectionName {

    color: #2d87ff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
}

#compliance {
    position: relative;
    z-index: 3
}
.max-w1040 {
    max-width: 1040px;
}
#compliance .thhack {
    grid:200px/1fr minmax(0, 1000px) 1fr;
    grid:200px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr
}

#compliance .thhack :first-child {
    grid-column-end: span 2;
    background: -webkit-gradient(linear, left top, right top, color-stop(45%, var(--bg-main-2)), to(var(--bg-main-2a)));
    background: linear-gradient(100grad, var(--bg-main-2) 45%, var(--bg-main-2a))
}

#compliance .thhack :last-child {
    background: -webkit-gradient(linear, left top, right top, from(#5ab9e2), to(#4aacd4));
    background: linear-gradient(100grad, #5ab9e2, #4aacd4)
}

#compliance .common-UppercaseTitle {
    padding-top: 5px;
    margin-left: 10px;

}

#compliance .common-UppercaseTitle img {
    margin-left: auto;
    margin-right: auto
}

#compliance aside {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-top: 30px;
    padding: 22px 20px 18px;
    border-radius: 4px;
    background: var(--bg-phone);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

#compliance h2 {
    margin-bottom: 18px;
    color: #2d87ff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px
}

#compliance li {
    position: relative;
    padding-left: 28px
}

#compliance li + li {
    margin-top: 9px
}

#compliance li:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px
}

#compliance .eu-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column: span 2;
    padding: 30px;
    margin-top: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025)
}

#compliance .eu-guide svg {
    display: none;
    position: absolute;
    width: 130px;
    height: 130px;
    top: 50%;
    margin-top: -65px;
    left: -35px
}

#compliance .eu-guide .copy {
    max-width: 550px
}

#compliance .eu-guide .common-BodyText {
    margin-top: 10px
}

#compliance .eu-guide .common-Button--default {
    margin-top: 20px;
    background-color: #3ecf8e
}

#compliance .eu-guide .common-Button--default:active {
    color: #fff;
    background-color: #24b47e
}

@media (min-width: 670px) {
    #compliance .eu-guide {
        padding: 40px 40px 40px 140px
    }

    #compliance .eu-guide svg {
        display: block
    }
}

@media (min-width: 880px) {
    #compliance .common-UppercaseTitle {
        padding-bottom: 15px;
        padding-top: 40px;
        text-align: center
    }

    #compliance .container-lg {
        display: grid;
        grid:auto/1fr 1fr;
        grid-gap: 35px
    }

    #compliance aside {
        margin-top: 1px
    }

    #compliance .eu-guide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0
    }

    #compliance .eu-guide .copy {
        margin-right: 50px
    }

    #compliance .eu-guide .common-Button--default {
        margin-top: 0
    }
}



.Copy__header {
    position: relative;

}

.Copy__icon {
    min-height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 8px
}

.Copy__caption {
    margin-right: 10px;
    color: var(--text-primary)
}
.link-color{
    color: var(--link-color)!important;
}
.Copy__title {
    position: relative;
    font: 500 16px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: var(--text-primary);
    letter-spacing: 0.2px;
    padding: 0 32px 0 0px;
}

@media (max-width: 599px) {
    .Copy__title {
        font: 500 15px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;

    }

}
.font-300_v2 {font-weight: 400}
.Copy__title:before {
    position: absolute;
    top: calc((1px + 1.6 * 15px - 15px) / 2);
    left: calc(16px * -1);
    width: 1px;
    height: 15px;
    background-color: var(--link-color), transparent);
    content: ""
}

.AnimatedIcon {
    --iconSize: 40px;
    --svgSize: 96px;
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: calc(-1 * 16);
}

.AnimatedIcon__icon {
    position: absolute;
    top: calc(-1 * (96px - 40px) / 2);
    left: 0;
    display: block;
    pointer-events: none;
}


.intro__logo {
    height: 130px;
    background: url(/images/Facebook_Messenger_logo_2020.svg.png) no-repeat 50%;
    background-size: auto;
    background-size: contain;
}
.intro__logo_bg {
    height: 130px;
    background: url(/images/Facebook_Messenger_logo_2020.svg.png) no-repeat 50%;
    background-size: auto;
    background-size: contain;
}


.PricingFAQ {
    padding-top: 25px;
    padding-bottom: 18px
}

.PricingFAQ-row:last-child {
    margin-bottom: 0
}

.PricingFAQ-title {
    position: relative;
    margin: 1em 0 .3em;
    padding: 0 35px
}

.PricingFAQ-title:before {
    content: "";
    background: var(--checkmark-ic);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0
}

.PricingFAQ-body {
    margin: 0;
    padding: 0 20px 0 35px;

}

.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-right: 0;
    margin-right: calc((0 * .5) * -1);
    margin-left: -.5rem;
    margin-left: 0;
    margin-left: calc((0 * .5) * -1)
}

.row,
.row.reverse {
    -webkit-box-orient: horizontal
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse,
.row.reverse {
    -webkit-box-direction: reverse
}

.text-align_center {
    text-align: center;
}
@media (min-width: 670px) {
    .text-align_center_to {
        text-align: center;
    }
}


.Workflow-itemNumber {
    display: block;
    margin-bottom: 10px;
    color: var(--bg-icon);
    font-family: Calibre, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.common-MediumBodyText_sub_v1 {
    color: var(--text-comonbody);
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
}

.EmailSubscriptionCTA {
    padding: 20px 0;

}

@media (min-width: 670px) {
    .EmailSubscriptionCTA .container-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.EmailSubscriptionCTA .buttons, .EmailSubscriptionCTA .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.EmailSubscriptionCTA .buttons.buttons--reversed .common-Button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.EmailSubscriptionCTA .buttons.buttons--reversed .common-Button--default {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.EmailSubscriptionCTA .title {
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    color: var(--text-primary);
    margin: .75em 0
}

.EmailSubscriptionCTA .subtitle {
    font-weight: 300;
    color: var(--link-color);
    display: block
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA .common-Button_sGroup {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.EmailSubscriptionCTA--roles .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--roles .content {
        padding-right: 80px
    }
}

.EmailSubscriptionCTA--roles .buttons {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.EmailSubscriptionCTA--eeoc .common-BodyText_v {
    font-size: 15px;
    line-height: 23px
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--eeoc .container-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .EmailSubscriptionCTA--eeoc .common-ButtonGroup {
        margin: 16px 0 0
    }
}

.EmailSubscriptionCTA--eeoc .notice-desktop {
    display: none
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--eeoc .notice-desktop {
        display: block
    }
}

.EmailSubscriptionCTA--eeoc .notice-mobile {
    margin: 40px 0 0;
    display: block
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--eeoc .notice-mobile {
        display: none
    }
}


.EmailSubscriptionCTA--collect .content {
    margin: 0 0 20px
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .content {
        margin: 0
    }
}

.EmailSubscriptionCTA--collect .title {
    margin: 0;
    color: var(--text-primary);
}

.EmailSubscriptionCTA--collect .collect-email-partial {
    width: 100%;
    max-width: 400px;
    position: relative
}

.EmailSubscriptionCTA--collect .collect-email {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin: 0
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .collect-email {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.EmailSubscriptionCTA--collect .email-privacy-notice {
    margin-top: 8px
}

.EmailSubscriptionCTA--collect .email-privacy-notice p {
    font-size: 13px;
    line-height: 21px;
    color: var(--text-secondary)
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .email-privacy-notice p {
        text-align: center;
    }
}

.EmailSubscriptionCTA--collect .email-privacy-notice a {
    color: var(--link-color);
    font-weight: 500
}

.EmailSubscriptionCTA--collect .collect-input {
    background: var(--bg-main-2);
    -webkit-box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    color: var(--text-comonbody);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-box-shadow .15s ease;
    transition: -webkit-box-shadow .15s ease;
    transition: box-shadow .15s ease;
    transition: box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.EmailSubscriptionCTA--collect .collect-input.active {
    -webkit-box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3)
}

.EmailSubscriptionCTA--collect .collect-input .email-field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 80%
}

.collect-form {
    display: block !important;
}

.EmailSubscriptionCTA--collect .collect-input .submit-button {
    margin: 0;
    border: none;
    outline: none;
    background: transparent;
    padding: 9px 13px;
    font: inherit;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
    color: var(--bg-accent-2);
    cursor: pointer;
    position: relative;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    padding-left: 15px
}

.EmailSubscriptionCTA--collect .collect-input .submit-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    bottom: 7px;
    width: 2px;

}

.EmailSubscriptionCTA--collect .collect-input .submit-button:focus {
    background-color: var(--bg-accent-2)
}

.EmailSubscriptionCTA--collect .collect-input .submit-button:hover {
    color: var(--link-color)
}

.EmailSubscriptionCTA--collect .collect-input .submit-button:active {
    color: var(--header-text);

}

.EmailSubscriptionCTA--collect .collect-input input[type=email] {
    border: none;
    outline: none;
    margin: 0;
    padding: 9px 13px;
    background: transparent;
    font: inherit;

}

.EmailSubscriptionCTA--collect .collect-input input[type=email]::-webkit-input-placeholder {
    color: var(--text-secondary)
}

.EmailSubscriptionCTA--collect .collect-input input[type=email]::-moz-placeholder {
    color: var(--text-secondary)
}

.EmailSubscriptionCTA--collect .collect-input input[type=email]:-ms-input-placeholder {
    color: var(--text-secondary)
}

.EmailSubscriptionCTA--collect .collect-error {
    width: 100%;
    text-align: center;
    font: 400 15px Camphor;
    color: var(--button-stop);
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    display: none
}


.EmailSubscriptionCTA--collect .collect-success {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: none
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .collect-success {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 80px
    }
}

.EmailSubscriptionCTA--collect .collect-success img {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0
}

.EmailSubscriptionCTA--collect .collect-success span {
    font-weight: 500
}

.common-Button_sGroup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jYhBYR::after {
    right: 0px;
    top: 0px;
    transform: rotateZ(180deg);
}

.jYhBYR::before, .jYhBYR::after {
    background: var(--rg-crypto);
    content: "";
    height: 12.5rem;
    position: absolute;
    width: 10rem;
    z-index: 2;
}

@media (max-width: 670px) {
    .jYhBYR::before, .jYhBYR::after {
        width: 3rem;
    }

}

.jYhBYR::before {
    left: 0px;
    top: 0px;
}

.jYhBYR {
    margin-bottom: 5rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jIZkCX {
    display: flex;
    width: calc(500rem);
    opacity: 1;
    transition: opacity 0.25s ease-out 0s;
    animation: 90s linear 0s infinite normal none running jOVXA;
}

.dhYVOY {
    display: flex;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    margin: 0px 1rem;
}

.jIZkCX img {
    height: 4.3rem;
    width: 3.5rem;
}

.bIWTDs {
    margin: 0px;
}

.bIWTDs {
    width: 8.5rem;
    height: 8.5rem;
    max-width: calc(-4em + 33vw);
    max-height: calc(-4em + 33vw);
    border-radius: 5rem;
}

.izfzNl {
    margin: 1em 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1rem;
    color: var(--bg-icon);
}

.cSQEte {
    position: absolute;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.25s ease-out 0s;
}

@keyframes jOVXA {
    0% {

        transform: translateX(0px)

    }

    100% {
        transform: translateX(calc(-256rem))
    }
}

.rg-ten {
    position: relative;
}

.rg-ten::before, .rg-ten::after {
    background: var(--rg-crypto);
    content: "";
    height: 32.5rem;
    position: absolute;
    width: 10rem;
    z-index: 2;
}

@media (max-width: 670px) {
    .rg-ten::before, .rg-ten::after {
        width: 3rem;
    }
}

.rg-ten::after {
    right: 0px;
    top: 0px;
    transform: rotateZ(180deg);
}

.rg-ten::before {
    left: 0px;
    top: 0px;
}

.variant--Section {
    margin-top: 10px;
    margin-bottom: 10px;
}

.iRksni {
    color: var(--bg-icon);
    opacity: 0.9;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    margin: 4.8rem 4rem 2.6rem;
    text-align: center;
    font-weight: 600;
}

.Goal {
    position: relative;z-index: 1;
    padding: 10px 0
}

@media (min-width: 670px) {
    .Goal {
        padding-bottom: 20px
    }
}

.Goal__title {
    margin-bottom: 40px;
margin-left: 10px;
}

@media (min-width: 880px) {
    .Goal__title {
        margin-bottom: 50px;
        text-align: center
    }
}

.Goal__finePrint {
    font-style: italic;
    text-align: center
}

.Goal .PingPong {
    margin-top: 40px
}

@media (min-width: 670px) {
    .Goal .PingPong {
        margin-top: 60px
    }
}

.Goal .Rugby {
    margin-top: 20px;
    margin-bottom: 60px
}

@media (min-width: 670px) {
    .Goal .Rugby {
        margin-top: 40px
    }
}

.Goal .common-TgHackGrid .backgroundContainer {
    height: 120%
}

@media (min-width: 880px) {
    .Billiards__columns:last-of-type {
        margin-top: 40px
    }
}

.Helm-LayoutColumns {
    display: flex;
    flex-direction: column;
    max-width: 1140px;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 670px) {
    .Helm-LayoutColumns {
        display: grid;
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }
}

.Helm-LayoutColumns--reverse {
    flex-direction: column-reverse
}

.Helm-LayoutColumns--extended {
    padding: 0
}

.Helm-LayoutColumns--gapLarge {
    grid-column-gap: 80px
}

.Helm-LayoutColumns--gapMedium {
    grid-column-gap: 40px
}

.Helm-LayoutColumns__column {
    position: relative;
    width: 100%
}

@media (min-width: 670px) {
    .Helm-LayoutColumns--2col {
        grid-template-columns:repeat(2, 1fr)
    }

    .Helm-LayoutColumns--3col {
        grid-template-columns:repeat(3, 1fr)
    }

    .Helm-LayoutColumns--4col {
        grid-template-columns:repeat(4, 1fr)
    }
}

.Helm-FeatureDetail {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

@media (min-width: 670px) {
    .Helm-FeatureDetail {
        margin-bottom: 0
    }
}

.Helm-FeatureDetail--left {
    flex-direction: row
}

.Helm-FeatureDetail__icon {
    margin: 0 16px 20px 0;text-shadow: 0 1px 1px rgba(0,0,0,.25);
    display: flex
}

.Helm-FeatureDetail--left .Helm-Icon--check {
    margin-top: 2px
}

.Helm-FeatureDetail--left .Helm-Icon--small {
    margin-top: -2px
}

.Helm-FeatureDetail--left .Helm-Icon--medium {
    margin-top: -8px;
    margin-right: 4px
}

.Helm-FeatureDetail__body, .Helm-FeatureDetail__title {
    margin-bottom: 8px
}

.Helm-FeatureDetail__footnote {
    color: #8898aa;
    font-size: 15px;
    margin-top: 42px
}

.Helm__fill--yellow5 {
    fill: #2e83bc;
}

.customers-customer {
    display: flex;
    justify-content: center;
    align-items: center
}

.customers-customer svg {
    max-width: 100%;
    height: auto;
    transform: scale(.8)
}

@media (min-width: 670px) {
    .customers-customer svg {
        transform: none
    }
}

.customers-callout {

    margin: 20px auto 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: var(--common-BodyText);

    border-radius: 4px
}

.customers-callout span {
    color: var(--text-primary);
    line-height: 24px;
    font-size: 15px;
}

.customers-callout figure {
    margin: 0 0 22px;
    display: none
}

@media (min-width: 670px) {
    .customers-callout {
        flex-direction: row;
        padding: 30px 10px;
        border: none;
        margin: 0 auto
    }

    .customers-callout figure {
        margin: 0 35px 0 0;
        display: block
    }
}

.pad_20 {
    padding: 20px !important;
}

.common-Card {
    position: relative;
    background: var(--bg-phone);
    border-radius: 8px;
    padding: 10px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.foreigner-banner .badge {
    padding: 2px 7px 3px 7px;
    border-radius: 9px;
    margin-right: 6px;
    font-size: 15px !important;
    font-weight: 500;
    background-color: #2d87ff;
    color: var(--button-white);text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

.css-8c58y9 {

    font-weight: 500 !important;

}

.columns {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width:670px) {
    .columns {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.columns .left,
.columns .right {
    -ms-flex-preferred-size:50%;
    flex-basis:50%
}

section.blocks4s {
    position:relative;
    padding:0 10px 40px;
    margin-top:40px
}

section.blocks4s .intro-copy h2 {
    margin-bottom:20px
}
section.blocks4s .columns .right {
    position:relative
}

.blocks4-block h3,
.blocks4-block p {
    margin-bottom:10px;
    margin-right: 20px;
}
.blocks4-block h3:last-child,
.blocks4-block p:last-child {
    margin-bottom:0
}
.blocks4-block .icon {
    width:48px;
    height:48px
}
.comp-BodyText {
    color: var(--text-primary)
}
.globalFooter {
    font-family:Camphor,Open Sans,Segoe UI,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

    position:relative
}
.globalFooter .fine-print {
    margin-top:32px
}
@media (min-width:670px) {
    .globalFooter .fine-print {
        margin-top:0
    }
}
@media (min-width:880px) {
    .globalFooter .fine-print {
        width:50%
    }
}
.globalFooterCards .container-lg,
.globalFooterCards .container-xl {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-15px auto;
    padding:0 5px
}
a.globalFooterCard,
div.globalFooterCard {
    -webkit-box-flex:1;
    -ms-flex:1 1 100%;
    flex:1 1 100%;
    margin:15px;
    z-index:499;
    z-index:calc(500 - 1);
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    padding:40px 40px 40px 120px;
    background-color:var(--bg-footer);
    border-radius:8px;
    -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    -webkit-transition-property:color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property:color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property:color,background-color,box-shadow,transform;
    transition-property:color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
    -webkit-transition-duration:.15s;
    transition-duration:.15s
}
a.globalFooterCard:after,
div.globalFooterCard:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:#aab7c4;
    pointer-events:none;
    opacity:0;
    -webkit-transition:opacity .15s;
    transition:opacity .15s
}
@media (min-width:670px) {
    a.globalFooterCard,
    div.globalFooterCard {
        -ms-flex-preferred-size:1%;
        flex-basis:1%;
        padding-left:100px
    }
}
@media (min-width:880px) {
    a.globalFooterCard,
    div.globalFooterCard {
        padding-left:100px
    }
}
a.globalFooterCard:hover,
div.globalFooterCard:hover {

    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
a.globalFooterCard:active,
a.globalFooterCard:hover,
div.globalFooterCard:active,
div.globalFooterCard:hover {
    -webkit-box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);
    box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025)
}
a.globalFooterCard:active,
div.globalFooterCard:active {
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
a.globalFooterCard:active:after,
div.globalFooterCard:active:after {
    opacity:.15
}
a.globalFooterCard img,
a.globalFooterCard svg,
div.globalFooterCard img,
div.globalFooterCard svg {
    position:absolute;
    width:80px;
    height:90px;
    left:15px;
    top:calc(50% - 45px)
}
@media (min-width:670px) {
    a.globalFooterCard img,
    a.globalFooterCard svg,
    div.globalFooterCard img,
    div.globalFooterCard svg {
        left:-50px
    }
}
@media (min-width:880px) {
    a.globalFooterCard img,
    a.globalFooterCard svg,
    div.globalFooterCard img,
    div.globalFooterCard svg {
        left: 5px;
    }
}
a.globalFooterCard.card-life-at-tghack svg,
div.globalFooterCard.card-life-at-tghack svg {
    top:calc(50% - 62px)
}
a.globalFooterCard svg .hover-fillDark,
a.globalFooterCard svg .hover-fillLight,
a.globalFooterCard svg .hover-fillMedium,
div.globalFooterCard svg .hover-fillDark,
div.globalFooterCard svg .hover-fillLight,
div.globalFooterCard svg .hover-fillMedium {
    -webkit-transition:fill .15s;
    transition:fill .15s
}
a.globalFooterCard svg .hover-strokeDark,
a.globalFooterCard svg .hover-strokeLight,
div.globalFooterCard svg .hover-strokeDark,
div.globalFooterCard svg .hover-strokeLight {
    -webkit-transition:stroke .15s;
    transition:stroke .15s
}
a.globalFooterCard:hover svg .hover-fillDark,
div.globalFooterCard:hover svg .hover-fillDark {
    fill:#32325d
}

.globalFooterCTA {
    padding:10px 0;

}
@media (min-width:670px) {
    .globalFooterCTA .container-lg {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.globalFooterCTA .buttons,
.globalFooterCTA .content {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%
}
.globalFooterCTA .buttons.buttons--reversed .common-Button {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.globalFooterCTA .buttons.buttons--reversed .common-Button--default {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.globalFooterCTA .title {
    font-weight:400;
    font-size:30px;
    line-height:45px;
    color:var(--common-BodyText);
    margin:.75em 0
}
.globalFooterCTA .subtitle {
    font-weight:300;
    color:var(--link-color);
    display:block
}
@media (min-width:670px) {
    .globalFooterCTA .common-ButtonGroup {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.globalFooterCTA--roles .content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
@media(min-width:670px) {
    .globalFooterCTA--roles .content {
        padding-right:80px
    }
}
.globalFooterCTA--roles .buttons {
    -webkit-box-flex:initial;
    -ms-flex:initial;
    flex:initial
}
.globalFooterCTA--eeoc .common-BodyText {
    font-size:15px;
    line-height:23px
}
@media(min-width:670px) {
    .globalFooterCTA--eeoc .container-lg {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .globalFooterCTA--eeoc .common-ButtonGroup {
        margin:16px 0 0
    }
}
.globalFooterCTA--eeoc .notice-desktop {
    display:none
}
@media(min-width:670px) {
    .globalFooterCTA--eeoc .notice-desktop {
        display:block
    }
}
.globalFooterCTA--eeoc .notice-mobile {
    margin:40px 0 0;
    display:block
}
@media(min-width:670px) {
    .globalFooterCTA--eeoc .notice-mobile {
        display:none
    }
}
.globalFooterCTA--collect {
    padding-top:calc(50px + .75em)
}
.globalFooterCTA--collect .content {
    margin:0 0 20px
}
@media(min-width:670px) {
    .globalFooterCTA--collect .content {
        margin:0
    }
}
.globalFooterCTA--collect .title {
    margin:0;
    color:#32325d
}
.globalFooterCTA--collect .collect-email-partial {
    width:100%;
    max-width:400px;
    position:relative
}
.globalFooterCTA--collect .collect-email {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    margin:0
}
@media (min-width:670px) {
    .globalFooterCTA--collect .collect-email {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.globalFooterCTA--collect .email-privacy-notice {
    margin-top:8px
}
.globalFooterCTA--collect .email-privacy-notice p {
    font-size:13px;
    line-height:21px;
    color:#8898aa
}
.globalFooterCTA--collect .email-privacy-notice a {
    color:var(--link-color);
    font-weight:500
}
.globalFooterCTA--collect .collect-input {
    background:#fff;
    -webkit-box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);
    box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);
    border-radius:4px;
    overflow:hidden;
    font-size:16px;
    line-height:22px;
    color:#32325d;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:-webkit-box-shadow .15s ease;
    transition:-webkit-box-shadow .15s ease;
    transition:box-shadow .15s ease;
    transition:box-shadow .15s ease,-webkit-box-shadow .15s ease
}
.globalFooterCTA--collect .collect-input.active {
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
}
.globalFooterCTA--collect .collect-input .email-field {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:50%
}
.globalFooterCTA--collect .collect-input .submit-button {
    margin:0;
    border:none;
    outline:none;
    background:transparent;
    padding:9px 13px;
    font:inherit;
    font-size:15px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:.025em;
    color:var(--link-color);
    cursor:pointer;
    position:relative;
    -webkit-transition:all .15s ease;
    transition:all .15s ease;
    padding-left:15px
}
.globalFooterCTA--collect .collect-input .submit-button:before {
    content:"";
    position:absolute;
    left:0;
    top:7px;
    bottom:7px;
    width:2px;
    background:#f6f9fc
}
.globalFooterCTA--collect .collect-input .submit-button:focus {
    background-color:#f6f9fc
}
.globalFooterCTA--collect .collect-input .submit-button:hover {
    color:#7795f8
}
.globalFooterCTA--collect .collect-input .submit-button:active {
    color:#4582be;
    background-color:#f6f9fc
}
.globalFooterCTA--collect .collect-input input[type=email] {
    border:none;
    outline:none;
    margin:0;
    padding:9px 13px;
    background:transparent;
    font:inherit;
    color:#32325d
}
.globalFooterCTA--collect .collect-input input[type=email]::-webkit-input-placeholder {
    color:#aab7c4
}
.globalFooterCTA--collect .collect-input input[type=email]::-moz-placeholder {
    color:#aab7c4
}
.globalFooterCTA--collect .collect-input input[type=email]:-ms-input-placeholder {
    color:#aab7c4
}
.globalFooterCTA--collect .collect-error {
    width:100%;
    text-align:center;
    font:400 15px Camphor;
    color:#6b7c93;
    position:absolute;
    right:0;
    top:100%;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    display:none
}
@media(min-width:670px) {
    .globalFooterCTA--collect .collect-error {
        text-align:right
    }
}
.globalFooterCTA--collect .collect-success {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    display:none
}
@media(min-width:670px) {
    .globalFooterCTA--collect .collect-success {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        padding-right:80px
    }
}
.globalFooterCTA--collect .collect-success img {
    width:22px;
    height:22px;
    margin:0 10px 0 0
}
.globalFooterCTA--collect .collect-success span {
    font-weight:500
}
.globalFooterNav {
    padding:35px 0 35px;
    color:#8898aa;
    line-height:30px;
    font-size:15px;
    white-space:nowrap
}
@media (min-width:880px) {
    .globalFooterNav {
        padding:25px 0 15px;
    }
}
.globalFooterNav ul {
    padding:0;
    margin:0
}
.globalFooterNav li {
    list-style:none
}
.globalFooterNav .container-lg {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:880px) {
    .globalFooterNav .container-lg {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.globalFooterNav a {
    text-decoration:none;
    color:inherit;
    -webkit-transition:color .1s;
    transition:color .1s;
    font-weight: 300;
}
.globalFooterNav a:hover {
    color:#0084ff
}
.globalFooterNav .metaNav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    margin-bottom:20px;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline
}
@media (min-width:420px) {
    .globalFooterNav .metaNav {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media (min-width:880px) {
    .globalFooterNav .metaNav {
        -ms-flex-preferred-size:auto;
        flex-basis:auto;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:0 0 20px
    }
}
.globalFooterNav .metaNav>li {
    margin-right:20px
}
.globalFooterNav .metaNav .select {
    position:relative;
    -webkit-perspective:2000px;
    perspective:2000px;
    z-index:499;
    z-index:calc(500 - 1)
}
.globalFooterNav .metaNav .rootLink {
    color:var(--link-color);
    font-weight:600;
    cursor:pointer;
    white-space:normal;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    line-height:1.5;
    margin-bottom:10px
}
.globalFooterNav .metaNav .rootLink:hover {
    color:#32325d
}
@media (min-width:880px) {
    .globalFooterNav .metaNav .rootLink {
        max-width:140px
    }
}
@media (min-width:1040px) {
    .globalFooterNav .metaNav .rootLink {
        max-width:none
    }
}
.globalFooterNav .metaNav .rootLink svg {
    display:inline-block;
    margin:4px 10px 0 0;
    min-width:13px
}
.globalFooterNav .metaNav .rootLink svg path {
    fill:currentColor
}
.globalFooterNav .metaNav .select.globalPopupActive .rootLink {
    color:#32325d
}
.globalFooterNav .metaNav .space {
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2
}
.globalFooterNav .metaNav .copyright {
    margin-right:0;
    color:#aab7c4
}
.globalFooterNav .mx-legal {
    padding-top:30px;
    margin-top:20px;
    border-top:1px solid #e6ebf1;
    white-space:normal;
    font-size:15px;
    line-height:1.6
}
.globalFooterNav .siteNav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width:670px) {
    .globalFooterNav .siteNav {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
@media (min-width:880px) {
    .globalFooterNav .siteNav {
        -webkit-box-flex:0;
        -ms-flex-positive:0;
        flex-grow:0
    }
}
.globalFooterNav .siteNav .column {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    margin-bottom:20px
}
@media (min-width:670px) {
    .globalFooterNav .siteNav .column {
        -ms-flex-preferred-size:auto!important;
        flex-basis:auto!important;
        margin-right:40px
    }
}
@media (min-width:880px) {
    .globalFooterNav .siteNav .column {
        margin-right:30px
    }
}
@media (min-width:1040px) {
    .globalFooterNav .siteNav .column {
        margin-right:40px
    }
}
.globalFooterNav .siteNav .column:last-child {
    margin-right:0
}
.globalFooterNav .siteNav .splitColumn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.globalFooterNav .siteNav li {
    margin-right:40px
}
.globalFooterNav .siteNav li.long-link {
    margin-right:20px
}
.globalFooterNav .siteNav .column:last-child li {
    margin-right:0
}
.globalFooterNav .siteNav h4 {
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.025em;
    margin:0 0 5px
}
.globalFooterNav .siteNav strong {
    font-weight:300
}
.globalFooterNav .popup {
    position:absolute;
    top:-12px;
    left:-5px;
    z-index:1000;
    font-size:15px;
    line-height:26px;
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025);
    box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025);
    pointer-events:none;
    -webkit-transform:translateY(-100%) rotate3d(1,1,0,15deg);
    transform:translateY(-100%) rotate3d(1,1,0,15deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0;
    will-change:transform,opacity;
    -webkit-transition-property:opacity,-webkit-transform;
    transition-property:opacity,-webkit-transform;
    transition-property:transform,opacity;
    transition-property:transform,opacity,-webkit-transform;
    -webkit-transition-duration:.25s;
    transition-duration:.25s
}
@media (min-width:1160px) {
    .globalFooterNav .popup {
        left:-65px
    }
}
.globalFooterNav .popup:before {
    content:"";
    position:absolute;
    bottom:-6px;
    left:30px;
    width:20px;
    height:20px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:20px 0 3px 0;
    background:#fff
}
@media (min-width:1160px) {
    .globalFooterNav .popup:before {
        left:60px
    }
}
.globalFooterNav .country .popup {
    width:calc(100vw - 30px)
}
@media (min-width:670px) {
    .globalFooterNav .country .popup {
        width:auto
    }
}
.globalFooterNav .globalPopupActive {
    z-index:1000!important
}
.globalFooterNav .globalPopupActive .popup {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    opacity:1;
    pointer-events:auto
}
.globalFooterNav .optionList {
    color:var(--common-BodyText);
    -webkit-box-flex:1;
    -ms-flex:1 1 50%;
    flex:1 1 50%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.globalFooterNav .optionList li {
    width:100%;
    white-space:normal
}
@media (min-width:670px) {
    .globalFooterNav .optionList li {
        white-space:inherit
    }
}
.globalFooterNav .optionList a {
    position:relative;
    border-radius:4px;
    display:block;
    line-height:21px;
    -webkit-transition:color .1s,background-color .1s;
    transition:color .1s,background-color .1s
}
.globalFooterNav .optionList a:hover {
    background-color:#f6f9fc;
    color:#32325d
}
.globalFooterNav .optionList a:active {
    background-color:#e6ebf1
}
.globalFooterNav .optionList a:before {
    position:absolute;
    top:10px;
    left:0
}
.globalFooterNav .optionList a>span {
    margin-right:4px;
    white-space:nowrap
}
@media (min-width:670px) {
    .globalFooterNav .optionList a {
        padding:8px 15px 7px
    }
}
.globalFooterNav .countryPicker .optionList a {
    padding:8px 0 7px 37px
}
@media (min-width:670px) {
    .globalFooterNav .countryPicker .optionList a {
        padding-left:52px;
        padding-right:15px
    }
    .globalFooterNav .countryPicker .optionList a:before {
        left:15px
    }
}
.globalFooterNav .optionList .selected {
    font-weight:600;
    color:#32325d
}
.globalFooterNav .optionList .selected>span:before {
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    vertical-align:-2px;
    margin:0 6px 0 -2px;
    background-size:contain;
    background-repeat:no-repeat
}
.globalFooterNav .badge {
    font-size:10px;
    line-height:10px;
    color:#aab7c4;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.025em;
    font-style:normal;
    padding:2px 3px 1px;
    border-radius:4px;
    border:1px solid #e6ebf1;
    display:inline-block;
    vertical-align:1px
}
.globalFooterNav .languagePicker {
    padding:10px 20px
}
@media (min-width:670px) {
    .globalFooterNav .languagePicker {
        padding:10px 5px
    }
}
.globalFooterNav .countryPicker {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:visible
}
.globalFooterNav .countryPicker:before {
    background:#f6f9fc
}
@media (min-width:670px) {
    .globalFooterNav .countryPicker {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .globalFooterNav .countryPicker:before {
        background:#fff
    }
}
.globalFooterNav .columns {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.globalFooterNav .columns,
.globalFooterNav .sidebar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.globalFooterNav .sidebar {
    background:#f6f9fc;
    border-radius:0 0 5px 5px;
    overflow:visible;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.globalFooterNav .sidebar .countryList {
    background:#f6f9fc
}
@media (min-width:670px) {
    .globalFooterNav .sidebar {
        border-radius:0 5px 5px 0
    }
}
.globalFooterNav .sidebar .optionList a:hover {
    background-color:rgba(230,235,241,.5)
}
.globalFooterNav .sidebar .optionList a:active {
    background-color:rgba(207,215,223,.5)
}
.globalFooterNav .countryList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:calc(100vw - 30px);
    -webkit-overflow-scrolling:touch;
    background-color:#fff;
    overflow:visible;
    border-radius:5px;
    border-bottom:2px solid #fff
}
.globalFooterNav .countryList h4 {
    margin:0 0 5px
}
.globalFooterNav .countryList h4 a {
    line-height:36px;
    padding:0;
    text-transform:uppercase;
    color:var(--link-color);
    font-size:14px;
    font-weight:600;
    letter-spacing:.025em
}
.globalFooterNav .countryList h4 a:hover {
    color:#32325d
}
.globalFooterNav .countryList h4 a:after {
    font:normal 16px StripeIcons;
    content:"\2192";
    margin-left:6px
}
@media (min-width:670px) {
    .globalFooterNav .countryList h4 a {
        padding:0 15px
    }
}
.globalFooterNav .globalLink {
    padding:20px 25px
}
.globalFooterNav .globalLink:hover {
    color:#424770
}
.globalFooterNav .globalLink:hover strong {
    color:#32325d
}
@media (min-width:670px) {
    .globalFooterNav .globalLink {
        padding:30px 40px
    }
}
.globalFooterNav .globalLink strong {
    display:block;
    color:var(--link-color);
    font-weight:500;
    -webkit-transition:color .1s;
    transition:color .1s
}
.globalFooterNav .globalLink strong:after {
    font:normal 16px StripeIcons;
    content:"\2192";
    margin-left:6px
}
.globalFooterNav.globalFooterNav--collapsed {
    padding-top:35px;
    padding-bottom:18px
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed {
        padding-top:17px;
        padding-bottom:12px
    }
}
.globalFooterNav.globalFooterNav--collapsed .container-lg {
    padding:0 28px
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .container-lg {
        padding:0 20px
    }
}
.globalFooterNav.globalFooterNav--collapsed .metaNav {
    margin:0;
    display:block
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .metaNav {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .metaNav .country {
        margin-right:35px
    }
}
.globalFooterNav.globalFooterNav--collapsed .metaNav .copyright {
    position:absolute;
    right:28px;
    top:35px
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .metaNav .copyright {
        position:static
    }
}
.globalFooterNav.globalFooterNav--collapsed .siteNav {
    display:none
}

.common-Button {
    white-space:nowrap;
    display:inline-block;text-shadow: 0 1px 1px rgba(0,0,0,.25);
    height:40px;
    line-height:40px;
    padding:0 14px;
    -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    background:#fff;
    border-radius:16.5px;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.025em;
    color:var(--link-color);
    text-decoration:none;
    -webkit-transition:all .15s ease;
    transition:all .15s ease
}
.keyboard-navigation .common-Button:focus {
    outline:none;
    -webkit-box-shadow:0 0 0 1.5px hsla(0,0%,100%,.75),0 0 0 1.25px rgba(82,95,127,.5) inset,0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 0 0 1.5px hsla(0,0%,100%,.75),inset 0 0 0 1.25px rgba(82,95,127,.5),0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)
}
.common-Button.js-hover,
.common-Button:focus,
.common-Button:hover {
    color:#4582be;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px);
    -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}
.common-Button.js-active,
.common-Button:active {
    color:#4582be;
    background-color:#f6f9fc;
    -webkit-transform:translateY(1px);
    transform:translateY(1px);
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
}
.common-Button--default {
    color:#fff;
    background:var(--link-color)
}
.common-Button--default.js-hover,
.common-Button--default:focus,
.common-Button--default:hover {
    color:#fff;
    background-color:#4582be
}
.common-Button--default.js-active,
.common-Button--default:active {
    color:#e6ebf1;
    background-color:#4582be
}
.common-Button--dark {
    color:#fff;
    background:#32325d
}
.common-Button--dark:focus,
.common-Button--dark:hover {
    color:#fff;
    background-color:#43458b
}
.common-Button--dark:active {
    color:#e6ebf1;
    background-color:#32325d
}
.common-Button--disabled,
.js-disabled {
    color:#fff;
    background:#aab7c4;
    pointer-events:none
}
.common-ButtonIcon {
    display:inline;
    margin:0 5px 0 0;
    position:relative
}
.common-ButtonGroup {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-10px
}
.common-ButtonGroup .common-Button {
    -ms-flex-negative:0;
    flex-shrink:0;
    margin:10px
}
.Foot_t {
    font-size: 13px;
    color: #aab9c9;
    line-height: 18px;
}

.cookie-disclaimer {
    background-color: var(--cookieDisclaumerBackgroundColor);
    color: var(--cookieDisclaumerColor);
    font-size: var(--cookieDisclaumerFontSize);
    opacity: 0;
    padding: var(--cookieDisclaumerPadding);
    transform: translateY(100%);
    transition: opacity 0.3s, transform 0.5s;
}


.cookie-disclaimer.is-active {
    opacity: 1;
    transform: translateY(0);
    z-index: 9;

}

.cookie-disclaimer :first-child {
    margin-top: 0;
}

.cookie-disclaimer :last-child {
    margin-bottom: 0;
}


.cookie-notification-container {
    position:fixed!important;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    display:none;
    z-index:1100;
    z-index:calc(1000 + 100);
    pointer-events:none
}
@media (min-width:420px) {
    .cookie-notification-container {
        bottom:10px
    }
}
.cookie-notification-container.shown {
    display:block
}
.cookie-notification-container.dismissed,
.cookie-notification-container.shown.dismissed {
    display:none
}
.cookie-notification {
    background:linear-gradient(84.06deg, #0088FF -28.62%, #A033FF 36.39%, #FF5C87 98.74%);
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    font-size:15px;
    color:#fff;
    margin:0 auto;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.text_cookie { color:#fff!important;
    text-decoration: underline;}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
    .cookie-notification {

        -webkit-backdrop-filter:blur(20px);
        backdrop-filter:blur(20px)
    }
}
@media (min-width:420px) {
    .cookie-notification {
        border-radius:4px
    }
}
.cookie-notification-container.shown .cookie-notification {
    pointer-events:all
}
.cookie-notification .cookie-notification-copy {
    padding:8px 5px 8px 15px
}
.cookie-notification .dismiss-button {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    outline:none;
    overflow:hidden;
    text-indent:-9999px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    width:40px;
    height:40px;
    color:#fff;
    -webkit-transition:color .15s;
    transition:color .15s;
    cursor:pointer
}
.cookie-notification .dismiss-button:after,
.cookie-notification .dismiss-button:before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:40%;
    height:2px;
    background:currentColor;
    border-radius:2px;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.cookie-notification .dismiss-button:after {
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.cookie-notification .dismiss-button:hover {
    color:var(--amber-wait);
}

.breadcrumbs {
    font-size:13px;

}
.breadcrumbs:after,.breadcrumbs:before {
    content:"";
    display:table
}
.breadcrumbs:after {
    clear:both;
}
.breadcrumbs li {
    float:left
}
.breadcrumbs li>a,.breadcrumbs li>span {
    float:left;
    position:relative;
    padding:2px 0
}
.breadcrumbs li>a {
    color:#aab9c9
}
.breadcrumbs li>a:hover {
    color:#292e31
}
.breadcrumbs li>a:hover::before {
    opacity:1!important
}
.breadcrumbs li.right {
    float:right
}
.breadcrumbs li.right a {
    font-weight:500;
    color:#4c555a
}
.breadcrumbs li.right a:hover {
    color:#292e31
}
.breadcrumbs li span {
    color:#c9ced1
}
.breadcrumbs li span.amp {
    color:inherit
}
.breadcrumbs li::before {

    content: "";
    float: left;
    width: 28px;
    height: 24px;
    background: center no-repeat;
    background-image: none;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSItMzAxIDM4OSA5IDE1Ij48cGF0aCBzdHJva2U9IiNEQkRFRTAiIHN0cm9rZS13aWR0aD0iMS4xIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0tMjk5LjggMzkwLjJsNi4zIDYuMy02LjMgNi4zIi8+PC9zdmc+);
    background-repeat: no-repeat;

}
.breadcrumbs li.right::before,.breadcrumbs li:first-child::before {
    content:none
}
.breadcrumbs li>ul {
    float:left
}
.breadcrumbs li>ul li::before {
    width:4px;
    height:4px;
    margin:25px 18px;
    background:#c9ced1;
    border-radius:50%
}
.breadcrumbs li.icon a {
    padding-left:30px;
}
.breadcrumbs li.icon a::before {
    content:"";
    position:absolute;
    width:29px;
    height:29px;
    left:-3px;
    top:50%;
    margin-top:-14px;
    opacity:.8;

}
.breadcrumbs li.accounting-and-taxes a:before {
    background-position:0 0
}
.breadcrumbs li.disputes-and-fraud a:before {
    background-position:-29px 0;
}
.breadcrumbs li.charges-and-refunds a:before {
    background-position:-58px 0
}
.breadcrumbs li.international a:before {
    background-position:-87px 0
}
.breadcrumbs li.my-account a:before {
    background-position:-116px 0
}
.breadcrumbs li.connect a:before {
    background-position:-145px 0
}
.breadcrumbs li.subscriptions a:before {
    background-position:-174px 0
}
.breadcrumbs li.transfers-and-deposits a:before {
    background-position:-203px 0
}
.dicl_mer{font-size: 13px; margin-bottom: 25px;line-height: 18px;color: #aab9c9}

.globalFooter .disclaimer-wr p:nth-child(2) {

    display: none;

}
.disclaimer-wr.more p:nth-child(1) {
    display: none;
}
.disclaimer-wr.more p:nth-child(2) {
    display: block;
}
.subscription {
    margin-top: 40px;
}

.product-card {
    background-color:var(--bg-phone);
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    border-radius:4px;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position: relative;overflow: hidden;border-radius: 16px;
}
@media(min-width:880px) {
    .product-card {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        padding:40px;
    }
}
.product-card--has-subdescription .product-card-split:first-of-type {
    margin:16px 0 0
}
.product-card+.product-card {
    margin:22px 0 0
}
.product-card .product-card-icon {
    width:32px;
    height:32px;
    margin:0 0 10px
}
@media(min-width:880px) {
    .product-card .product-card-icon {
        margin:6px 20px 0 0
    }
}
.product-card .product-card-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.product-card .product-card-content .common-BodyText.small {
    font-size:15px;
    line-height:26px
}
.product-card .anchor {
    position:relative;
    top:-130px
}
.product-card .product-title {
    color:var(--common-BodyText);
    margin:7px 0 8px
}
.product-card-split {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.product-card-split>div:first-child {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%
}
@media(min-width:880px) {
    .product-card-split>div:first-child {
        width:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:top;
        -ms-flex-pack:top;
        justify-content:top
    }
}
@media(min-width:880px) {
    .product-card-split {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:stretch;
        -ms-flex-align:stretch;
        align-items:stretch
    }
}
.product-card-split+.product-card-split {
    margin:20px 0 0
}
.product-card .product-card-features {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#6b7c93;
    margin:10px 0 0
}
.product-card .product-card-features li {
    position:relative;
    padding:4px 0 4px 32px;
    width:100%;
    font-size:15px
}
.product-card .product-card-features li .common-Pill {
    background-color:#aab7c4;
    color:#fff;
    margin-left:0
}
.product-card .product-card-features li:before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    top:8px;
    left:0;
    background-image:url(/images/check.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%
}
@media(min-width:1040px) {
    .product-card .product-card-features li:nth-child(2n),
    .product-card .product-card-features li:nth-child(odd) {
        width:50%
    }
}
.product-card .price {
    position:relative;
    padding:16px 0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media(min-width:880px) {
    .product-card .price {
        padding:16px 0 16px 28px;
        margin:0 0 0 20px;
        width:230px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.product-card .price .link.common-Link.common-Link--arrow.small {
    font-size:15px
}
.product-card .price .link.common-Link.common-Link--arrow.small:after {
    font:normal 15px StripeIcons;
    content:"\2192";
    padding-left:2px
}
.product-card .price:before {
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    left:0;
    bottom:-3px;
    pointer-events:none;
    background-color:#e6ebf1
}
@media(min-width:880px) {
    .product-card .price:before {
        width:1px;
        height:100%;
        top:0
    }
}
.product-card .product-card-split:last-child .price:before {
    display:none
}
@media(min-width:880px) {
    .product-card .product-card-split:last-child .price:before {
        display:block
    }
}
@media(max-width:670px) {
    .product-card .price {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .product-card p.discounts{
        margin-top: 0px;
    }
}



.product-card .price .annotation {
    font-size:24px;
    color:#24b47e;
    display:block;
    position:relative
}
.product-card .price .annotation:not(:first-of-type) {
    margin-top:16px
}
.product-card .price .annotation--addition {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    white-space:nowrap
}
.product-card .price .annotation--addition .plus {
    font-size:17px;
    font-weight:600;
    color:#cfd7df;
    margin:0 10px 0 12px
}
.product-card .price .annotation--addition .smaller {
    font-size:18px;
    font-weight:500;
    position:relative;
    top:1px
}
.product-card .price .disclaimer {
    position:relative;
    color:#6b7c93;
    font-size:15px;
    line-height:22px;
    display:block;
    margin:8px 0 0;
    text-decoration: line-through;
}
.product-card .price .disclaimer.above {
    margin:0 0 8px
}
.product-card .price .disclaimer~.disclaimer {
    margin-top:8px
}
.product-card .price .question-icon {
    background:#e6ebf1;
    border-radius:16px;
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:3px;
    position:relative
}
.product-card .price .question-icon .tooltip {
    position:absolute;
    top:calc(100% + 5px);
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:320px;
    max-width:90vw;
    padding:16px 20px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    background:#fff;
    border-radius:8px;
    z-index:2
}
.product-card .price .question-icon .tooltip:after {
    content:"";
    position:absolute;
    width:100%;
    height:10px;
    top:-10px;
    left:0
}
.product-card .price .question-icon:hover .tooltip {
    opacity:1;
    visibility:visible
}
.product-card .price .question-icon .Helm-Icon {
    border-radius:50%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:10px;
    width:10px
}
.product-card .price .question-icon .Helm-Icon svg {
    width:100%;
    height:100%;
    fill:#8898aa
}
.product-card .price .link {
    font-size:17px;
    font-weight:500;
    display:block;
    margin:8px 0 0;
    white-space:nowrap
}
.product-card p.discounts {
    margin-top:20px;
    padding-top:10px;
    font-size:15px;
    padding-left:52px;
    position:relative;
    padding-bottom:8px;
    border-radius:8px;
    background:var(--bg-chat);
    margin-left:0;
    color:var(--p-comonbody)
}
@media(min-width:880px) {
    .product-card p.discounts {
        margin-left:-50px
    }
}
.product-card p.discounts svg {
    margin-top:0;
    position:absolute;
    margin-left:-39px
}
.product-details {
    position:relative;
    padding:120px 0;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(51%,transparent),color-stop(51%,#f6f9fc),to(#f6f9fc));
    background:linear-gradient(transparent 51%,#f6f9fc 0,#f6f9fc)
}
.product-details:before {
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:-192px;
    height:100%;
    right:0;
    background:#f6f9fc;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
.product-details .main-header {
    text-align:center;
    margin:0 0 60px
}
.product-details .main-header h2.common-SectionTitle {
    margin:25px 0 18px
}
.cont_price{padding: 40px 20px 10px!important;}
.discount-green {
    background: #3ecf8e !important;
}
  .product-item[data-discount=true] .btn-wr {
    margin-top:30px
}
 .discount-green {
    position:absolute;
    background:#f34949;
    color:#fff;
    font-size:10px;
    padding:3px 80px;
    right:10px;
    top:13px;
    white-space:nowrap;
    text-transform:uppercase;
    -webkit-transform:rotate(45deg) translate(44%,100%);
    -ms-transform:rotate(45deg) translate(44%,100%);
    transform:rotate(45deg) translate(44%,100%);
    -webkit-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    font-weight:700
}
.discount-green{
    background: #3ecf8e!important;
}
.discount-green {
    font-size: 11px;
    right: 39px;
    top: 30px;
}
.compatible-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #6b7c93;
}
  .compatible-box .l-side {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
 .compatible-box > div {
     padding: 20px 0px 0px;
}
.compatible-box .l-side ul li::before {
    content: '';
    background: url(/images/check_to.svg);
    background-size: auto;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 5px;
}
.compatible-box .l-side ul li {
    margin: 5px 0;
    padding: 0 0 0 25px;
    position: relative;
}
.compatible-box .r-side ul li .title {
    font-weight: 700;
    margin: 0 0 10px 0;
}
.compatible-box .box-title {
    font-size: 15px;
    text-transform: uppercase;

    font-weight: 700;
}

@media only screen and (max-width:960px) {
 .compatible-box {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
    .compatible-box .l-side {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
    }
    .compatible-box > div {
        padding: 10px 0px 0;
    }
}
div.compatible-box div.l-side ul {margin-bottom: 0px}
.typing-indicator {
    background-color: var(--typing-indicator);
    will-change: transform;
    width: auto;
    border-radius: 50px;
    padding: 10px;
    display: table;
    margin: 0 auto;
    position: relative;
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
}
.typing-indicator2 {
    background-color: var(--typing-indicator);
    will-change: transform;
    width: auto;
    border-radius: 50px;
    padding: 6px;
    display: table;
    margin-left: -4px;
    position: relative;
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
}

.typing-indicator::before, .typing-indicator::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -2px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--typing-indicator);
}

.typing-indicator::after {
    height: 10px;
    width: 10px;
    left: -10px;
    bottom: -10px;
}
.typing-indicator span {
    height: 7px;
    width: 7px;
    float: left;
    margin: 0 1px;
    background-color: #9E9EA1;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
}
.typing-indicator2 span {
    height: 7px;
    width: 7px;
    float: left;
    margin: 0 1px;
    background-color: #4e7fc8;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
    -webkit-animation: 1s blink infinite 0.3333s;
    animation: 1s blink infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
    -webkit-animation: 1s blink infinite 0.6666s;
    animation: 1s blink infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
    -webkit-animation: 1s blink infinite 0.9999s;
    animation: 1s blink infinite 0.9999s;
}
.typing-indicator2 span:nth-of-type(1) {
    -webkit-animation: 1s blink infinite 0.3333s;
    animation: 1s blink infinite 0.3333s;
}
.typing-indicator2 span:nth-of-type(2) {
    -webkit-animation: 1s blink infinite 0.6666s;
    animation: 1s blink infinite 0.6666s;
    height: 0.40rem;
    width: 0.40rem;
    margin-top: 0.02rem;
}
.typing-indicator2 span:nth-of-type(3) {
    -webkit-animation: 1s blink infinite 0.9999s;
    animation: 1s blink infinite 0.9999s;
    height: 0.35rem;
    width: 0.35rem;
    margin-top: 0.045rem;
}
@-webkit-keyframes blink {
    50% {
        opacity: 1;
    }
}

@keyframes blink {
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.chat_none{background: none!important;
    box-shadow: none!important;}
.chat_none::before{content: none!important;}
.css-1n4s7mv-left span {

    text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.css-1faxhh7-sectionContent2 {
    padding: 0px 20px 30px!important;margin-top: 10px;
}

.what-is {

    padding:41px 0 24px;
    text-align:center;
}
@media (min-width:992px) {
    .what-is {
        text-align:center;
        padding-top:36px;
        padding-bottom:0;

    }
}
.what-is__wrapper {
    max-width:996px;
    margin: 0 auto;
    padding: 10px;
}
.what-is__main-headline {
    color:var(--text-primary);
    margin-bottom:25px
}
@media (min-width:992px) {
    .what-is__main-headline {
        font-size: 1.85rem;
        margin-bottom:15px
    }
    .what-is__wrapper {
        padding: 10px;
    }
}
.what-is__text {
    font-size:16px;
    line-height:1.5;
    margin-bottom:30px;
    color:var(--text-comonbody)
}
.what-is__text p {
    margin-bottom:15px;

}
.what-is__text p:last-child {
    margin-bottom:0
}
@media (min-width:992px) {
    .what-is__text {
        font-size:16px;
        line-height:1.67;
        margin-bottom:36px
    }
}
.what-is__img {
    display:block;
    margin:auto;
    width:100%;
    max-width:500px;
    height:200px
}
@media (min-width:992px) {
    .what-is__img {
        max-width:780px;
        margin-bottom:-65px
    }
}
.css-1w5jwr6-sectionIsLighter {

    margin-top: 30px;
}
.feature-list {

    margin-bottom: 0rem!important;
}
.bg-white_v2.border-t.border-grey-lighter {
    height: 65px;
}
.img_box{-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    border-radius: 8px;}
.img_size{
    max-height: 300px;
}
.img_size290{
    height: 290px;
}
#dialog-container {
    /** border: dashed 2px pink; **/


    margin-right: auto;

}
.img_center_w{margin: 0 auto;
    display: block;}
@media (max-width:670px) {
.img_center{margin: 0 auto;
    display: block;}

    #dialog-container {

        margin-left: auto;
        margin-right: auto;

    }
}


.dialog-box {
    position: relative;

    max-height: 180px;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
}

.dialog-box .header {
    height: 25px;
    position: relative;
    color: black;
}

.background-blur {
    height: 100%;
    width: 100%;
    background-color: #eaeaea;
    position: absolute;
}
.background-blure {
    background-color: var(--background-blure);
    position: absolute;
    height: 100%;
    width: 100%;
}
.left-dialog {
    float: left;
    text-align: left;
    width: content-max;
    padding: 3px 0 0 10px;

}

.right-dialog {
    float: right;
    text-align: right;
    width: content-max;
    padding: 4px 5px 0 0;
}

.contents {
    z-index: 100;
    position: inherit;
    font-size: 0.94em;
    background: var(--imessage);

}

.main-content-sms {
    padding: 8px 20px 10px 10px;
    line-height: 19px; color:var(--text-primary)
}
.color_i{color: #828282; font-size: 12px;text-transform: uppercase;}
.color_ii{color: #828282; font-size: 12px;text-transform: uppercase;}
#footer-text {
    font-size: 0.8em;
    position: absolute;
    bottom: 8px;
    right: 8px;
}
.date-imessage{color: #828282;
    font-weight: 400;
    line-height: 17px;}

.dialog-box::before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: 7px;
    width: 0;
    height: 0;
    border-bottom: 15px solid var(--bg-chat-light);
    border-left: 10px solid transparent;
}


.scrollToTopBtn {
    background-color: #2d87ff;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 16px;
    line-height: 48px;
    width: 48px;

    /* place it at the bottom right corner */
    position: fixed;
    bottom: 30px;
    right: 30px;
    /* keep it at the top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all .5s ease
}

.showBtn {
    opacity: 1;
    transform: translateY(0)
}

@media (min-width: 670px) {
    .Hero__logos_logo_v1 {
        margin-top: 0
    }
}

.Hero__logos_logo_v1 ul {
     flex-wrap: wrap;
    justify-content: center
}

.Hero__logos_logo_v1 ul li {
    margin-bottom: 10px;
    justify-content: center
}



@media (min-width: 670px) {
    .Hero__logos_logo_v1 ul {
        flex-wrap: nowrap;
        justify-content: left;
    }

    .Hero__logos_logo_v1 ul li {
        width: auto;
        margin-bottom: 0
    }
}


.drop-LogoRow_logo_v1__logoRow {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media (min-width: 670px) {
    .drop-LogoRow_logo_v1__logoRow {
        justify-content: space-between
    }
}

.drop-LogoRow_logo_v1__logoRow li {
    padding: 0 15px;
    display: flex;
    align-items: center
}

@media (min-width: 670px) {
    .drop-LogoRow_logo_v1__logoRow li {
        margin-bottom: 14px
    }

    .drop-LogoRow_logo_v1__logoRow li:first-child {
        padding-left: 0
    }

    .drop-LogoRow_logo_v1__logoRow li:last-child {
        padding-right: 0
    }
}

@media (min-width: 880px) {
    .drop-LogoRow_logo_v1__logoRow li {
        padding: 0 18px
    }
}

@media (min-width: 1040px) {
    .drop-LogoRow_logo_v1__logoRow li {
        padding: 0 12px
    }
}

.drop-LogoRow_logo_v1__logoRow a {
    display: flex;
    cursor: pointer
}

.drop-LogoRow_logo_v1__logoRow img, .drop-LogoRow_logo_v1__logoRow svg {
    max-width: 100%;
    max-height: 40px
}
.drop-UserLogo {
    display: block;
}
.bitcoin_logos_logo {
    width: 110px;
}
.bitcoincash_logos_logo {
    width: 140px;
}
.ethereum_logos_logo {
    width: 50px;
}
.tether_logos_logo {
    width: 110px;
}
.ripple_logos_logo {
    width: 110px;
}
.monero_logos_logo {
    width: 110px;
}
.dash_logos_logo {
    width: 70px;
}
.litecoin_logos_logo {
    width: 90px;
}

@media (max-width: 670px) {
    .bitcoin_logos_logo {
        width: 90px;
    }
    .bitcoincash_logos_logo {
        width: 110px;
    }
    .ethereum_logos_logo {
        width: 40px;
    }
    .tether_logos_logo {
        width: 90px;
    }
    .ripple_logos_logo {
        width: 90px;
    }
    .monero_logos_logo {
        width: 90px;
    }
    .dash_logos_logo {
        width: 70px;
    }
    .litecoin_logos_logo {
        width: 90px;
    }
}
.footer_lang{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 5px;}

.text_decor{text-decoration: underline}
.DomGraphic {
    position:relative;
    height:0;
    width:100%;margin: 10px;
}
.DomGraphic__container {
    position:absolute;
    top:0;
    left:0;
    -webkit-transform-origin:top left;
    transform-origin:top left
}

@media (max-width: 870px) {
    .DomGraphic__container {
        transform: scale(0.909259)!important;
    }

}
.ClimateHeroGraphic {
    margin: 40px;
}
@media (max-width: 670px) {
    .DomGraphic,.ClimateHeroGraphic {
        position:initial;
    }
    .ClimateHeroGraphic {
        margin: 0px;
    }
    .DomGraphic__container {
        transform: scale(0.89)!important;
    }
}
@media (max-width: 570px) {
    .DomGraphic__container {
        transform: scale(0.851481)!important;
    }
}
@media (max-width: 470px) {
    .DomGraphic__container {
        transform: scale(0.761481)!important;
    }

}
@media (max-width: 420px) {
    .DomGraphic__container {
        transform: scale(0.631481)!important;
    }
}
@media (max-width: 370px) {
    .DomGraphic__container {
        transform: scale(0.591481)!important;
    }
}





.DomGraphic--isAnimating .DomGraphic__container {
    will-change:transform
}
.ClimateHeroGraphic {
    position:relative;
    width:540px;
    height:535px
}
.ClimateHeroGraphic__phone {
    z-index:1;
    position:absolute;
    right:0;
    top:calc(50% - 295px);
    height:590px!important
}
.Card.ClimateHeroReceiptGraphic {
    position:absolute;
    width:450px;
    left:0;
    top:50%;
    top:calc(50% - 237px);
    font-size:11px
}
.Card {
    --cardShadow:none;
    --cardShadowMargin:0;
    position:relative;
    min-width:100px;
    min-height:72px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);
    overflow:hidden
}
.Card--border {
    border:1px solid #cbd6e0
}
@media (max-width:599px) {
    .Card--hasShadowMargin {
        margin-bottom:16px
    }
}
.Card--shadowXSmall {
    --cardShadow:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
    --cardShadowMargin:2px
}
.Card--shadowSmall {
    --cardShadow:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
    --cardShadowMargin:16px
}
.Card--shadowMedium {
    --cardShadow:0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);
    --cardShadowMargin:16px
}
.Card--shadowLarge {
    --cardShadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3);
    --cardShadowMargin:32px
}
.Card--shadowXLarge {
    --cardShadow:0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);
    --cardShadowMargin:48px
}
.ClimateHeroBannerGraphic {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    width:440px;
    height:102px;
    padding:27px 24px;
    position:absolute;
    top:calc(50% - 99px);
    left:calc(50% - 220px);
    font-size:15px;
    line-height:1.5;
    color:#364657;
    z-index:2
}
.ClimateHeroBannerGraphic .AnimatedProductIcon {
    margin-right:16px
}
.ClimateHeroBannerGraphic em {
    font-weight:var(--fontWeightBold);
    font-style:normal
}
@media (min-width:900px) {
    .ClimateHeroBannerGraphic {
        left:calc(50% - 340px)
    }
}
.PhoneGraphic {
    width:264px;
    height:533px;
    padding:8px;
    border-radius:36px;
    background:var(--bg-phone);
    box-shadow:var(--PhoneGraphic-shadow);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:14px
}
.PhoneGraphic--scaleLarge {
    width:301px;
    height:615px;
    border-radius:42px;

}
.bg-green-lightest {
    background-color: var(--bg-chat);
}
.chat_2{-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    max-width: 400px;}
.max-w800{max-width: 800px}
.max-w400{max-width: 400px;
     width: 370px;}
@media (max-width:670px) {
    .max-w400{max-width: 400px;
        width: 350px;}
}
@media (max-width:370px) {
    .max-w400{
        width: 300px;}
}
.chat_start {height: 270px;
    overflow-y: scroll;}

.chat_start2 {height: 440px!important;
   }
.m-h400{min-height: 460px!important; }
.message-left .message-time {
    content: attr(data-time);
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 10px;
    opacity: 1;
    color: #898989;
}

.message-right .message-time {
    content: attr(data-time);
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 10px;
    opacity: 1;
    color: #898989;
}
.chat-listcontainer {
    font-size: 14px;min-height: 400px;background-image: var(--bg-inital);
}
.border_chat{border-bottom: 1px solid var(--field-border);}
.chat-listcontainer ul.chat-message-list li.message-left, .chat-listcontainer ul.chat-message-list li.message-right{
    padding: 5px 10px 5px 10px!important;
}
.message-left .message-text {
    padding: 0px 30px 0px 0px;
}

.message-right .message-text {
    background: var(--bg-chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
    color:#fff
}
.chat_header_v2 ul li.message-right {
    background: var(--bg-chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 10px; max-width: 80%;
}
.chat_header_v2 ul li.message-left {
    max-width: 80%;
}
.chat_header_v2 ul li.message-right::before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--bg-chat);
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat-container {
    height: 400px;
    overflow-y: scroll;

}

.spinme-right {
    display: inline-block;

    font-size: 14px;
    border-radius: 30px;
    line-height: 1.25em;
    font-weight: 100;
    opacity: 1;
}

.spinme-left {
    display: inline-block;

    font-size: 14px;
    color: #9E9EA1;
    border-radius: 30px;
    line-height: 1.25em;
    font-weight: 100;
    opacity: 1;
}

.spinner {
    margin: 0;
    width: 30px;
    text-align: center;
}

.spinner > div {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background: #9E9EA1;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.WizardMobile{position:relative;overflow:hidden}
.WizardMobile .Helm-LayoutColumns{flex-direction:column-reverse;align-items:flex-start;margin-bottom:0}
.WizardMobile .Helm-LayoutColumns .Helm-LayoutColumns__column:last-of-type{padding-top:55px}
.WizardMobile__phone{position:relative;
    max-width:100%;margin:0 auto}
@media (max-width:670px) {
    .WizardMobile__phone { width:300px;}
}
.WizardMobile__phone:after{content:"";position:absolute;left:8px;top:5px;width:calc(100% - 12px);height:calc(100% - 10px);border-radius:50px;z-index:0}
.WizardMobile__phoneImage{width:100%;position:relative;z-index:1;display:block}
.WizardMobile__card{position:absolute;top:60px;left:calc(50% + 1px);transform:translateX(-50%);width:80%;z-index:1;border-radius:8px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}
.WizardMobile__pill{margin-left:0}
.Santa{z-index:1;margin-top:-270px}@media (min-width:1160px){.Santa{padding: 70px 0 20px;margin-top:-300px}}
.Santa .Helm-SectionIntro{max-width:640px;padding-top:0;margin:0 auto 80px}
.Santa__title{margin:9px 0 16px;color:#32325d}@media (min-width:670px){.Santa__copy{flex-basis:80%;padding-right:24px}}
.Santa__copyBeforePill{margin-right:6px}
.Santa .common-TgHackGrid .backgroundContainer .background{background:var(--line-to);height:100%;z-index:-1}
.Santa .common-TgHackGrid{left:0}.Santa .common-TgHackGrid .tghack:first-child{grid-row:1;grid-column:2/span 5;background:#2ca5e0}
.Santa .common-TgHackGrid .tghack:nth-child(4){grid-row:1;grid-column:18/span 4;background-color:#4582be}

.common-TgHackGrid {
    --tghack-height:48px;
    --content-columns:12;
    --gutter-columns:4;
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    z-index:-1;
    pointer-events:none
}
@media (min-width:670px) {
    .common-TgHackGrid {
        --tghack-height:64px
    }
}
.common-TgHackGrid .backgroundContainer,
.common-TgHackGrid .tghackContainer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    width:100%;
    height:100%;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
.common-TgHackGrid .backgroundContainer .grid {
    grid-template-columns:1fr;
    min-width:0
}
.common-TgHackGrid .backgroundContainer .background {
    grid-row:1/-1;
    grid-column:1/-1;
    z-index:-1
}
.common-TgHackGrid .tghackContainer {
    overflow:hidden
}
.common-TgHackGrid.anchorBottom .backgroundContainer,
.common-TgHackGrid.anchorBottom .tghackContainer {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.common-TgHackGrid.anchorBottom .grid {
    height:200%;
    -ms-flex-line-pack:end;
    align-content:end
}
.common-TgHackGrid .grid {
    --content-column-width:minmax(0,calc(1040px / var(--content-columns)));
    --gutter-column-width:1fr;
    position:absolute;
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:repeat(auto-fill,var(--tghack-height));
    grid-template-columns:[viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns),var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end]
}
@media (min-width:1040px) {
    .common-TgHackGrid .grid {
        --gutter-column-width:var(--content-column-width);
        min-width:calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)))
    }
}
.Santa {
    position: relative;
}
.Helm-SectionIntro__title {
    display: flex;
    align-items: center;
    margin: 16px auto;
    margin-bottom: 16px;
}
.Helm-SectionIntro {
    text-align: center;
}
.Helm-SectionIntro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 50px 20px 0;
    margin-bottom: 50px;
    text-align: center;
}
.faq_f{z-index: 2;
    position: relative;}
.css-8c58y9 {
    color: var(--text-primary);
    font-family: Inter,sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 0;
}

section.description_columns_v5 {
    position: relative;
    padding: 10px 30px 30px 20px;
    margin-top: calc(-140px + 15vh);
    z-index: 2;
}
.mt30-30{margin-top: 10px;
    margin-bottom: 40px;}

@media (max-width: 670px) {
    section.description_columns_v5 {
        padding: 10px 10px 50px 10px;
    }
    .mt30-30{margin-top: 30px;
        margin-bottom: 30px;}
}

section.description_columns_v5 .top-edge {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    bottom: 100%;
    overflow: hidden;
    pointer-events: none
}

section.description_columns_v5 .top-edge svg {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-filter: drop-shadow(0 0 10px hsla(22, 18%, 57%, .15));
    filter: drop-shadow(0 0 10px rgba(165, 140, 126, .15))
}

section.description_columns_v5 .intro-copy {
    margin-bottom: 60px
}
.lg-cols, .lg-grid, .lg-rows, .md-cols, .md-grid, .md-rows, .sm-cols_columns_v5, .sm-grid, .sm-rows, .xs-cols, .xs-grid, .xs-rows_columns_v5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px
}

.feature-block_columns_v5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    position: relative
}

.xs-cols {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.xs-cols .feature-block_columns_v5 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.xs-rows_columns_v5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.xs-rows_columns_v5 .feature-block_columns_v5 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.xs-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-grid .feature-block_columns_v5 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (min-width: 670px) {
    .sm-cols_columns_v5 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm-cols_columns_v5 .feature-block_columns_v5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sm-rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm-rows .feature-block_columns_v5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .sm-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm-grid .feature-block_columns_v5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 880px) {
    .md-cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md-cols .feature-block_columns_v5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .md-rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md-rows .feature-block_columns_v5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .md-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .md-grid .feature-block_columns_v5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 1040px) {
    .lg-cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg-cols .feature-block_columns_v5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .lg-rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg-rows .feature-block_columns_v5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .lg-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg-grid .feature-block_columns_v5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}


.xs-icon-left {
    padding-left: 50px
}

.xs-icon-left .icon {
    position: absolute;
    left: -24px;
    top: 7px
}
.w-90 {width: 90%}
.w-80 {width: 80%}

.w-70{
    width: 90%;
}
@media (min-width: 870px) {
    .w-70{width: 65%}
}
@media (min-width: 670px) {

    .sm-icon-top {
        padding-left: 0
    }

    .sm-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }

    .sm-icon-left {
        padding-left: 50px
    }

    .sm-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}

@media (min-width: 880px) {
    .md-icon-top {
        padding-left: 0
    }

    .md-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }

    .md-icon-left {
        padding-left: 50px
    }

    .md-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}
.feature-block_columns_v5 .icon {
    width: 48px;
    height: 48px;
}
@media (min-width: 1040px) {
    .lg-icon-top {
        padding-left: 0
    }

    .lg-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }




}
.common-BodyTitle_columns_v5 {
    font-weight: 500;
    font-size: 19px;
    line-height: 32px;
    color: var(--h-color);
}
.common-BodyText_columns_v5 {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: var(--p-comonbody);
}
.clr-accent-3_mask_v1 {
    color: var(--var-mask)!important;
}

.rooted {
    position:relative;
}
@media(min-width:420px) {
    .rooted {
        padding:80px 0 90px
    }
}
@media(min-width:670px) {
    .rooted {
        padding:30px 0 100px
    }
}
@media(min-width:880px) {
    .rooted {
        padding:80px 0 120px
    }
}
@media(min-width:1040px) {
    .rooted {
        padding:80px 0 110px
    }
}
.rooted-content {
    display:grid;
    grid-template-rows:auto auto;
    grid-template-columns:1fr;
    grid-gap:30px 0;
    gap:30px 0;
    margin:35px 0 -60px
}
@media(min-width:670px) {
    .rooted-content {
        margin:50px 0 -80px;
        grid-template-rows:1fr;
        grid-template-columns:.55fr .45fr;
        grid-gap:0 40px;
        gap:0 40px
    }
}
@media(min-width:880px) {
    .rooted-content {
        margin:50px 0 -100px;
        grid-gap:0 85px;
        gap:0 85px
    }
}
@media(min-width:1040px) {
    .rooted-content {
        margin:30px 0 -100px;
        grid-gap:0 50px;
        gap:0 50px
    }
}
.rooted-pillar {
    position:relative;
    margin:0 0 30px;
    padding:0px
}
@media(min-width:880px) {
    .rooted-pillar {
        margin:0 0 25px;

    }
}
.rooted-pillar figure {
    position:relative;
    top:3px;
    left:0
}
.rooted-pillar:last-child {
    margin:0
}
.rooted-increment {
    position:relative;
    flex-shrink:0;
    padding:30px;
    margin-top:50px
}
@media(min-width:670px) {
    .rooted-increment {
        padding:40px;
        margin-top:0
    }
    .rooted-pillar figure {
        position:absolute;
        top:3px;
        left:0
    }
}
.rooted-increment .cover {
    position:relative;
    height:200px;
    background-color:#7899c5;
    background-image:var(--tg-hacker);
    background-size:100%;
    background-position:top;
    margin:-30px -30px 25px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    overflow:hidden;
    -webkit-mask-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,#000));
    -webkit-mask-image: linear-gradient(0deg,transparent 0,#000 25%);
    mask-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,#000));
    mask-image: linear-gradient(0deg,transparent 0,#000 25%);
}

.rooted-increment .cover:after {
    content:"";
    position:absolute;
    width:100%;
    height:200px;
    left:0;
    top:100%;
    background-color:#fff;

    transform-origin:0 0
}
.rooted-increment h2 {
    margin:0 0 20px;
    color:var(--text-primary)
}
.rooted-increment .common-Button--default {
    margin:25px 0 0
}
.rooted .common-TgHGrid .backgroundContainer .background {
    background-color:#f6f9fc
}
.rooted .common-TgHGrid .TgHContainer .TgH:first-child {
    grid-column:viewport-start/span 4;
    grid-row:-2;
    background-color:#2ca5e0
}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(2) {
    grid-column:2/span 3;
    grid-row:-2;
    background-color:#2ca5e0
}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(3) {
    grid-column:right-gutter-start/span 3;
    grid-row:-4;

}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(4) {
    grid-column:span 6/viewport-end;
    grid-row:-3;
    background-color:#4582be
}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(5) {
    grid-column:span 5/-2;
    grid-row:-2;

}

.common-TgHGrid {
    --TgH-height:48px;
    --content-columns:12;
    --gutter-columns:4;
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    z-index:-1;
    pointer-events:none
}
@media (min-width:670px) {
    .common-TgHGrid {
        --TgH-height:64px
    }
}
.common-TgHGrid .backgroundContainer,
.common-TgHGrid .TgHContainer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    width:100%;
    height:100%;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
.common-TgHGrid .backgroundContainer .grid {
    grid-template-columns:1fr;
    min-width:0
}
.common-TgHGrid .backgroundContainer .background {
    grid-row:1/-1;
    grid-column:1/-1;
    z-index:-1
}
.common-TgHGrid .TgHContainer {
    overflow:hidden
}
.common-TgHGrid.anchorBottom .backgroundContainer,
.common-TgHGrid.anchorBottom .TgHContainer {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.common-TgHGrid.anchorBottom .grid {
    height:200%;
    -ms-flex-line-pack:end;
    align-content:end
}
.common-TgHGrid .grid {
    --content-column-width:minmax(0,calc(1040px / var(--content-columns)));
    --gutter-column-width:1fr;
    position:absolute;
    width:100%;
    height:100%;
    display:grid;background: var(--bg-main-2);
    grid-template-rows:repeat(auto-fill,var(--TgH-height));
    grid-template-columns:[viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns),var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end]
}
@media (min-width:1040px) {
    .common-TgHGrid .grid {
        --gutter-column-width:var(--content-column-width);
        min-width:calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)))
    }
}
.img_without{padding: 5px;
    border-radius: 30px;}
.BillingLifecycleAnimation {
    --lifecycleAnimationCardSize:72px;
    --lifecycleAnimationSpacing:16px;
    --lifecycleAnimationVisibleEvents:3;
    --lifecycleAnimationShadowPadding:32px;
    position:relative;
    margin-top: 30px;
    height:calc(72px*3 + 16px*(3 - 1))
}
.BillingLifecycleAnimation--animating {
    --transitionDuration:500ms;
    --transitionEasing:cubic-bezier(0.645,0.045,0.355,1.000)
}
.BillingLifecycleAnimation__masked {
    position:absolute;
    width: 90%;
    top: calc((var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))*-1);
    left: calc(-1*var(--lifecycleAnimationShadowPadding));
    right: calc(-1*var(--lifecycleAnimationShadowPadding));
    bottom:0;
    overflow:hidden;
    -webkit-mask-image:-webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,#000));
    -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 25%);
    mask-image:-webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,#000));
    mask-image:linear-gradient(0deg,transparent 0,#000 25%)
}
@media (max-width:670px) {.BillingLifecycleAnimation__masked {
    width: 100%;
}
    .BillingLifecycleAnimation {
        margin-top: 0px;
    }
}
.BillingLifecycleAnimation__container {
    position:absolute;
    top:0;
    left:32px;
    right:32px;
    height:100%
}
.BillingLifecycleCard {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:72px;
    -webkit-transform: translateY(calc(var(--index)*(var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))));
    transform: translateY(calc(var(--index)*(var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))));
}
.BillingLifecycleCard--active {
    --index:1;
    z-index:4
}
.BillingLifecycleCard--inactive {
    --index:4
}
.BillingLifecycleCard--inactive:nth-of-type(2) {
    --index:2
}
.BillingLifecycleCard--inactive:nth-of-type(3) {
    --index:3
}
.BillingLifecycleCard:after,
.BillingLifecycleCard:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:8px;
    -webkit-transition:opacity 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:opacity 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    content:""
}
.BillingLifecycleCard:before {
    box-shadow:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
    opacity:0
}
.BillingLifecycleCard:after {
    box-shadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3)
}
.BillingLifecycleCard--inactive:before {
    opacity:1
}
.BillingLifecycleCard--inactive:after {
    opacity:0
}
.BillingLifecycleCard__card {
    height:72px;
    border-radius:8px;
    background:var(--imessage)
}
.BillingLifecycleCard__card,
.BillingLifecycleCard__iconContainer {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.BillingLifecycleCard__iconContainer {
    -webkit-box-flex:0;
    flex:0 0 auto;
    -webkit-box-pack:center;
    justify-content:center;
    width:72px;
    height:inherit;
    position:relative;
    color:#fff;
    overflow:hidden
}
.BillingLifecycleCard__iconContainer,
.BillingLifecycleCard__iconContainer:after,
.BillingLifecycleCard__iconContainer:before {
    -webkit-transition:opacity var(--transitionDuration) var(--transitionEasing);
    transition:opacity var(--transitionDuration) var(--transitionEasing);
    border-top-left-radius:8px;
    border-bottom-left-radius:8px
}
.BillingLifecycleCard__iconContainer:after,
.BillingLifecycleCard__iconContainer:before {
    content:"";
    position:absolute;
    top:var(--myVar);
    left:0;
    width:100%;
    height:100%
}
.BillingLifecycleCard__iconContainer:before {
    background-color:#0084ff
}
.BillingLifecycleCard__iconContainer:after {
    background-color:#0084ff
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__iconContainer:before {
    opacity:.19
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__iconContainer:after {
    opacity:0
}
.BillingLifecycleCard__icon {
    position:relative;
    z-index:1
}
.BillingLifecycleCard__body {
    padding:12px 16px 15px;
    opacity:1;
    -webkit-transition:opacity var(--transitionDuration) var(--transitionEasing);
    transition:opacity var(--transitionDuration) var(--transitionEasing);
    overflow:hidden
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__body {
    opacity:.35
}
.BillingLifecycleCard__label {
    width:100%;
    font:400 15px/1.6 "sohne-var","Helvetica Neue","Arial",sans-serif;
    letter-spacing:.2px;
    color:var(--text-primary);
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:flex;
}
.BillingLifecycleCard__timestamp {
    font:500 15px/1.6 "sohne-var","Helvetica Neue","Arial",sans-serif;
    letter-spacing:.2px
}
.img_geo {
    width: 2.5rem;
    height: 2.5rem;
    float: left;
 z-index: 1;border-radius: 50%;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}
.bg--map {
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/bg-map@2x.jpg");
}
.BillingLifecycleCard_data{
    color:#9e9d9e;
    display:flex
}
.flag_geo{
    margin-right: 5px; width: 17px; height: 17px; border-radius: 50px;box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}


.play-about-box {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.play-about {
    position: relative;
    -webkit-mask-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,#000));
    -webkit-mask-image: linear-gradient(0deg,transparent 0,#000 25%);
    mask-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,#000));
    mask-image: linear-gradient(0deg,transparent 0,#000 25%);
}

.play-about img {
    max-width: 100%;

}

.play-about .play-video {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 74px;
    background: #0084ff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.play-about .play-video:hover {
    background: #2d86cf
}

.play-about .play-video:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 31%;
    left: 37%
}

.about-mission {

    color: #fff;
    text-align: center;

}

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none
}

.video-popup.show {
    opacity: 1;
    pointer-events: all
}

.video-popup .video-popup-inner {
    padding: 40px;
    position: relative
}

.video-popup .video-popup-inner .close-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer
}

.video-popup .video-popup-inner .close-button__cross {
    width: 12px;
    height: 12px;
    fill: #fff
}

.video-popup iframe {
    max-width: 100%
}

@media only screen and (max-width: 800px) {
    .video-popup .video-popup-inner {
        padding: 40px 0
    }
}

@media only screen and (max-width: 700px) and (orientation: landscape) {
    .video-popup .video-popup-inner .video-box iframe {
        max-height: 70vh
    }

    .video-popup .video-popup-inner .close-button:before {
        top: 2%
    }
}

.box-shadow{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
}
.text-comment {color: #9e9d9e}
.bg-comment {background: #9e9d9e}
.bgr-calls{background: var(--imessage)}
.ava-calls{width: 2.3rem; height: 2.3rem}
.ava-big{width: 3.3rem; height: 3.3rem}
.ava-del{width: 2.7rem; height: 2.7rem}
.pd-loc{padding: 5px 10px 5px 10px!important;}
.pd-file{padding: 10px 25px 5px 10px !important}
.user-calls{width: 1.3rem; height: 1.3rem}
.user-text{color: #3e80c6}
.calls-inc{color: #ec4e3e}
.mt-10-10 {margin-top: -10px!important;}
.bg-yellow-dark {
    background-color: #f2d024;
}

.bg-channel{background: var(--bg-main-2)}
.bg-block-channel{background: var(--bg-channel)}
.margin-auto {margin: 0 auto;}
.border-30{border-radius:30px }
.border-15{border-radius:15px }
.steps-section {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:0
}
.steps-section__wrapper {
    text-align:center;
    padding-top:48px;
    padding-bottom:48px
}
@media (min-width:992px) {
    .steps-section__wrapper {
        padding-top:36px;
        padding-bottom:46px
    }
}
.steps-section__main-headline {
    line-height:32px; color: var(--text-primary);
    font-size:24px
}
@media (min-width:992px) {
    .steps-section__main-headline {

        margin-left:auto;
        margin-right:auto;
        padding-bottom:10px
    }
}
.steps-section__list {
    text-align:left;
    padding-left:31px;
    margin-left:16px;
    margin-top:46px;
    margin-bottom:46px;
    border-left:1px solid var(--link-color)
}
@media (min-width:992px) {
    .steps-section__list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding-left:0;
        border-left:0 none;
        margin-top:90px;
        margin-left:0
    }
}
.steps-section__step {
    position:relative
}
@media (min-width:992px) {
    .steps-section__step {
        width:calc(100%/3)
    }
    .steps-section__step+.steps-section__step {
        padding-left:24px
    }
    .steps-section__step:before {
        content:' ';
        position:absolute;
        left:96px;
        top:-39px;
        width:calc(100% - 96px);
        height:1px;
        background-color:var(--link-color)
    }
    .steps-section__step:nth-child(1):before {
        left:72px;
        width:calc(100% - 72px)
    }
}
.steps-section__step+.steps-section__step {
    margin-top:30px
}
@media (min-width:992px) {
    .steps-section__step+.steps-section__step {
        margin-top:0
    }
}
.steps-section__number {
    position:absolute;
    left:-44px;
    top:5px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:16px;
    color:var(--link-color);
    width:24px;
    height:24px;
    border:1px solid var(--link-color);
    border-radius:50%;
    background-color:var(--bg-main-2a);
    -webkit-box-shadow:0 0 0 16px var(--bg-main-2a);
    box-shadow:0 0 0 16px var(--bg-main-2a)
}
@media (min-width:992px) {
    .steps-section__number {
        font-size:24px;
        font-weight:300;
        left:24px;
        top:-64px;
        width:48px;
        height:48px;
        -webkit-box-shadow:0 0 0 0 var(--bg-main-2a);
        box-shadow:0 0 0 0 var(--bg-main-2a)
    }
}
.steps-section__number--first {
    top:6px
}
@media (min-width:992px) {
    .steps-section__number--first {
        top:-64px;
        left:0
    }
}
.steps-section__headline {
    font-size:16px;
    font-weight:700;
    line-height:30px;
    margin-bottom:8px;
    color:var(--text-primary);
}
@media (min-width:992px) {
    .steps-section__headline {
        font-size:18px;
        color:var(--link-color);
        margin-bottom:16px
    }
}
.steps-section__headline-superscript {
    font-size:9px;
    vertical-align:super
}
.steps-section__text {
    line-height:22px;
    color:var(--text-comonbody);
    font-size: 15px;
}
.steps-section__text-italic {
    font-size:12px;
    display:block;
    margin-top:16px
}
@media (min-width:992px) {
    .steps-section__text-italic {
        font-size:14px
    }
}
.bg-tg{background: #6b8db9;}
.color_f{color:#fff}
.brd-40{border-radius: 40px;}

.map-wr {
    position:relative
}
.map-wr .points-wr {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.map-wr .points-wr i {
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    -webkit-animation:pulse 2s infinite ease;
    animation:pulse 2s infinite ease
}
.map-wr .points-wr i:nth-child(1) {
    top:28%;
    left:20%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}

.map-wr .points-wr i:nth-child(4) {
    top:40%;
    left:28%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.map-wr .points-wr i:nth-child(5) {
    top:46%;
    left:17%;
    width:10px;
    height:10px;
    background:#00a8e3;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.map-wr .points-wr i:nth-child(6) {
    top:65%;
    left:34%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.map-wr .points-wr i:nth-child(7) {
    top:76%;
    left:34%;
    width:10px;
    height:10px;
    background:#00a8e3;
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}


.map-wr .points-wr i:nth-child(10) {
    top:34%;
    left:50%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:1s;
    animation-delay:1s
}

.map-wr .points-wr i:nth-child(13) {
    top:65%;
    left:51%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}

.map-wr .points-wr i:nth-child(15) {
    top:52%;
    left:67%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}

.map-wr .points-wr i:nth-child(17) {
    top:51%;
    left:59%;
    width:10px;
    height:10px;
    background:#00a8e3;
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}

.map-wr .points-wr i:nth-child(20) {
    top:81%;
    left:87%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.map-wr .points-wr i:nth-child(21) {
    top:66%;
    left:80%;
    width:5px;
    height:5px;
    background:#00a8e3;
    -webkit-animation-delay:2.1s;
    animation-delay:2.1s
}
.map-wr img {
    width:100%;
}
@media (max-width:870px) {
    .map-wr img {
        margin-top: 0px;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    50% {
        -webkit-transform:translate(-50%,-50%) scale(0);
        transform:translate(-50%,-50%) scale(0)
    }
    to {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    50% {
        -webkit-transform:translate(-50%,-50%) scale(0);
        transform:translate(-50%,-50%) scale(0)
    }
    to {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
}

.abt{
    z-index: 4;
    position: relative;
}

@media(min-width:670px) {
    .about-tghack {
        padding:0px 0 40px
    }
}
@media(min-width:880px) {
    .about-tghack {
        padding:0px 0 40px
    }
}
.about-tghack-content {

    position:relative;
    z-index:2
}
.about-tghack-title {

    line-height:1.4;
    color:var(--text-primary)
}
.about-tghack-stats {
    margin:45px 0 0;
    display:grid;
    grid-template-rows:repeat(2,1fr);
    grid-template-columns:repeat(2,1fr);
    grid-gap:20px 0;
    gap:20px 0
}
@media(min-width:670px) {
    .about-tghack-stats {
        grid-gap:0;
        gap:0;
        grid-template-rows:1fr;
        grid-template-columns:repeat(4,1fr)
    }
}
.about-tghack-stat {
    width:100%
}
@media(min-width:880px) {
    .about-tghack-stat {
        width:auto;
        min-width:173px;
        padding-right:16px
    }
}
.about-tghack-stat span {
    display:block
}
.about-tghack-stat-number {
   font-size: 1.45rem;
    color:#3297d3;
    margin:0 0 5px
}

.about-tghack-office {
    display:none
}


.why-section {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;

    padding:0
}
@media (min-width:992px) {
    .why-section {
        margin-top: -30px;
    }
}

.why-bg{
    background: var(--bg-main-2);
    transform: skewY(-12deg);
    grid: 300px/1fr minmax(0, 1000px) 1fr;
    grid: 300px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr;
    margin-top: 200px;
    position: absolute;
    z-index: -11111111111111;
    width: 100%;
    display: grid;
}
@media (max-width:670px) {
    .why-bg { background: var(--bg-main-2);
        grid: 630px/1fr minmax(0, 1000px) 1fr;
        grid: 630px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr;}
}
.why-section__figcaption a {
    color:var(--text-comonbody)
}
.why-section__wrapper {
    text-align:center;
    padding-top:48px;
    padding-bottom:48px
}
@media (min-width:992px) {
    .why-section__wrapper {
        padding-top:20px;
        padding-bottom:80px
    }
}
.why-section__why-choose {
    width:48px;
    height:48px;
    opacity:.64;
    display:none
}
@media (min-width:992px) {
    .why-section__why-choose {
        width:63px;
        height:63px;
        display:block;
        margin:0 auto 19px
    }
}
.why-section__main-headline {
    color: var(--link-color);
}
@media (min-width:992px) {
    .why-section__main-headline {
        font-size:30px;
        line-height:48px;

    }
}
.why-section__list {
    margin-top:48px
}
@media (min-width:992px) {
    .why-section__list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.why-section__figure {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    text-align:left;
    position:relative
}
.why-section__figure+.why-section__figure {
    padding-top:16px;
    margin-top:16px
}
@media (min-width:992px) {
    .why-section__figure+.why-section__figure {
        padding-top:0;
        margin-top:0
    }
}
.why-section__figure+.why-section__figure:before {
    content:'';
    height:1px;
    width:calc(100% - 32px);
    position:absolute;
    right:-16px;
    top:0;

    opacity:.32
}
@media (min-width:992px) {
    .why-section__figure+.why-section__figure:before {
        height:0;
        width:0
    }
}
@media (min-width:992px) {
    .why-section__figure {
        width:calc(100%/3 - 32px)
    }
    .why-section__figure:nth-child(3)~* {
        margin-top:62px
    }
}
.why-section__button {
    margin-top:47px
}
.why-section__icon {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:32px;
    height:32px;
    fill:#0a2438;
    opacity:.64
}
@media (min-width:992px) {
    .why-section__icon {
        height:48px;
        width:48px
    }
}
.why-section__figcaption {
    font-weight:600;
    line-height:22px;
    color:var(--text-comonbody);
    margin-left:16px
}
.why-section__figcaption b {
    font-weight:400
}

.h1_5c6b {
    line-height: 32px;
    font-size: 27px;


    background: linear-gradient(81.84deg, #0099ff -9.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
    background-image: linear-gradient(81.84deg, rgb(0, 153, 255) -9.4%, rgb(160, 51, 255) 51.57%, rgb(255, 82, 128) 84.07%, rgb(255, 112, 97) 90.59%);
    background-clip: border-box;
    background-clip: text;
    color: transparent;
    display: inline-block;
    /*  font-size: 32px;
       line-height: 35px;
     color: var(--text-primary);
         */

     font-weight: 450;
     letter-spacing: -1px;

     padding: 0px;
     text-align: left;-webkit-background-clip: text;
     -webkit-box-decoration-break: clone;
     word-break: break-word;


}
@media (max-width: 599px) {
    .h1_5c6b {
        font-size: 24px;
        line-height: 27px;letter-spacing: -0.04em;
    }
}

.text-white {
    color: #fff !important;
}
.bg-vk-ava {
     background-color: #a1a1a1;
 }
.bg-call-red {
    background-color: #ed4d3f;
}
.AdvantageGlobalGrowth__graphic {
    transform: translateX(-35%) scale(1.5);

}
.z-1 {z-index: 1}
.sub-title > span::after {
    content: '';
    width: 20px;
    height: 2px;
    background: #3B7EFF;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    z-index: 1;
}
.sub-title > span {
    padding: 0 0 0 35px;
    position: relative;
}
.css-1vv8qia-index {
    color: var(--text-primary);
}

.css-8pcfvg-pricingItemContent-pricingTeam {
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}

.css-1faxhh7-sectionContent {
    max-width:1110px;
    padding:60px 20px 50px;
    margin:0 auto;
}
.review-com {
    color: var(--text-primary);
}
@media only screen and (max-width:1200px) {
    .css-1faxhh7-sectionContent {
        overflow:hidden;
    }
}
@media only screen and (max-width:700px) {
    .css-1faxhh7-sectionContent {
        padding: 20px 0px 20px;
    }
}
.css-1123yhp-sectionName {
    font-size:16px;
    color:var(--link-color);
    line-height:120%;
    font-weight:500;
}
.css-8c58y9 {
    color:var(--text-primary);
    font-family: Inter,sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 0;

}
.css-1wcgomi {
    margin: auto;
    margin-bottom: auto;
    font-family: Inter,sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 60px;
    color: var(--text-subhead);
    margin-bottom: 40px;
}
@media (max-width: 599px) {
    .css-1wcgomi {
        font-size: 15px;
    }
    .css-1faxhh7-sectionContent {
        padding: 0 20px;
    }
    .css-11ltz48-pricing-sectionIsLighter {
        margin-top: 30px;
    }
}
.css-164jivj-pricingGrid {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-radius:8px;
    overflow:hidden;
}
.css-hvngmn-footerText {
    margin: 20px auto 0;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
}
.css-hvngmn-footerText a {
    color: #3793ef;
}
.css-164jivj-pricingGrid {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-radius:8px;
    overflow:hidden;-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.css-wca9jl-pricingGridItem {
    background-color:var(--bg-main-2a);
    width:calc(33.3% - 2px);
    margin:1px;
    min-width:200px;
    padding:45px 45px 30px 45px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-flex-shrink:1;
    -ms-flex-negative:1;
    flex-shrink:1;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}
.css-wca9jl-pricingGridItem h2 {
    margin:20px 0 15px;
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-size:24px;
    line-height:29px;
    color:var(--text-primary);
}
@media only screen and (max-width:850px) {
    .css-wca9jl-pricingGridItem {
        width:100%;
    }
}
@media only screen and (max-width:520px) {
    .css-wca9jl-pricingGridItem {
        padding:30px 20px;
    }
}
.css-cr32hh-pricingItemContent-pricingCommunityEdition {
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}
.css-cr32hh-pricingItemContent-pricingCommunityEdition h3 {
    font-size:48px;
    font-weight:600;
    margin:0 0 20px 0;
}
@media only screen and (max-width:520px) {
    .css-cr32hh-pricingItemContent-pricingCommunityEdition h3 {
        font-size:30px;
    }
}
.css-cr32hh-pricingItemContent-pricingCommunityEdition p {
    min-height:75px;
}
.css-n84j0l-style {
    color:inherit;
    fill:currentColor;
}
.css-wca9jl-pricingGridItem h2 {
    margin: 20px 0 15px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-primary);
}
.css-nqr6kd-claim-withLine {
    font-size:34px;
    font-weight:400;
    margin:0 0 20px 0;
    border-bottom:1px solid rgba(255,255,255,0.2);
    margin-bottom:20px;
}
.css-nqr6kd-claim-withLine span {
    position:relative;
    top:-20px;
    font-size:34px;
}
.css-ti9tj3-featuresList {
    margin:0 0 40px 0;
    padding:0;
}
.css-ti9tj3-featuresList li {
    display:flex;
    font-size:15px;
    text-align:left;
    padding:7px 0;
}
@media only screen and (max-width:520px) {
    .css-ti9tj3-featuresList li {
        font-size:14px;
    }
}
.css-ti9tj3-featuresList li img {
    margin-right:10px;
    vertical-align:middle;
}
.css-ti9tj3-featuresList li small {
    color:#8f8f92;
    font-size:inherit;
}

.css-6adh3d-bottom {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex:0 0 86px;
    -ms-flex:0 0 86px;
    flex:0 0 86px;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    text-align:center;
}
.css-6adh3d-bottom button {
    margin-bottom:18px;
}

.css-11ltz48-pricing-sectionIsLighter button {
    background:var(--bg-main-2);
    font-size:15px;
    font-weight:600;
    color:#fff;
    height:50px;
    line-height:50px;
    padding:0 30px;
    border:none;
    border-radius:3px;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center;
}
.css-11ltz48-pricing-sectionIsLighter button:hover {
    background:var(--bg-main);
    cursor:pointer;
}

.css-809pjl-price-withLine {
    position:relative;
    font-size:44px;
    font-weight:500;
    color:var(--text-primary);
    border-bottom:1px solid rgba(255,255,255,0.2);
    margin-bottom:20px;
}
.css-809pjl-price-withLine span:first-of-type {
    font-size:36px;
}
.css-809pjl-price-withLine span:last-of-type {
    position:absolute;
    bottom:22px;
    margin-left:8px;
    font-weight:normal;
    font-size:18px;
    line-height:22px;
    color:#9595b0;
}
.css-wp1qjv-bottomText {
    font-size: 15px;
    line-height: 18px;
    color: var(--link-color);
}
.css-6adh3d-bottom {
    text-align: center;
}
.Collection__subtitle {
    margin-top: 50px;
}
@media (max-width:870px) {
    .Collection__subtitle {
        margin-top: 0px;
    }
}
@media only screen and (max-width:700px) {
.tarifs {
    margin-top: 50px;padding: 20px;
}
}