@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --parliament: rgba(20, 32, 51, 1);
    --parliament_80: rgba(20, 32, 51, 0.8);
    --parliament_04: rgba(20, 32, 51, 0.04);
    --green: rgba(214, 227, 59, 1);
    --orange: rgba(239, 134, 60, 1);
    --orange_10: rgba(239, 134, 60, 0.1);
    --yellow: rgba(255, 194, 0, 1);
    --yellow_10: rgba(255, 194, 0, 0.1);
    --brand-gray: #43525B;
    --brand-blue: #1263FF;
    --purplelight: #7F5AEA;
    --secondary: rgba(20, 32, 51, .5);
    --yellow_12: rgba(255, 194, 0, 0.12);
    --black: rgba(0, 0, 0, 1);
    --white: rgba(255, 255, 255, 1);
    --white_04: rgba(255, 255, 255, 0.04);
    --white_10: rgba(255, 255, 255, 0.1);
    --white_20: rgba(255, 255, 255, 0.2);
    --white_32: rgba(255, 255, 255, 0.32);
    --white_45: rgba(255, 255, 255, 0.45);
    --gray: rgba(214, 214, 214, 1);
    --gray_08: rgba(214, 214, 214, 0.08);
    --gray_24: rgba(214, 214, 214, 0.24);
    --gray_32: rgba(214, 214, 214, 0.32);
    --gray_56: rgba(214, 214, 214, 0.56);
    --gray_64: rgba(214, 214, 214, 0.64);
    --dark-gray: rgba(59, 65, 80, 1);
    --dark-gray_16: rgba(59, 65, 80, 0.16);
    --dark-gray_40: rgba(59, 65, 80, 0.4);
    --dark-gray_80: rgba(59, 65, 80, 0.8);
    --middle-gray: rgba(33,34,35, 1);
    --middle-gray_04: rgba(33,34,35, 0.04);
    --middle-gray_10: rgba(33,34,35, 0.1);
    --middle-gray_40: rgba(33,34,35, 0.4);
    --middle-gray_70: rgba(33,34,35, 0.7);
    --lavender: rgba(238, 234, 248, 1);
    --negative: #E64D3D;
    --negative_10: rgba(230,77,61,0.1);
    --positive: #51AF36;
    --positive_10: rgb(81,175,54,0.1);
    --gradient: linear-gradient(135deg,  rgba(20,32,51,1) 0%,rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.2) 60%,rgba(20,32,51,1) 100%);
    --gradient2: linear-gradient(130deg,  rgb(78, 84, 97) 20%, rgb(91, 98, 111) 55%,rgba(255, 255, 255, 0.01) 110%);
    --gradient3: linear-gradient(352deg, rgba(238, 234, 248, 0.34) 28.45%, rgba(216, 202, 248, 0.27) 59.28%, rgba(217, 217, 217, 0.00) 98.11%);
    --gradient4: linear-gradient(130deg, rgba(20, 32, 51, 1) 0%,rgba(20, 32, 51, 0.98) 44.26%,rgba(20, 32, 51, 0.87) 100%);
    --gradient5: linear-gradient(352deg, rgba(255, 194, 0, 0.01) 28.45%, rgba(255, 194, 0, 0.02) 59.28%, rgba(217, 217, 217, 0.00) 98.11%);
    --gradient6: linear-gradient(180deg, #FFF 0%, #EEEAF8 12.5%);
    --gradient7: linear-gradient(352deg, rgba(239, 134, 60, 0.00) 28.45%, rgba(239, 134, 60, 0.08) 59.28%, rgba(217, 217, 217, 0.00) 98.11%);
    --gradient8: linear-gradient(90deg, #FFC200 0%, #EF863C 100%);
    --gradient9: radial-gradient(79.39% 49.07% at 7.73% 87.98%, rgba(172, 141, 209, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(352deg, rgba(238, 234, 248, 0.34) 28.45%, rgba(216, 202, 248, 0.27) 59.28%, rgba(217, 217, 217, 0.00) 98.11%);
    --gradient10: radial-gradient(97.54% 97.54% at 50% 103.69%, #3C6699 0%, #142033 100%);
    --gradient11: linear-gradient(94deg, #142033 -7.17%, rgba(217, 217, 217, 0.14) 102.44%), #3B4150;
    
                 
                 
    --gradient-labs: linear-gradient(180deg, rgba(18, 99, 255, 0.09) 0%, rgba(241, 243, 244, 0.09) 61.25%);
    --green-shadow: 0px 0px 30px 0px rgba(214, 227, 59, 0.4);
    --orange-shadow: 0px 0px 30px 0px rgba(239, 134, 60, 0.4);
    --yellow-shadow: 0px 0px 30px 0px rgba(255, 194, 0, 0.4);
    --tooltip-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --smart-news-gradient: radial-gradient(46.43% 103.94% at 8.81% 80%, #F1C643 0%, #EEE8D2 65%, #ECECEC 100%);
    --smart-news-gradient-reverse: radial-gradient(48.15% 107.79% at 97.08% 71.44%, #F1C643 0%, #EEE8D2 65%, #ECECEC 100%);
    --smart-news-gradient-mobile: radial-gradient(149.49% 77.87% at 8.81% 106.07%, #F1C643 0%, #EEE8D2 65%, #ECECEC 100%);

    --h1: 72px;
    --h2: 48px;
    --h3: 40px;
    --h4: 32px;

    --b1: 24px;
    --b2: 20px;
    --b3: 16px;
    --b4: 14px;
    --b5: 12px;

    --h1line: 1.3em;
    --h2line: 1.4em;
    --h3line: 1.5em;
    --h4line: 1.5em;

    --bline: 1.6em;

    --weightL: 300;
    --weightR: 400;
    --weightM: 500;
    --weightB: 700;

    --space_xxsmall: 2px;
    --space_xsmall: 4px;
    --space_small: 8px;
    --space_regular: 12px;
    --space_medium: 16px;
    --space_large: 24px;
    --space_xlarge: 32px;
    --space_xxlarge: 40px;
    --space_xxxlarge: 48px;
    --space_xxxxlarge: 56px;
    --space_xxxxxlarge: 64px;

    --space_xxxxsmall: 48px;
    --spaceBig_xxxsmall: 72px;
    --spaceBig_xxsmall: 80px;
    --spaceBig_xsmall: 96px;
    --spaceBig_small: 120px;
    --spaceBig_regular: 144px;
    --spaceBig_medium: 160px;
    --spaceBig_large: 200px;
    --spaceBig_xlarge: 240px;
    --spaceBig_xxlarge: 280px;
    --spaceBig_xxxlarge: 320px;
    --spaceBig_xxxxlarge: 480px;

    --card-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.04);
    --card-shadow2: 0px 11px 16px 0px rgba(0, 0, 0, 0.8);
    --card-shadow3: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);

    --duration: 120s;
    --duration-double: 240s;
}

html {
    max-width: 100vw;
    overflow-x: hidden;
}

html.overlay {
    overflow: hidden;
}

html.overlay body {
    overflow: hidden;
}

.secondary {
    color: var(--secondary);
}

.h1l {
    font-size: var(--h1);
    line-height: var(--h1line);
    font-weight: var(--weightL);
}

.h1r {
    font-size: var(--h1);
    line-height: var(--h1line);
    font-weight: var(--weightR);
}

.h1b {
    font-size: var(--h1);
    line-height: var(--h1line);
    font-weight: var(--weightB);
}

.h2l {
    font-size: var(--h2);
    line-height: var(--h2line);
    font-weight: var(--weightL);
}

.h2r {
    font-size: var(--h2);
    line-height: var(--h2line);
    font-weight: var(--weightR);
}

.h2b {
    font-size: var(--h2);
    line-height: var(--h2line);
    font-weight: var(--weightB);
}

.h2m {
    font-size: var(--h2);
    line-height: var(--h2line);
    font-weight: var(--weightM);
}

.h3l {
    font-size: var(--h3);
    line-height: var(--h3line);
    font-weight: var(--weightL);
}

.h3r {
    font-size: var(--h3);
    line-height: var(--h3line);
    font-weight: var(--weightR);
}

.h3b {
    font-size: var(--h3);
    line-height: var(--h3line);
    font-weight: var(--weightB);
}

.h4l {
    font-size: var(--h4);
    line-height: var(--h4line);
    font-weight: var(--weightL);
}

.h4r {
    font-size: var(--h4);
    line-height: var(--h4line);
    font-weight: var(--weightR);
}

.h4b {
    font-size: var(--h4);
    line-height: var(--h4line);
    font-weight: var(--weightB);
}


.b1l {
    font-size: var(--b1);
    line-height: var(--bline);
    font-weight: var(--weightL);
}

.b1r {
    font-size: var(--b1);
    line-height: var(--bline);
    font-weight: var(--weightR);
}

.b1m {
    font-size: var(--b1);
    line-height: var(--bline);
    font-weight: var(--weightM);
}

.b2l {
    font-size: var(--b2);
    line-height: var(--bline);
    font-weight: var(--weightL);
}

.b2r {
    font-size: var(--b2);
    line-height: var(--bline);
    font-weight: var(--weightR);
}

.b2m {
    font-size: var(--b2);
    line-height: var(--bline);
    font-weight: var(--weightM);
}

.b2b {
    font-size: var(--b2);
    line-height: var(--bline);
    font-weight: var(--weightB);
}

.b3l {
    font-size: var(--b3);
    line-height: var(--bline);
    font-weight: var(--weightL);
}

.b3r {
    font-size: var(--b3);
    line-height: var(--bline);
    font-weight: var(--weightR);
}

.b3m {
    font-size: var(--b3);
    line-height: var(--bline);
    font-weight: var(--weightM);
}

.b4l {
    font-size: var(--b4);
    line-height: var(--bline);
    font-weight: var(--weightL);
}

.b4r {
    font-size: var(--b4);
    line-height: var(--bline);
    font-weight: var(--weightR);
}

.b4m {
    font-size: var(--b4);
    line-height: var(--bline);
    font-weight: var(--weightM);
}

.b5l {
    font-size: var(--b5);
    line-height: var(--bline);
    font-weight: var(--weightL);
}

.b5r {
    font-size: var(--b5);
    line-height: var(--bline);
    font-weight: var(--weightR);
}

.b5m {
    font-size: var(--b5);
    line-height: var(--bline);
    font-weight: var(--weightM);
}


.parliamentbg {
    background-color: var(--parliament) !important;
}
.parliamentc {
    color: var(--parliament) !important;
}
.parliamentb {
    border-color: var(--parliament) !important;
}

.parliament_04bg {
    background-color: var(--parliament_04);
}

.parliament_04c {
    color: var(--parliament_04);
}

.parliament_04b {
    border-color: var(--parliament_04);
}

.greenbg {
    background-color: var(--green) !important;
}
.greenc {
    color: var(--green) !important;
}
.greenb {
    border-color: var(--green) !important;
}

.orangebg {
    background-color: var(--orange) !important;
}
.orangec {
    color: var(--orange) !important;
}
.orangeb {
    border-color: var(--orange) !important;
}

.yellowbg {
    background-color: var(--yellow) !important;
}
.yellowc {
    color: var(--yellow) !important;
}
.yellowb {
    border-color: var(--yellow) !important;
}

.brand-bluebg {
    background-color: var(--brand-blue) !important;
}
.brand-bluec {
    color: var(--brand-blue) !important;
}
.brand-blueb {
    border-color: var(--brand-blue) !important;
}


.purplelightbg {
    background-color: var(--purplelight) !important;
}
.purplelightc {
    color: var(--purplelight) !important;
}
.purplelightb {
    border-color: var(--purplelight) !important;
}

.brand-graybg {
    background-color: var(--brand-gray) !important;
}
.brand-grayc {
    color: var(--brand-gray) !important;
}
.brand-grayb {
    border-color: var(--brand-gray) !important;
}

.yellow-12bg {
    background-color: var(--yellow_12) !important;
}
.yellow-12c {
    color: var(--yellow_12) !important;
}
.yellow-12b {
    border-color: var(--yellow_12) !important;
}

.blackbg {
    background-color: var(--black) !important;
}
.blackc {
    color: var(--black) !important;
}
.blackb {
    border-color: var(--black) !important;
}

.whitebg {
    background-color: var(--white) !important;
}
.whitec {
    color: var(--white) !important;
}
.whiteb {
    border-color: var(--white) !important;
}

.white-10bg {
    background-color: var(--white_10) !important;
}
.white-10c {
    color: var(--white_10) !important;
}
.white-10b {
    border-color: var(--white_10) !important;
}

.white-45bg {
    background-color: var(--white_45) !important;
}
.white-45c {
    color: var(--white_45) !important;
}
.white-45b {
    border-color: var(--white_45) !important;
}

.white-32bg {
    background-color: var(--white_32) !important;
}
.white-32c {
    color: var(--white_32) !important;
}
.white-32b {
    border-color: var(--white_32) !important;
}

.graybg {
    background-color: var(--gray) !important;
}
.grayc {
    color: var(--gray) !important;
}
.grayb {
    border-color: var(--gray) !important;
}

.gray-24bg {
    background-color: var(--gray_24) !important;
}
.gray-24c {
    color: var(--gray_24) !important;
}
.grayb-24b {
    border-color: var(--gray_24) !important;
}

.gray-32bg {
    background-color: var(--gray_32) !important;
}
.gray-32c {
    color: var(--gray_32) !important;
}
.grayb-32b {
    border-color: var(--gray_32) !important;
}

.dark-graybg {
    background-color: var(--dark-gray) !important;
}
.dark-grayc {
    color: var(--dark-gray) !important;
}
.dark-grayb {
    border-color: var(--dark-gray) !important;
}

.dark-gray-40bg {
    background-color: var(--dark-gray_40) !important;
}
.dark-gray-40c {
    color: var(--dark-gray_40) !important;
}
.dark-grayb-40b {
    border-color: var(--dark-gray_40) !important;
}

.dark-gray-80bg {
    background-color: var(--dark-gray_80) !important;
}
.dark-gray-80c {
    color: var(--dark-gray_80) !important;
}
.dark-grayb-80b {
    border-color: var(--dark-gray_80) !important;
}

.middle-graybg {
    background-color: var(--middle-gray) !important;
}
.middle-grayc {
    color: var(--middle-gray) !important;
}
.middle-grayb {
    border-color: var(--middle-gray) !important;
}

.middle-gray-10bg {
    background-color: var(--middle-gray_10) !important;
}
.middle-gray-10c {
    color: var(--middle-gray_10) !important;
}
.middle-gray-10b {
    border-color: var(--middle-gray_10) !important;
}

.middle-gray-40bg {
    background-color: var(--middle-gray_40) !important;
}
.middle-gray-40c {
    color: var(--middle-gray_40) !important;
}
.middle-gray-40b {
    border-color: var(--middle-gray_40) !important;
}

.middle-gray-70bg {
    background-color: var(--middle-gray_70) !important;
}
.middle-gray-70c {
    color: var(--middle-gray_70) !important;
}
.middle-gray-70b {
    border-color: var(--middle-gray_70) !important;
}

.lavenderbg {
    background-color: var(--lavender) !important;
}
.lavenderc {
    color: var(--lavender) !important;
}
.lavenderb {
    border-color: var(--lavender) !important;
}

.gray-56bg {
    background-color: var(--gray_56) !important;
}
.gray-56c {
    color: var(--gray_56) !important;
}
.gray-56b {
    border-color: var(--gray_56) !important;
}

.gray-64bg {
    background-color: var(--gray_64) !important;
}
.gray-64c {
    color: var(--gray_64) !important;
}
.gray-64b {
    border-color: var(--gray_64) !important;
}

.gray-32bg {
    background-color: var(--gray_32) !important;
}
.gray-32c {
    color: var(--gray_32) !important;
}
.gray-32b {
    border-color: var(--gray_32) !important;
}

.negativebg {
    background-color: var(--negative) !important;
}
.negativec {
    color: var(--negative) !important;
}
.negativeb {
    border-color: var(--negative) !important;
}

.positivebg {
    background-color: var(--positive) !important;
}
.positivec {
    color: var(--positive) !important;
}
.positiveb {
    border-color: var(--positive) !important;
}

.infoc {
    color: var(--brand-blue) !important;
}

.gradientbg {
    background: var(--gradient) !important;
}

.gradient2bg {
    background: var(--gradient2) !important;
}

.gradient3bg {
    background: var(--gradient3) !important;
}

.gradient4bg {
    background: var(--gradient4) !important;
}

.gradient5bg {
    background: var(--gradient5) !important;
}

.gradient6bg {
    background: var(--gradient6) !important;
}

.gradient7bg {
    background: var(--gradient7) !important;
}

.gradient8bg {
    background: var(--gradient8) !important;
}

.gradient9bg {
    background: var(--gradient9) !important;
}

.gradient10bg {
    background: var(--gradient10) !important;
}

.gradient11bg {
    background: var(--gradient11) !important;
}

.gradient-labsbg {
    background: var(--gradient-labs) !important;
}

.smart-news-gradient {
    background: var(--smart-news-gradient) !important;
}

.smart-news-gradient-reverse {
    background: var(--smart-news-gradient-reverse) !important;
}

.card-shadow {
    box-shadow: var(--card-shadow) !important;
}

.number-list {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}



.spaceH-xxsmall {width: var(--space_xxsmall); height: 1px; flex-shrink: 0;}
.spaceH-xsmall {width: var(--space_xsmall); height: 1px; flex-shrink: 0;}
.spaceH-small {width: var(--space_small); height: 1px; flex-shrink: 0;}
.spaceH-regular {width: var(--space_regular); height: 1px; flex-shrink: 0;}
.spaceH-medium {width: var(--space_medium); height: 1px; flex-shrink: 0;}
.spaceH-large {width: var(--space_large); height: 1px; flex-shrink: 0;}
.spaceH-xlarge {width: var(--space_xlarge); height: 1px; flex-shrink: 0;}
.spaceH-xlarge_ {width: var(--space_xlarge_); height: 1px; flex-shrink: 0;}
.spaceH-xxlarge {width: var(--space_xxlarge); height: 1px; flex-shrink: 0;}
.spaceH-xxxlarge {width: var(--space_xxxlarge); height: 1px; flex-shrink: 0;}
.spaceH-xxxxlarge {width: var(--space_xxxxlarge); height: 1px; flex-shrink: 0;}

.spaceV-xxsmall {height: var(--space_xxsmall); flex-shrink: 0;}
.spaceV-xsmall {height: var(--space_xsmall); flex-shrink: 0;}
.spaceV-small {height: var(--space_small); flex-shrink: 0;}
.spaceV-regular {height: var(--space_regular); flex-shrink: 0;}
.spaceV-medium {height: var(--space_medium); flex-shrink: 0;}
.spaceV-large {height: var(--space_large); flex-shrink: 0;}
.spaceV-xlarge {height: var(--space_xlarge); flex-shrink: 0;}
.spaceV-xlarge_ {height: var(--space_xlarge_); flex-shrink: 0;}
.spaceV-xxlarge {height: var(--space_xxlarge); flex-shrink: 0;}
.spaceV-xxxlarge {height: var(--space_xxxlarge); flex-shrink: 0;}
.spaceV-xxxxlarge {height: var(--space_xxxxlarge); flex-shrink: 0;}
.spaceV-xxxxxlarge {height: var(--space_xxxxxlarge); flex-shrink: 0;}

.spaceBigV-xxxsmall {height: var(--spaceBig_xxxsmall); flex-shrink: 0;}
.spaceBigV-xxsmall {height: var(--spaceBig_xxsmall); flex-shrink: 0;}
.spaceBigV-xsmall {height: var(--spaceBig_xsmall); flex-shrink: 0;}
.spaceBigV-small {height: var(--spaceBig_small); flex-shrink: 0;}
.spaceBigV-regular {height: var(--spaceBig_regular); flex-shrink: 0;}
.spaceBigV-medium {height: var(--spaceBig_medium); flex-shrink: 0;}
.spaceBigV-large {height: var(--spaceBig_large); flex-shrink: 0;}
.spaceBigV-xlarge {height: var(--spaceBig_xlarge); flex-shrink: 0;}
.spaceBigV-xxlarge {height: var(--spaceBig_xxlarge); flex-shrink: 0;}
.spaceBigV-xxxlarge {height: var(--spaceBig_xxxlarge); flex-shrink: 0;}
.spaceBigV-xxxxlarge {height: var(--spaceBig_xxxxlarge); flex-shrink: 0;}

.spaceBigH-xxxsmall {width: var(--spaceBig_xxxsmall); height: 1px; flex-shrink: 0;}
.spaceBigH-xxsmall {width: var(--spaceBig_xxsmall); height: 1px; flex-shrink: 0;}
.spaceBigH-xsmall {width: var(--spaceBig_xsmall); height: 1px; flex-shrink: 0;}
.spaceBigH-small {width: var(--spaceBig_small); height: 1px; flex-shrink: 0;}
.spaceBigH-regular {width: var(--spaceBig_regular); height: 1px; flex-shrink: 0;}
.spaceBigH-medium {width: var(--spaceBig_medium); height: 1px; flex-shrink: 0;}
.spaceBigH-large {width: var(--spaceBig_large); height: 1px; flex-shrink: 0;}
.spaceBigH-xlarge {width: var(--spaceBig_xlarge); height: 1px; flex-shrink: 0;}
.spaceBigH-xxlarge {width: var(--spaceBig_xxlarge); height: 1px; flex-shrink: 0;}
.spaceBigH-xxxlarge {width: var(--spaceBig_xxxlarge); height: 1px; flex-shrink: 0;}
.spaceBigH-xxxxlarge {width: var(--spaceBig_xxxxlarge); height: 1px; flex-shrink: 0;}

.gap-xxsmall {gap: var(--space_xxsmall);}
.gap-xsmall {gap: var(--space_xsmall);}
.gap-small {gap: var(--space_small);}
.gap-regular {gap: var(--space_regular);}
.gap-medium {gap: var(--space_medium);}
.gap-large {gap: var(--space_large);}
.gap-xlarge {gap: var(--space_xlarge);}
.gap-xxlarge {gap: var(--space_xxlarge);}
.gap-xxxlarge {gap: var(--space_xxxlarge);}
.gap-xxxxlarge {gap: var(--space_xxxxlarge);}
.gap-xxxxxlarge {gap: var(--space_xxxxxlarge);}

.gap-big-xxxsmall {gap: var(--spaceBig_xxxsmall);}
.gap-big-xxsmall {gap: var(--spaceBig_xxsmall);}
.gap-big-xsmall {gap: var(--spaceBig_xsmall);}
.gap-big-small {gap: var(--spaceBig_small);}
.gap-big-regular {gap: var(--spaceBig_regular);}
.gap-big-medium {gap: var(--spaceBig_medium);}
.gap-big-large {gap: var(--spaceBig_large);}
.gap-big-xlarge {gap: var(--spaceBig_xlarge);}
.gap-big-xxlarge {gap: var(--spaceBig_xxlarge);}
.gap-big-xxxlarge {gap: var(--spaceBig_xxxlarge);}
.gap-big-xxxxlarge {gap: var(--spaceBig_xxxxlarge);}

.card-shadow {
    box-shadow: var(--card-shadow);
}

.card-shadow2 {
    box-shadow: var(--card-shadow2);
}

.card-shadow3 {
    box-shadow: var(--card-shadow3);
}

.mobile,
.mobile960,
.mobile1024,
.column-container.mobile,
.column-container.mobile960,
.column-container.mobile1024 {
    display: none !important;
}


.button {
    position: relative;
    display: inline-flex;
    height: var(--space_xxxxlarge);
    align-items: center;
    justify-content: center;
    gap: var(--space_small);
    padding: 0 var(--space_large);
    background: var(--yellow) !important;
    border-radius: var(--space_medium);
    font-size: var(--b3);
    font-weight: var(--weightM);
    line-height: var(--bline);
    color: var(--parliament);
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
}

.button.s-l {
    background: none !important;
    border: 1px solid var(--yellow);
    color: var(--white);
}

.button.error-button {
    background-color: var(--negative) !important;
    color: var(--white);
}

.button.success-button {
    background-color: var(--positive) !important;
    color: var(--white);
}

.button.tertiary {
    background: var(--dark-gray_16) !important;
}

.error {
    padding: var(--space_small);
    border-radius: var(--space_regular);
}

.btc .button.s-l {
    color: var(--parliament);
}

.button.s-d {
    background: none !important;
    border: 1px solid var(--yellow);
    color: var(--parliament);
}

.button.white {
    background: var(--white) !important;
    font-size: var(--b4);
    font-weight: var(--weightR);
    color: var(--parliament);
    height: var(--space_xxlarge);
    border-radius: var(--space_small);
    padding: 0 var(--space_medium);
}

.button-icon {
    height: var(--space_xxlarge);
    background-color: var(--yellow);
    border-radius: 20px;
    padding: 0 var(--space_regular);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.button-icon.bi-outline {
    background-color: transparent;
    border: 1px solid var(--white);
}

.button-icon.bi-gray {
    background-color: var(--gray);
}

.link-button {
    display: flex;
    flex-direction: row;
    gap: var(--space_regular);
    align-items: center;
    font-size: var(--b3);
    font-weight: var(--weightM);
    color: var(--yellow);
}

.btc .link-button {
    color: var(--parliament);
}

.info-box {
    position: absolute;
    padding: var(--space_large);
    border-radius: var(--space_large);
    width: 360px;
    box-sizing: border-box;
    z-index: 3;
    left: -168px;
    top: var(--space_xxlarge);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease;
}

.info-box::before {
    content: "";
    position: absolute;
    left: calc(50% - 38px);
    top: calc(-1 * var(--space_medium));
    background: url(/assets/forinvest/i/info-top.svg);
    background-size: 100%;
    width: 76px;
    height: 16px;
}

*:hover > .info-box {
    opacity: 1;
    pointer-events: unset;
}

.relative {
    position: relative;
}

.underline {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}

.overline {
    text-decoration: line-through;
}

.numeric {
    list-style: decimal;
    padding: 0;
    margin: 0 0 0 var(--space_medium);
}

.numeric li {
    padding: 0;
    margin: 0;
}

.tabs {
    display: inline-flex;
    height: 52px;
    align-items: center;
    justify-content: center;
    gap: var(--space_small);
    padding: var(--space_small) var(--space_large);
    position: relative;
    border-radius: 0px var(--space_large) 0px var(--space_large);
    font-size: var(--b2);
    cursor: pointer;
    background-color: var(--white_04);
    font-weight: var(--weightL);
    color: var(--gray);
    width: auto !important;
}

.tabs.slick-current {
    background-color: var(--white_04);
    font-weight: var(--weightM);
    color: var(--yellow);
}

.btc .tabs {
    background-color: var(--middle-gray_04);
    color: var(--middle-gray_40);
}

.btc .tabs.slick-current {
    color: var(--parliament);
    background-color: var(--middle-gray_10);
}

.tag {
    border-radius: 20px;
    height: var(--space_xxlarge);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--b4);
    font-weight: var(--weightM);
    padding: 0 var(--space_medium);
}


.seperate-h {
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    box-sizing: border-box;
}

.seperate-v {
    width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    box-sizing: border-box;
}

.dashed-h {
    border-bottom-style: dashed;
}

.dashed-v {
    border-left-style: dashed;
}

.forInvest-double {
    display: flex;
    flex-direction: row;
    gap: var(--space_small);
}

.forInvest-double::before {
    content: "";
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: var(--yellow);
    border-width: 20px 20px 0 0;
    border-radius: 0 20px 0 0;
    box-sizing: border-box;
}

.forInvest-double::after {
    content: "";
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: var(--yellow);
    border-width: 20px 20px 0 0;
    border-radius: 0 20px 0 0;
    box-sizing: border-box;
}


.column-container {
    display: flex !important;
    flex-direction: column !important;
}

.column-reverse {
    flex-direction: column-reverse !important;
}

.row-container {
    display: flex !important;
    flex-direction: row !important;
}

.row-reverse {
    flex-direction: row-reverse !important;
}

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

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

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

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

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

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

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

.t-align-left {
    text-align: left;
}

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

.t-align-right {
    text-align: right;
}

.fill {
    flex-grow: 1;
    width: 1px;
}

.fill-column {
    width: 100%;
}

.fill-grow {
    flex-grow: 1;
}

.hug {
    flex-shrink: 0;
}

.flex-wrap {
    flex-wrap: wrap;
}

.cursor-pointer {
    cursor: pointer;
}

.border {
    border: 1px solid;
}

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

.border-t {
    border-top-width: 1px;
    border-top-style: solid;
}

.border-l {
    border-left-width: 1px;
    border-style: solid;
}

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

.border-1 {
    border: 1px solid;
}

.max-container-s {
    width: 100%;
    max-width: 796px;
    box-sizing: border-box;
}

.max-container-r {
    width: 100%;
    max-width: 960px;
    box-sizing: border-box;
}

.max-container-m {
    width: 100%;
    max-width: 1184px;
    box-sizing: border-box;
}

.max-container-l {
    width: 100%;
    max-width: 1376px;
    box-sizing: border-box;
}

.down-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/down.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/down.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.calendar-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    mask: url(/assets/forinvest/i/calendar.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/calendar.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.calendar-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    mask: url(/assets/forinvest/i/calendar.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/calendar.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.sad-icon_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space_medium);
}

.sad-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    mask: url(/assets/forinvest/i/sad.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/sad.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.plus-only-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/plus-only.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/plus-only.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.minus-only-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/minus-only.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/minus-only.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.arrow-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.arrow-up-right-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/arrow-up-right.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/arrow-up-right.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.back-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/back.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/back.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.circle-down {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
    mask: url(/assets/forinvest/i/circle-down.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/circle-down.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.circle-up {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
    mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.circle-minus {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
    mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.circle-plus {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
    mask: url(/assets/forinvest/i/plus.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/plus.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.close-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/close.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/close.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.nav-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/nav.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/nav.svg) no-repeat;
    -webkit-mask-size: 100%;
}

body.labs .header-w.scroll .nav-icon {
    background-color: var(--brand-gray) !important;
}

.robust-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/robust.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/robust.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.at-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/at.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/at.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.target-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/target.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/target.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.secure-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/secure.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/secure.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.expert-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/expert.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/expert.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.responsive-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/responsive.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/responsive.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.remote-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/remote.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/remote.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.download-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/download.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/download.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.driven-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/driven.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/driven.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.centric-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/centric.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/centric.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.innovative-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/innovative.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/innovative.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.live-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/live.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/live.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.extensive-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/extensive.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/extensive.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.check-bullet-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/check-bullet.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/check-bullet.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.warning-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/warning.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/warning.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.no-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/no.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/no.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.compare-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/compare.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/compare.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.document-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/document.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/document.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.down-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/down-black.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/down-black.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.instagram-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/instagram.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/instagram.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.youtube-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/youtube-icon.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/youtube-icon.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.x-app-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/x-app.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/x-app.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.facebook-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/facebook.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/facebook.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.linkedin-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/linkedin.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/linkedin.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.globe-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/globe.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/globe.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.position-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/position.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/position.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.market-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/market.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/market.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.phase-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/phase.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/phase.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.whitelabel-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/whitelabel.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/whitelabel.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.sdk-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/sdk.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/sdk.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.template-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/template.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/template.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.trade-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/trade.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/trade.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.eye-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/icon-eye.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/icon-eye.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.eye-close-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/icon-eye-close.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/icon-eye-close.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.icon-research {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/research.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/research.svg) no-repeat;
    -webkit-mask-size: 100%;
}
.icon-bullet {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/bullet.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/bullet.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.logo-labs {
    position: relative;
    display: flex;
    content: "";
    width: 86px;
    height: 39px;
    mask: url(/assets/forinvest/i/logo-labs.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/logo-labs.svg) no-repeat;
    -webkit-mask-size: 100%;
}

body.labs .header-w.scroll .logo-labs {
    background-color: var(--brand-gray) !important;
}

.user-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/user.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/user.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.info-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/info.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/info.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.diamond-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/diamond.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/diamond.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.lock-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/lock.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/lock.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.help-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/help.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/help.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.question-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/question.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/question.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.login-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/login.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/login.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.skip-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/skip.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/skip.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.plus-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/plus.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/plus.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.minus-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.spk-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/spk.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/spk.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.fca-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/fca.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/fca.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.mkk-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/mkk.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/mkk.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.pci-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/pci.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/pci.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.phone-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/phone-icon.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/phone-icon.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.laptop-icon {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/laptop-icon.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/laptop-icon.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.icon-for-top {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-style: solid;
    border-width: var(--space_xxxlarge) 0 0 var(--space_xxxlarge);
    border-radius: var(--space_xxxlarge) 0 0 0;
}

.icon-for-bottom {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0 var(--space_xxxlarge) var(--space_xxxlarge) 0;
    border-radius: 0 0 var(--space_xxxlarge) 0;
}


.circle {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle > * {
    width: var(--space_medium);
    height: var(--space_medium);
}



.bot-rad-wrapper {
    border-radius: 0 0 var(--space_xxxlarge) var(--space_xxxlarge);
}

.top-rad-wrapper {
    border-radius: var(--space_xxxlarge) var(--space_xxxlarge) 0 0;
}

.z-index-1 {
    position: relative;
    z-index: 1;
}

.wrap {
    flex-wrap: wrap;
}

.margin-minus {
    margin-top: calc(-1 * var(--spaceBig_xxlarge));
    position: relative;
    z-index: 0;
    padding-top: 400px;
}

.margin-minus-2 {
    margin-top: -186px;
    position: relative;
    z-index: 0;
    padding-top: 300px;
}

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: var(--b1);
    line-height: var(--bline);
    color: var(--gray);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

body.btc {
    color: var(--parliament);
}

a {
    color: var(--gray);
}

body.btc a {
    color: var(--parliament);
}

input, button, select, textarea, blockquote, h1, h2, h3, h4, h5, h6 {
    appearance: none;
    -webkit-appearance: none;
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
    padding: 0;
    font-size: var(--b1);
    line-height: var(--bline);
}

input, button, select, textarea,
:focus, :visited, :enabled, :disabled, :focus-visible, :focus-within {
    outline: none;
}

input:disabled, button:disabled, select:disabled, textarea:disabled {
    opacity: 0.6;
}

p {margin: 0; padding: 0;}

a {text-decoration: none;}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

input, select, textarea {
    background: var(--white_20);
    border-radius: var(--space_medium);
    padding: var(--space_regular) var(--space_large) 0;
    height: var(--space_xxxxlarge);
    border: 0;
    color: var(--white);
    font-size: var(--b3);
    box-sizing: border-box;
}

select {
    padding-top: var(--space_small);
}

.no-placeholder {
    padding-top: 0;
}

input[type="checkbox"] {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: var(--space_large);
    height: var(--space_large);
    padding: 0;
}

input[type="checkbox"] + span:not(.CybotCookiebotDialogBodyLevelButtonSlider) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--white);
    border-radius: var(--space_xsmall);
    margin: var(--space_xxsmall);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.btc input[type="checkbox"] + span {
    border-color: var(--middle-gray_40);
}

.btc .newsletter-box input[type="checkbox"] + span {
    border-color: var(--white);
}

input[type="checkbox"]:checked + span {
    border: 0;
    background-color: var(--yellow);
}

input[type="checkbox"]:checked + span::before {
    content: "";
    width: var(--space_regular);
    height: var(--space_regular);
    mask: url(/assets/forinvest/i/check-bullet.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/check-bullet.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--white);
}




input[type="radio"] {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: var(--space_large);
    height: var(--space_large);
    padding: 0;
}

input[type="radio"] + span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--white);
    border-radius: var(--space_regular);
    margin: var(--space_xxsmall);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.btc input[type="radio"] + span {
    border-color: var(--middle-gray_40);
}

input[type="radio"]:checked + span {
    border: 0;
    background-color: var(--yellow);
}

input[type="radio"]:checked + span::before {
    content: "";
    width: var(--space_regular);
    height: var(--space_regular);
    mask: url(/assets/forinvest/i/check-bullet.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/check-bullet.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--white);
}




input[type="file"] {
    background-color: transparent !important;
    border: 1px dashed var(--gray);
    padding: var(--space_large);
    height: auto;
}

.btc .contact input:not([type="submit"]), .btc .contact select, .btc .contact textarea {
    background-color: var(--middle-gray_04);
    color: var(--parliament);
}

.btc .contact input::placeholder,
.btc .contact textarea::placeholder {
    color: var(--middle-gray_40);
}

textarea {
    height: auto;
    padding: var(--space_large) var(--space_large);
    min-height: 100px;
}

select {
    background-image: url(/assets/forinvest/i/down-black.svg) !important;
    background-position: right var(--space_large) center !important;
    background-repeat: no-repeat !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--white);
    font-size: var(--b3);
}

.btc .contact input::placeholder,
.btc .contact textarea::placeholder {
    color: var(--middle-gray_40);
}

.no-wrap {
    white-space: nowrap;
}


header {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 72px;
    padding: 0 var(--space_medium);
    box-sizing: border-box;
}

header .mobile-nav .close-icon {
    display: none;
}

.mobile-btns {
    display: none !important;
}

.header-w {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: fixed;
    top: 24px;
    justify-content: center;
    transition: 0.3s ease;
    z-index: 4;
}

.header-w.payment {
    position: static;
    top: auto;
}

.login-header {
    top: 0;
    background-color: var(--white);
}

.header-w.scroll {
    position: fixed;
    top: 0;
    background-color: var(--parliament);
}

.header-w .nav-item {
    position: relative;
    cursor: pointer;
}

.header-w .nav-item .sub-nav-c {
    padding-top: var(--space_small);
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
}

.header-w .nav-item .sub-nav {
    padding: var(--space_medium);
    border-radius: var(--space_large) 0;
    min-width: 190px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}

.header-w .nav-item .sub-nav a {
    transition: 0.3s ease;
}

.header-w .nav-item .sub-nav a:hover {
    color: var(--orange) !important;
}

.header-w .nav-item:hover span + .sub-nav-c,
.header-w .nav-item:hover a + .sub-nav-c,
.header-w .nav-item .sub-nav-c:hover {
    opacity: 1;
    pointer-events: unset;
}

.btc .header-w.scroll {
    background-color: var(--white);
}

.language a {
    display: none;
}

.language a.active {
    display: flex;
}

footer {
    position: relative;
    z-index: 2;
    background-color: var(--parliament);
}

.btc footer {
    background-color: transparent;
}

footer,
footer a {
    color: var(--gray) !important;
}

footer .max-container-l {
    padding: var(--spaceBig_xsmall) var(--spaceBig_xsmall) var(--space_xxxxlarge);
    border-radius: var(--space_xxxlarge) var(--space_xxxlarge) 0 0;
}

footer.footer-btc .max-container-l {
    padding: var(--space_xxxlarge) var(--spaceBig_xsmall) var(--space_xlarge);
}

footer .app {
    width: 140px;
}

.hero {
    height: 800px;
}

.btc .hero {
    margin-top: var(--spaceBig_medium);
    padding: 0 var(--spaceBig_xsmall);
    box-sizing: border-box;
    height: 640px;
    position: relative;
    max-width: 1520px;
}

.btc .hero .img img {
    position: absolute;
    height: 100%;
    right: var(--spaceBig_xsmall);
    top: 0;
}

.btc .hero .text {
    padding: 0;
}

.hero .text {
    padding: 0 96px;
}

.hero .img {
    overflow: hidden;
}

.hero-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 28px);
    right: var(--space_large);
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    background-color: var(--parliament);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -9999px;
    border: 0;
    cursor: pointer;
    z-index: 2;
}

.hero-slider .slick-arrow::after {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--yellow);
}

.hero-slider .slick-arrow.slick-prev {
    right: auto;
    left: var(--space_large);
}

.hero-slider .slick-arrow.slick-prev::after {
    transform: rotate(180deg);
}

.solutions .main-text {
    padding-top: var(--space_xlarge);
    width: 320px;
    flex-basis: 320px;
}

.solutions .cases {
    border-radius: var(--space_large);
    padding: var(--space_xlarge);
    position: relative;
    color: var(--parliament);
    width: 704px;
    box-sizing: border-box;
    min-height: 400px;
    height: unset;
}

.solution-contentC .data-content .scroll .slick-slide,
.solution-contentC .devops-content .scroll .slick-slide,
.solution-contentC .content-content .scroll .slick-slide {
    opacity: 1 !important;
    pointer-events: unset !important;
}

.btc .solutions .cases {
    background-color: var(--orange_10) !important;
    overflow: hidden;
}

.solutions .cases .bottom .column-container {
    width: var(--spaceBig_medium);
}

.solutions .cases .visual {
    position: absolute;
    right: var(--space_large);
    bottom: 0;
}

.solutions.fx-plus .cases .visual {
    position: absolute;
    right: calc(-1 * var(--spaceBig_xxxsmall));
    bottom: calc(-1 * var(--spaceBig_xsmall));
}

.solutions .cases .custom-text {
    width: calc(100% - 214px);
}

.solutions .cases.no-image .custom-text {
    width: 100%;
}

.partners .sliding {
    position: relative;
    overflow: hidden;
}

.sliding img {
    margin: 0 var(--space_xlarge);
}

.partners .sliding img {
    max-height: 30px;
}

.sliding .first-slide {
    font-size: 100px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
}
  
.sliding .first-slide > div {
    display: inline-block;
    animation-name: slide-then-hide;
    animation-duration: var(--duration);
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
.sliding .words {
    font-size: 100px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
}

.sliding .words > div {
    display: inline-block;
    padding-left: 100%;
    animation-name: slide;
    animation-duration: var(--duration-double);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: red;
}

.sliding .words--second > div {
    animation-delay: var(--duration);
    color: blue;
}

@keyframes slide-then-hide {
    0% {
        transform: translate(0, 0);
    }
    100% {
        display: none;
        transform: translate(-100%, 0);
    }
}

@keyframes slide {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

.partner-box {
    border: 1px solid var(--gray_56);
    border-radius: var(--space_large);
    padding: var(--space_xxlarge);
    position: relative;
}

.radius-for {
    position: absolute;
    width: var(--space_xxxlarge);
    height: var(--space_xxxlarge);
    border-style: solid;
    box-sizing: border-box;
}

.radius-for.l-t {
    border-width: 4px 0 0 4px;
    border-radius: var(--space_large) 0 0 0;
    top: -1px;
    left: -1px;
}

.radius-for.r-t {
    border-width: 4px 4px 0 0;
    border-radius: 0 var(--space_large) 0 0;
    top: -1px;
    right: -1px;
}

.radius-for.r-b {
    border-width: 0 4px 4px 0;
    border-radius: 0 0 var(--space_large) 0;
    bottom: -1px;
    right: -1px;
}

.radius-for.l-b {
    border-width: 0 0 4px 4px;
    border-radius: 0 0 0 var(--space_large);
    bottom: -1px;
    left: -1px;
}

section.contact .max-container-m {
    padding: 120px var(--space_large) 342px;
    background: url(/assets/forinvest/i/ill-contact.svg) no-repeat left 284px top 264px;
}

section.contact .form-container {
    width: 400px;
}

.btc section.contact .form-container {
    width: auto;
    padding: var(--space_xlarge);
    box-sizing: border-box;
    border-radius: var(--space_large);
}

section.contact.contact-main .max-container-m {
    padding: 216px 0 0;
    background: url(/assets/forinvest/i/ill-contact-main.svg) no-repeat left 284px bottom;
    max-width: 1200px;
}

section.contact.contact-main.ts {
    margin: var(--spaceBig_regular) 0;
}

section.contact.contact-main.ts .max-container-m {
    border-radius: 32px;
    background: linear-gradient(94deg, rgba(20, 32, 51, 0.40) -7.17%, rgba(217, 217, 217, 0.30) 102.44%);
    padding: var(--spaceBig_xsmall);
}

.landing section.contact.contact-main .max-container-m {
 background-position: left 324px bottom -200px;   
}

.btc section.contact.contact-main .max-container-r {
    position: relative;
}
.btc section.contact.contact-main .max-container-r .fill {
    position: relative;
    z-index: 1;
}

.btc section.contact.contact-main .max-container-r:before {
    content: "";
    position: absolute;
    width: 395px;
    height: 625px;
    background: url(/assets/forinvest/i/btc/bg-contact.svg) no-repeat;
    background-size: 100%;
    right: -194px;
    top: -88px;
}

.dots {
    gap: var(--space_large);
    height: 100%;
    justify-content: center;
    
}

.dots .dot {
    position: relative;
    width: 50px !important;
    height: var(--space_xlarge);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dots .dot .ball {
    position: relative;
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    border-radius: var(--space_medium);
    background-color: var(--gray_08);
    transition: 0.5s ease;
}

.dots .slick-current {
    position: relative;
    width: 50px !important;
    height: 50px;
    border-radius: 26px;
    background-color: var(--yellow);
}

.dots .slick-current .ball {
    width: var(--space_medium);
    height: var(--space_medium);
    background-color: var(--parliament);
}

.dots .dot::before {
    content: "";
    position: absolute;
    width: 2px;
    height: var(--space_regular);
    background-color: var(--gray_08);
    bottom: var(--space_xlarge);
    left: var(--space_large);
}

.dots .dot::after {
    content: "";
    position: absolute;
    width: 2px;
    height: var(--space_regular);
    background-color: var(--gray_08);
    top: var(--space_xlarge);
    left: var(--space_large);
}

.dots .dot:first-child::before {
    display: none;
}

.dots .dot:last-child::after {
    display: none;
}

.dots .slick-current::before {
    height: var(--space_regular);
    background-color: var(--yellow);
    bottom: 50px;
    left: var(--space_large);
}

.dots .slick-current::after {
    height: var(--space_regular);
    background-color: var(--yellow);
    top: 50px;
    left: var(--space_large);
}

.dots .slick-current:first-child:before {
    bottom: auto;
    top: 50px;
}

.dots-2.slick-dots {
    position: absolute;
    left: 360px;
    width: auto;
    bottom: 60px;
}

.dots-2.slick-dots .slick-list,
.dots-2.slick-dots .slick-track {
    width: auto !important;
}


.dots-2.slick-dots .slick-track {
    flex-direction: row;
    gap: 0;
}

.dots-2.slick-dots .slick-slide .ball {
    width: var(--space_regular);
    height: var(--space_regular);
    background-color: var(--parliament);
    border-radius: 6px;
    transition: 0.5s ease;
}

.dots-2.slick-dots.slick-initialized .slick-slide {
    width: var(--space_xxxlarge) !important;
    height: var(--space_xxxlarge);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dots-2.slick-dots.slick-initialized .slick-slide.slick-current .ball {
    width: var(--space_xlarge);
    background-color: var(--yellow);
}


.app-box {
    border-radius: var(--space_large);
    padding: var(--space_xlarge) var(--spaceBig_xxsmall);
    margin-top: calc(-1 * var(--spaceBig_regular));
    background-image: url(/assets/forinvest/i/app.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 578px;
}

.app-box .img {
    width: 448px;
    height: 370px;
}

.app-box .img img {
    width: 100%;
}

.value-box {
    border-radius: var(--space_large);
    padding: var(--space_xxlarge);
}

.value-box .title {
    height: var(--space_xxxxxlarge);
}

.value-box .icon {
    width: var(--spaceBig_xsmall);
    height: var(--spaceBig_xsmall);
}

.value-box .text {
    padding-right: var(--spaceBig_xxsmall);
}

.blog-box {
    border-radius: var(--space_large);
    width: 384px;
    overflow: hidden;
    background-color: var(--white_10);
}

.btc .blog-box {
    background-color: var(--white);
}

.blog-box .imgc {
    height: 244px;
    display: flex;
    align-items: start;
    justify-content: center;
    overflow: hidden;
}

.blog-box .imgc img {
    min-width: 100%;
    min-height: 100%;
}

.blog-box .b3l {
    height: 52px;
    overflow: hidden;
}

.blog-box .content {
    padding: var(--space_large);
}

.newsletter-boxC {
    position: relative;
}


.newsletter-box {
    border-radius: var(--space_xxxlarge);
    padding: var(--space_xxxlarge) var(--spaceBig_small);
}

.partnership .newsletter-boxC .icon-for-top,
.partnership .newsletter-boxC .icon-for-bottom {
    z-index: 2;
}

.partnership .newsletter-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/assets/forinvest/i/partnership.png) no-repeat center;
    background-size: 100%;
    overflow: hidden;
    z-index: 1;
    border-radius: var(--space_xxxlarge);
    transform:scaleX(-1);
}

.partnership .newsletter-box::after {
    content: "";
    position: absolute;
    background-color: var(--dark-gray_80);
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: var(--space_xxxlarge);
}

.button .linkedin-icon {
    width: 20px;
    height: 20px;
    position: relative;
    top: calc(-1 * var(--space_xxsmall));
}

.partnership .newsletter-box > * {
    position: relative;
    z-index: 3;
}

.newsletter-boxC .icon {
    position: absolute;
}

.newsletter-boxC .icon-for-top {
    left: 0;
    top: calc(-1 * var(--space_xxxlarge));
}

.newsletter-boxC .icon-for-bottom {
    right: 0;
    bottom: calc(-1 * var(--space_xxxlarge));
}

.newsletter-box form {
    width: 100%;
    max-width: 568px;
}

.newsletter-box-t .text p {
    width: 414px;
}

.newsletter-box .ill {
    position: relative;
    bottom: calc(-1 * var(--space_xxxlarge));
}

.v2 .newsletter-box {
    border-radius: 0 0 var(--space_xxxlarge) var(--space_xxxlarge);
    padding: var(--space_xxxlarge);
}

.v2 .newsletter-box-t {
    border-radius: var(--space_xxxlarge) var(--space_xxxlarge) 0 0;
    padding: var(--spaceBig_xxsmall);
}

.solution-box {
    height: 246px;
    box-sizing: border-box;
    border-radius: var(--space_large);
    padding: var(--space_large);
    color: var(--parliament);
}

.solution-box .icon {
    width: var(--space_xxxxxlarge);
    height: var(--space_xxxxxlarge);
}

.sector-box {
    width: 360px;
    box-sizing: border-box;
    padding: var(--space_xxlarge) var(--space_xlarge);
    border-radius: var(--space_large); 
}

.why-box {
    position: relative;
    min-height: 412px !important;
    box-sizing: border-box;
    padding: var(--space_large);
    border-radius: var(--space_large); 
    border-width: 1px;
    border-style: solid;
    gap: var(--space_large);
}

.why-box .radius-for {
    width: var(--spaceBig_xxxsmall);
    height: var(--spaceBig_xxxsmall);
}

.roadmapC {
    position: relative;
}

.roadmapC:before {
    content: "";
    position: absolute;
    background: url(/assets/forinvest/i/road-vector.svg) no-repeat;
    background-size: 4063px;
    width: 2483px;
    height: 569px;
    left: 306px;
    top: 44px;
    z-index: 1;
    pointer-events: none;
}

.career-journey .roadmapC:before {
    width: 4063px;
}

.road-item {
    position: relative;
    width: 819px;
    box-sizing: border-box;
    padding-right: var(--space_xxxlarge);
}

.road-item:nth-child(even) {
    position: relative;
    top: 245px;
}

.road-item .img {
    position: relative;
}

.road-item .img .number {
    position: absolute;
    width: var(--spaceBig_xxxsmall);
    height: var(--spaceBig_xxxsmall);
    display: flex;
    justify-content: center;
    align-items: center;
    right: calc(-1 * var(--space_medium));
    top: var(--space_xxxlarge);
    border-radius: 36px;
}

.road-item:nth-child(even) .img .number {
    top: 56px;
}

.content-box {
    border-radius: var(--space_large);
    margin-left: var(--space_xxxlarge);
    position: relative;
    padding: var(--spaceBig_xxsmall) 144px var(--spaceBig_xxsmall) 0;
}

.content-box .slick-type-3 {
    margin-left: calc(-1 * var(--space_xxxlarge));
}

.content-box::before {
    content: "";
    position: absolute;
    width: 72px;
    height: 268px;
    background-color: var(--parliament);
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

.content-box .img {
    position: relative;
    z-index: 1;
}

.content-box .dots {
    position: absolute;
    right: var(--space_xxxlarge);
    top: 0;
}

.timeline .desc *:first-child {
    width: 440px;
}

.timeline .timeline-cont {
    gap: 93px;
}

.timeline .timeline-cont > div {
    width: 142px;
}

.timeline .timeline-bottom {
    padding-left: 108px;
}

.timeline .timeline-top {
    padding-right: 117px;
}

.timeline-main .timeline-end {
    width: var(--space_large);
    height: var(--space_large);
    border-radius: var(--space_regular);
}

.timeline-main .timeline-point {
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
    border-radius: var(--space_large);
}

.timeline-main .timeline-point .ellipse {
    width: var(--space_medium);
    height: var(--space_medium);
    border-radius: var(--space_small);
}

.timeline-main .timeline-line {
    width: var(--spaceBig_xxsmall);
    height: 2px;
}

.agile {
    position: relative;
}

.agile .text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: var(--space_xxlarge) var(--space_large);
    top: -6.4vw;
}

.agile .text-in {
    max-width: 800px;
    width: 100%;
}

.vision-box {
    border-radius: var(--space_large);
    width: 916px;
    padding: var(--space_xlarge);
    box-sizing: border-box;
}

.vision-fxplus .vision-box {
    padding: 0;
    width: 600px;
    overflow: hidden;
}

.vision-box .text .h4r {
    max-height: 190px;
    overflow: hidden;
}

.vision-box.v2 {
    padding: var(--space_xlarge) var(--spaceBig_xxsmall);
    min-height: 340px;
}

.vision-box .img {
    width: 480px;
    border-radius: var(--space_medium);
    overflow: hidden;
}

.partners-slider .partners-item {
    border-radius: var(--space_small);
    width: 256px;
    height: 72px;
}  

.partners-slider .partners-item img {
    max-height: var(--space_xxxlarge);
    max-width: calc(100% - var(--space_xlarge));
}

.map .text {
    width: 384px;
    padding: var(--space_xlarge) 0;
}

.map .mapC {
    border-radius: var(--space_large);
    overflow: hidden;
}

.forIn-slider .max-container-m {
    position: relative;
}

.forIn-slider .solution-tab {
    flex-shrink: 0;
}

.forIn-slider .solution-tab .slick-track {
    transform: unset !important;
    width: auto !important;
    overflow-x: auto;
}

.forIn-slider img {
    border-radius: var(--space_xlarge);
    overflow: hidden;
}

.forIn-slider .check-bullet-icon {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    flex-shrink: 0;
}

.forIn-slider .dots .dot .ball,
.forIn-slider .dots .dot::before,
.forIn-slider .dots .dot::after {
    background-color: var(--dark-gray_16);
}

.forIn-slider .dots .slick-current,
.forIn-slider .dots .slick-current::before,
.forIn-slider .dots .slick-current::after {
    background-color: var(--parliament);
}

.forIn-slider .dots .slick-current .ball {
    background-color: var(--yellow);
}

.packet-free {
    padding: var(--space_large) var(--space_xlarge);
    border-radius: var(--space_large);
    position: relative;
}

.packets .badge {
    position: absolute;
    right: 0;
    top: 0;
    height: 38px;
    padding: 0 var(--space_xlarge);
    border-radius: 0 var(--space_large) 0 var(--space_large);
}

.packet-box {
    padding: var(--space_xxlarge) var(--space_xlarge) var(--space_xlarge);
    border-radius: var(--space_large);
    transition: 0.5s ease;
    position: relative;
    z-index: 2;
}

.packet-box.basic:not(.active):hover {
    box-shadow: var(--green-shadow);
}

.packet-box.pro:not(.active):hover {
    box-shadow: var(--orange-shadow);
}

.packet-box.premium:not(.active):hover {
    box-shadow: var(--yellow-shadow);
}

.packets.standard .box-big-packet {
    border-radius: 0 var(--space_large) var(--space_large);
}

.packets.premium .box-big-packet {
    border-radius: var(--space_large) 0 var(--space_large) var(--space_large);
}

.packet-box.active {
    border-radius: var(--space_large) var(--space_large) 0 0;
    z-index: 1;
}

.packet-box.active::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(-1 * var(--space_medium));
    width: 100%;
    height: var(--space_medium);
    background-color: var(--white);
}

.packet-box .fxplus {
    border-radius: var(--space_xsmall);
    padding: var(--space_xxsmall) var(--space_xsmall);
    margin-top: var(--space_xsmall);
}

.packet-box.basic:hover {
    box-shadow: var(--green-shadow) !important;
}

.packet-box.pro:hover {
    box-shadow: var(--orange-shadow) !important;
}

.packet-box.premium:hover {
    box-shadow: var(--yellow-shadow) !important;
}

.packet-box .price-row p,
.packet-box .price-row span {
    line-height: normal !important;
}

.box-big-packet {
    border-radius: var(--space_large);
    padding: var(--space_xxlarge) var(--space_xxxxlarge);
    box-sizing: border-box;
}

.radius-packet {
    position: absolute;
    bottom: calc(-1 * var(--space_medium));
    width: var(--space_medium);
    height: var(--space_medium);
    display: none;
}

.active .radius-packet {
    display: block;
}

.radius-packet.left {
    left: calc(-1 * var(--space_medium));
}

.radius-packet.right {
    right: calc(-1 * var(--space_medium));
}

.radius-packet .border {
    position: absolute;
    bottom: 0;
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    border-style: solid;
    border-radius: var(--space_medium);
}

.radius-packet.left .border {
    right: 0;
    border-width: 0 var(--space_medium) var(--space_medium) 0;
}

.radius-packet.right .border {
    left: 0;
    border-width: 0 0 var(--space_medium) var(--space_medium);
}

.testimonial-box {
    position: relative;
    padding: var(--space_xlarge);
    border-radius: var(--space_large);
    width: 380px;
    height: 400px !important;
    box-sizing: border-box;
    transition: 0.5s ease;
}

.testimonial-box .forInvest-double {
    position: absolute;
    top: -20px;
    opacity: 0;
    transition: 0.5s ease;
}

.testimonial-box:hover {
    background-color: var(--orange) !important;
    color: var(--white);
}

.testimonial-box:hover .forInvest-double {
    opacity: 1;
}

.solutions .content {
    position: relative;
}

.solutions .content > * {
    width: 474px;
    height: 474px;
}

.solutions .content > *:nth-child(3) {
    width: 236px;
    height: 236px;
    position: absolute;
    right: 0;
    top: 0;
}

.solutions .content .organization {
    padding: var(--space_xxlarge);
    border-radius: 0 100px 0 100px;
    box-sizing: border-box;
}

.solutions .content .experience,
.solutions .content .company {
    border-radius: 50%;
    padding: var(--space_xxlarge);
    box-sizing: border-box;
}

.solutions .content .usersC {
    background: url(/assets/forinvest/i/btc/solution.png) no-repeat;
    background-size: 100%;
}

.solutions .content .users,
.solutions .content .project {
    position: relative;
    padding: var(--space_xxxlarge);
    box-sizing: border-box;
}

.solutions .content .fill-grow {
    height: 1px;
}

.faq-item {
    cursor: pointer;
}

.faq-item .b1m {
    font-size: var(--h4);
    line-height: var(--h4line);
    font-weight: var(--weightR);
}

.faq-item .circle-up {
    display: none;
}

.faq-item.open .circle-down {
    display: none;
}

.faq-item.open .circle-up {
    display: block;
}

.faq-item .b3l {
    display: none;
}

.faq-item.open .b3l {
    display: block;
}

.box-why {
    width: 376px;
    height: 376px !important;
    padding: var(--space_xlarge);
    border-radius: var(--space_large);
    transition: 0.5s ease;
}

.box-why:hover {
    box-shadow: var(--yellow-shadow) !important;
}

.big-tab .active .seperate-h {
    border-color: var(--yellow);
}

.features .features-head > *:first-child,
.features .features-body > *:first-child {
    width: 320px;
}

.features .features-body > * {
    height: var(--space_xxxxxlarge);
}

.features .tabs {
    width: 1px !important;
}

.solution-contentC {
    width: calc(100% + (50vw - 592px));
    position: relative;
} 

.solution-contentC .scroll {
    overflow: auto;
    width: calc(100% - 376px);
    position: relative;
} 

.solution-contentC .scroll .slick-track {
    display: flex;
    gap: var(--space_large);
    position: static;
}

.solution-contentC .scroll .slick-slider {
    width: 100%;
}

.solution-contentC .scroll .slick-slide,
.slick-type-2 .slick-slide,
.slick-type-2-a .slick-slide {
    position: relative;
}

.solution-contentC .scroll .slick-slide,
.vision .video .slick-type-2 .slick-slide,
.vision .video .slick-type-2-a .slick-slide {
    opacity: 0.2;
    pointer-events: none;
    transition: 0.5s ease;
}

section.fx-plus .solution-contentC .scroll .slick-slide {
    opacity: 1;
    pointer-events: unset;
}

.vision.vision-fxplus .slick-type-2 .slick-slide,
.vision.vision-fxplus .slick-type-2-a .slick-slide {
    opacity: 1;
    pointer-events: unset;
}

.solution-contentC .scroll .slick-slide:nth-child(2),
.solution-contentC .scroll .slick-slide.slick-current,
.vision .slick-type-2 .slick-slide:nth-child(2),
.vision .slick-type-2-a .slick-slide:nth-child(2),
.vision .slick-type-2 .slick-slide.slick-current,
.vision .slick-type-2-a.slick-slide.slick-current {
    opacity: 1;
    pointer-events: unset;
}

.solution-contentC .scroll .slick-arrow,
.slick-type-2 .slick-arrow,
.slick-type-2-a .slick-arrow {
    position: absolute;
    top: calc(50% - 28px);
    right: var(--space_large);
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    background-color: var(--gray);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -9999px;
    border: 0;
}

.solution-contentC .scroll .slick-arrow::after,
.slick-type-2 .slick-arrow::after,
.slick-type-2-a .slick-arrow::after {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--dark-gray);
    cursor: pointer;
}

.solution-contentC .solution-contentC .scroll .slick-prev,
.slick-type-2 .slick-prev,
.slick-type-2-a .slick-prev {
    display: none !important;
}

.solution-tab .slick-track {
    display: flex;
    flex-direction: row;
    gap: var(--space_medium);
    transform: unset !important;
}


.solution-tab .slick-list {
    padding: 0 !important;
}

.solution-tab .slick-track::before {
    display: none;
}

.solution-tab .slick-slide {
    display: inline-flex;
}


.slick-type-2-c,
.slick-type-2-c-a {
    width: calc(100% + (50vw - 592px));
    position: relative;
} 

.hide-scroll-roadmap {
    width: calc(100% + (50vw - 592px));
}

.roadmapC {
    position: relative;
    overflow-x: scroll;
    height: 620px;
    align-items: start;
} 

.roadmapC .arrow {
    content: "";
    position: sticky;
    top: calc(50% - 28px);
    right: var(--space_large);
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    background-color: var(--gray);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -9999px;
    border: 0;
    opacity: 0.6;
    padding: 0 var(--space_medium);
}

.roadmapC .arrow:after {
    content: "";
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--dark-gray);
    cursor: pointer;
}


.slick-type-2-c .slick-track,
.slick-type-2-c-a .slick-track {
    display: flex;
    gap: var(--space_small);
}

.vision .slick-type-2-c .slick-track,
.vision .slick-type-2-c-a .slick-track {
    gap: var(--space_large);
}

.slick-type-2-c .slick-slide,
.slick-type-2-c-a .slick-slide {
    float: none;
    min-height: auto !important;
    height: auto;
}

.vision .slick-type-2 .slick-arrow,
.vision .slick-type-2-a .slick-arrow {
    right: var(--spaceBig_small);
}

.slick-partners {
    width: 1072px;
}

.slick-partners .slick-track {
    display: flex;
    gap: var(--space_medium);
    justify-content: center;
}

.btc .blog .slick-list,
.testimonials .slick-list,
.why-forinvest .slick-list {
    padding: var(--space_large) var(--space_medium);
    margin-left: calc(-1 * var(--space_medium));
}

.blog .slick-track,
.testimonials .slick-track,
.why-forinvest .slick-track {
    gap: var(--space_medium);
}

.slick-partners .slick-arrow {
    position: absolute;
    top: calc(50% - 28px);
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    background-color: var(--yellow);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -99999px;
    border: 0;
}

.slick-partners .slick-arrow::before {
    position: relative;
    display: flex;
    content: "";
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/ok.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--parliament);
    cursor: pointer;
}

.slick-partners .slick-arrow.slick-next {
    right: calc(-1 * var(--spaceBig_xxxsmall));
}

.slick-partners .slick-arrow.slick-prev {
    left: calc(-1 * var(--spaceBig_xxxsmall));
}

.slick-partners .slick-prev::before {
    transform: rotate(180deg);
}

.slick-dots .slick-list {
    padding: 0 !important;
    width: 50px !important;
}

.slick-dots .slick-track {
    display: flex;
    flex-direction: column;
    gap: var(--space_large);
    align-items: center;
    width: 50px !important;
    transform: unset !important;
}

.slick-dots .slick-track::before,
.slick-dots .slick-track::after {
    display: none;
}

.for-invest-tab .slick-list {
    width: 100% !important;
    padding: 0 !important;
}

.for-invest-tab .slick-track {
    display: flex;
    gap: var(--spaceBig_xsmall);
    transform: unset !important;
}

.for-invest-tab .slick-track::before,
.for-invest-tab .slick-track::after {
    display: none;
}

.for-invest-tab .slick-slide {
    height: auto;
    cursor: pointer;
}

.for-invest-tab .slick-current .seperate-h {
    border-color: var(--yellow) !important;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none !important;
    left: 0;
    top: 0;
    transition: 0.5s ease;
    opacity: 0;
    color: var(--parliament);
}

.popup a {
    color: var(--parliament);
}

.popup.open {
    display: flex !important;
    opacity: 1;
    pointer-events: unset;
    z-index: 10;
}

.popup .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}

.popup .close {
    position: absolute;
    top: var(--space_large);
    right: var(--space_large);
    padding: var(--space_small);
    z-index: 3;
    cursor: pointer;
}

.popup .close::before {
    content: "";
    display: block;
    background-color: var(--dark-gray);
    width: var(--space_large);
    height: var(--space_large);
    mask: url(/assets/forinvest/i/close.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/close.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.popup .popContent {
    position: relative;
    z-index: 2;
    background-color: var(--white);
    height: 100%;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
}

#personalData.popup .popContent,
#legalWarning.popup .popContent,
#personalData-btb.popup .popContent,
#legalWarning-btb.popup .popContent,
#privacy.popup .popContent,
#licenceConcruct.popup .popContent {
    max-width: unset;
}

#licenceConcruct.popup .popContent {
    width: 80%;
    height: 80%;
    left: 0;
    right: var(--space_xxxlarge);
    top: var(--spaceBig_small);
    bottom: var(--space_xxxlarge);
    border-radius: var(--space_medium);
    box-shadow: var(--tooltip-shadow);
    padding: var(--space_xxlarge);
    background-color: var(--white);
}

#licenceConcruct.popup .close {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: end;
}

#licenceConcruct.popup .close::before {
    width: var(--space_xxxlarge);
    height: var(--space_xxxlarge);
}



#remote.popup .popContent {
    max-width: 600px;
    height: auto;
    padding: 0 var(--space_large);
    box-sizing: border-box;
}

.whatfxplus .bgyellowlight::before {
    content: "";
    display: block;
    width: var(--spaceBig_xxsmall);
    height: var(--spaceBig_xxsmall);
    background-color: var(--typewhitestatic);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: var(--space_xxxxlarge);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: var(--space_xxxxlarge);
}

.whatfxplus .phone::before {
    mask-image: url(../i/phone.svg);
    -webkit-mask-image: url(../i/phone.svg);
}

.whatfxplus .live::before {
    mask-image: url(/assets/forinvest/i/live.svg);
    -webkit-mask-image: url(/assets/forinvest/i/live.svg);
}

.whatfxplus .mail::before {
    mask-image: url(../i/mail.svg);
    -webkit-mask-image: url(../i/mail.svg);
}

.whatfxplus .remote::before {
    mask-image: url(/assets/forinvest/i/remote.svg);
    -webkit-mask-image: url(/assets/forinvest/i/remote.svg);
}

.whatfxplus .links a {
    display: flex;
    gap: var(--space_small);
    align-items: center;
    padding: var(--space_small) var(--space_medium);
    border-radius: var(--space_xsmall);
}

.whatfxplus .links a::before {
    content: "";
    background-color: var(--typeprimary);
    width: var(--space_medium);
    height: var(--space_medium);
    display: block;
    mask: url(/assets/forinvest/i/download.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/download.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.whatfxplus .links a.document::before {
    mask-image: url(/assets/forinvest/i/document.svg);
    -webkit-mask-image: url(/assets/forinvest/i/document.svg);
}

#whatFX .slick-slide img {
    width: 60%;
}

.whatfxplus .number {
    width: var(--spaceBig_xxxsmall);
    height: var(--spaceBig_xxxsmall);
    border-radius: 50%;
}

.whatfxplus .slick-current .number {
    background-color: var(--parliament) !important;
    color: var(--yellow) !important;
}

.whatfxplus .fxNav .slick-current .b3l {
    font-weight: var(--weightM);
}

.whatfxplus .fxNav .slick-slide {
    cursor: pointer;
}

.fxNav .slick-track,
.fxContent .slick-track {
    display: flex;
}

.fxContent .slick-list {
    min-width: 100%;
}

.fxContent .slick-track {
    min-width: 400%;
}

.fxNav .slick-track {
    transform: none !important;
    width: 100% !important;
}

.fxContent .slick-track > * {
    flex-grow: 1;
    flex-basis: 100%;
    width: 100% !important;
}


.fxNav .slick-track .slick-slide {
    width: 100% !important;
}

.help-box {
    padding: var(--space_medium);
    border-radius: var(--space_medium);
}

.help-box .icon {
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    border-radius: var(--space_medium);
}

.help-box .icon > * {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
}

.popupContent p {
    margin-bottom: var(--space_large);
}

#brokerages p {
    margin-bottom: 0;
}

.qr-box-c {
    position: relative;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease;
}

.qr-box-c.open {
    opacity: 1;
    pointer-events: unset;
}

.qr-box {
    position: absolute;
    width: 232px;
    border-radius: var(--space_large);
    padding: var(--space_large);
    right: calc(-1 * var(--space_large));
    top: 44px;
    gap: var(--space_medium);
}

.qr-box-c .overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.barcode {
    border: 2px solid var(--lavender);
    border-radius: var(--space_small);
    width: 148px;
    height: 148px;
    padding: var(--space_regular);
    box-sizing: border-box;
}

.barcode img {
    width: 100%;
}

.qr-box .barcode {
    width: 104px;
    height: 104px;
}

footer .barcode {
    width: 76px;
    height: 76px;
    border: 0;
    padding: var(--space_small);
}

.store-links {
    display: none !important;
}

#brokerages img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

#brokerages .popupContent .row-container {
    gap: var(--space_large);
}

.privacyLink {
    text-decoration: underline;
    cursor: pointer;
}

body.packet-detail .price.scroll {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 600px;
    left: calc(50% - 300px);
    background-color: var(--parliament);
    border-radius: var(--space_large) var(--space_large) 0 0;
    padding: var(--space_large);
    color: var(--white);
}

footer .social span {
    width: 20px;
    height: 20px;
}

.benefits .item {
    padding: var(--space_medium);
}

.techstack .box {
    position: relative;
    width: 134px;
    border: 1px solid var(--gray);
    padding: var(--space_medium) var(--space_small) var(--space_regular);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: var(--space_large);
    border-radius: var(--space_small);
}

.techstack .box .radius-for {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    border-radius: 0 var(--space_small) 0 0;
}

.techstack .box img {
    width: var(--space_xxxxxlarge);
}

section.account {
    height: calc(100% - var(--spaceBig_xxxsmall));
    padding-top: var(--spaceBig_xxxsmall);
    position: fixed;
    overflow: auto;
}

section.profile {
    padding-top: var(--spaceBig_regular);
}

section.account .icon-box {
    border-radius: var(--space_medium);
    width: var(--space_xxxxxlarge);
    height: var(--space_xxxxxlarge);
}

section.account .icon-box > * {
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
}

section.account.forgotPassword > * {
    margin-top: var(--spaceBig_small);
}

.box-account {
    border-radius: var(--space_large);
    padding: var(--space_xlarge);
    width: 100%;
    box-sizing: border-box;
    max-width: 600px;
}

.form-item-container {
    position: relative;
}

.form-item-container p {
    position: absolute;
    height: 100%;
    top: 0;
    left: var(--space_large);
    transition: 0.5s ease;
    pointer-events: none;
    line-height: var(--space_xxxxlarge);
}

.form-item-container input:focus + p,
.form-item-container select + p,
.form-item-container textarea:focus + p,
.form-item-container input:not(:placeholder-shown) + p,
.form-item-container textarea:not(:placeholder-shown) + p {
    height: auto;
    line-height: 20px;
    top: 8px;
    font-size: var(--b5);
}

.form-item-container.q-show-error input,
.form-item-container.q-show-error select,
.form-item-container.q-show-error textarea,
.input-error {
    border-color: var(--negative) !important;
}

.form-item-container.q-show-error p,
.input-error,
.input-error + p {
    color: var(--negative) !important;
}

.form-item-container.selectbox::before  {
    content: "";
    position: absolute;
    right: 0;
    width: var(--space_xxlarge);
    height: 100%;
    top: 0;
    background-color: var(--bgdarklevel5);
    mask: url(/assets/forinvest/i/chevron-down.svg) no-repeat 50%;
    mask-size: var(--space_medium);
    -webkit-mask: url(/assets/forinvest/i/chevron-down.svg) no-repeat 50%;
    -webkit-mask-size: var(--space_medium);
    pointer-events: none;
}

.form-item-container.error .selectbox::before  {
    background-color: var(--orange);
}

.form-item-container input::placeholder,
.form-item-container select::placeholder,
.form-item-container textarea::placeholder {
    visibility: hidden;
}

.form-item-container.invalid input {
    border: 1px solid var(--negative);
}

.form-item-container.invalid a {
    text-decoration: underline;
}

.form-item-container.invalid a,
.form-item-container.valid .valid-check {
    position: absolute;
    line-height: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    right: var(--space_medium);
    top: 0;
}

.form-item-container.valid .circle {
    width: var(--space_large);
    height: var(--space_large);
}

.form-item-container.valid .circle > * {
    width: var(--space_regular);
    height: var(--space_regular);
}

input.switch[type="checkbox"] {display: none;}
input.switch[type="checkbox"] + label span {position: relative; line-height: unset; height: 20px; display: flex;}
input.switch[type="checkbox"] + label span:after {content: ""; float: none; display: inline-block; position: relative; width: 40px;
  height: 20px; border-radius: 10px; background-color: #d8d8d8; transition: 0.3s ease;}
input.switch[type="checkbox"] + label span:before {content: ""; float: none; position: absolute; z-index: 2; width: 16px; height: 16px; background-color: #ffffff;
  border-radius: 50%; top: 2px; right: 22px; transition: 0.3s ease;}
input.switch[type="checkbox"]:checked + label span:after {background-color: #f0c529;}
input.switch[type="checkbox"]:checked + label span:before {right: 2px;}

body.labs,
body.labs a {
    color: var(--brand-gray);
}

.logo-labs-page {
    background: url(/assets/forinvest/i/logo.svg) no-repeat;
    width: 166px;
    height: 39px;
    background-size: 100%;
}

.header-w.scroll .logo-labs-page {
    background-image: url(/assets/forinvest/i/btc/logo.svg);
}

body.labs .header-w,
body.labs .header-w a,
body.labs .header-w .button.s-l {
    color: var(--white);
}

@media screen and (min-width: 1025px) {
    body.labs .header-w.scroll,
    body.labs .header-w.scroll a,
    body.labs .header-w.scroll .button.s-l,
    body.labs .header-w.scroll span {
        color: var(--brand-gray) !important;
    }
}

body.labs .header-w.scroll .down-icon {
    background-color: var(--brand-gray) !important;
}

.hero-labs {
    background: url(/assets/forinvest/i/hero-labs.png) no-repeat;
    background-size: cover;
    color: var(--white);
}

.labs-partners {
    height: var(--spaceBig_xxsmall);
}

.about-labs-row > *:nth-child(2) {
    width: 50%;
    border-radius: var(--space_xlarge);
    overflow: hidden;
}

.box-labs {
    border-radius: var(--space_large);
    padding: var(--space_xlarge);
}

.box-labs .circle {
    width: var(--spaceBig_xxsmall);
    height: var(--spaceBig_xxsmall);
}

.box-labs .circle > * {
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
}

.solutions.labs-boosts .content > *:first-child {
    width: 340px;
}

.solutions.labs-boosts .content > *:first-child > *:nth-child(2) > * {
    padding: var(--space_large) var(--space_large) 0 0;
    box-sizing: border-box;
}

.solutions.labs-boosts .content > *:first-child > *:nth-child(2) > * > * {
    width: 213px;
    height: 213px;
    padding: var(--space_large);
}

.solutions.labs-boosts .content > *:nth-child(3) {
    width: 362px;
    height: 100%;
    box-sizing: border-box;
    padding-left: var(--space_regular);
}

.solutions.labs-boosts .content .company {
    width: 213px;
    height: 213px;
}

.solutions.labs-boosts .content .usersC {
    background-image: url(/assets/forinvest/i/opportunities.png);
}

.solutions.labs-boosts .content .users,
.solutions.labs-boosts .content .project {
    padding: var(--space_large);
}

.box-mentors {
    border-radius: var(--space_xlarge);
    padding: var(--space_small);
}

.box-mentors .img {
    border-radius: var(--space_large) var(--space_large) 0 0;
    overflow: hidden;
}

.box-mentors .text {
    padding: 0 var(--space_large) var(--space_large) var(--space_large);
}

.program-nav .row-container {
    padding: var(--space_medium) var(--space_xxxlarge);
    white-space: nowrap;
}

.program-nav .slick-current {
    border-bottom: 1px solid var(--brand-blue);
    color: var(--brand-blue);
}

.program-nav .slick-current p {
    font-weight: var(--weightM);
}

.box-program {
    border-radius: var(--space_xlarge);
    padding: var(--spaceBig_xsmall) var(--spaceBig_large);
    position: relative;
    z-index: 2;
    backdrop-filter: blur(5.699999809265137px);
}

.program-content .slick-list {
    position: relative;
    z-index: 2;
}

.program-content {
    position: relative;
}

.program-content::before {
    content: "";
    position: absolute;
    z-index: 3;
    background: url(/assets/forinvest/i/labs-program-before.svg);
    background-size: 100%;
    width: 62px;
    height: 62px;
    top: var(--spaceBig_xxsmall);
    left: calc(-1 * var(--space_xlarge));
}

.program-content::after {
    content: "";
    position: absolute;
    z-index: 1;
    background: url(/assets/forinvest/i/labs-program-after.png);
    background-size: 100%;
    width: 104px;
    height: 67px;
    bottom: var(--spaceBig_xxsmall);
    right: calc(-1 * var(--space_xlarge));
}

.item-program .phase {
    padding-top: var(--space_small);
}

.item-program .text {
    padding-bottom: var(--space_xlarge);
}

.item-program .border-phase {
    width: 1px;
    box-sizing: border-box;
    border-left: 1px dashed var(--brand-blue);
}

.item-program:last-child .border-phase {
    border: none;
}

.box-detail-program {
    border-radius: var(--space_medium);
    padding: var(--space_large);
}

.form-nav {
    border-bottom: 1px dashed var(--gray);
    position: relative;
    height: 50px;
    box-sizing: border-box;
}

.form-nav .row-container {
    padding: var(--space_small) var(--space_large) var(--space_medium);
    position: relative;
    height: 50px;
    box-sizing: border-box;
    white-space: nowrap;
    width: auto !important;
    cursor: pointer;
}

.form-nav .slick-current {
    border-bottom: 1px solid var(--brand-blue);
    color: var(--brand-blue);
}

.form-nav .slick-current p {
    font-weight: var(--weightM);
}

.box-form {
    border-radius: var(--space_xlarge);
    padding: var(--space_xlarge) var(--spaceBig_xsmall) var(--space_xxxlarge);
    position: relative;
}

.box-form::before {
    content: "";
    position: absolute;
    z-index: 3;
    background: url(/assets/forinvest/i/labs-program-before.svg);
    background-size: 100%;
    width: 62px;
    height: 62px;
    top: var(--spaceBig_regular);
    left: calc(-1 * var(--space_xlarge));
}

.form-nav .slick-list,
.program-nav .slick-list {
    padding: 0 !important;
    width: auto !important;
}

.form-nav .slick-track,
.form-nav .slick-list,
.program-nav .slick-track,
.program-nav .slick-list {
    transform: none !important;
    width: auto !important;
}

.form-nav .slick-list,
.program-nav .slick-list {
    overflow: visible;
}

.form-content .prev,
.form-content .next {
    cursor: pointer;
}

.form-content textarea {
    height: var(--spaceBig_xsmall);
    box-sizing: border-box;
}

.form-content .contact {
    padding-top: var(--space_small);
}

.q-show-error textarea,
.q-show-error input {
    border: 1px solid var(--negative);
    box-sizing: border-box;
}

.q-show-error:after {
    height: var(--space_xxxxlarge) !important;
    line-height: var(--space_xxxxlarge) !important;
    color: var(--negative) !important;
    font-size: 12px !important;
}

.radio-item.q-show-error:after {
    right: auto;
    top: 8px;
    left: 29px;
}

.radio-item.q-show-error.form-item-container.q-show-error input + span {
 border-color: var(--negative) !important;
}

.radio-item.q-show-error.form-item-container.q-show-error input + span + label {
    color: var(--negative);
}

.expire-date.q-show-error:after {
    right: 0;
    left: 16px;
    top: 14px;
    overflow: hidden;
}

.btc .contact .credit-card-security select {
    padding: var(--space_regular) var(--space_medium) 0;
}

.credit-card-security .form-item-container p {
    left: var(--space_medium);
    top: 6px;
}

.cvc .relative {
    position: absolute;
    left: 6px;
    top: 20px;   
}

.cvc .relative .info-box {
    right: -127px;
    left: auto;
}
.cvc .relative .info-box::before {
    left: 187px;
}

.cvc .input {
    padding-left: var(--space_medium);
}

.cvc .relative .question-icon {
    width: var(--space_medium);
    height: var(--space_medium);
}

.expire-date select {
    background-position: right var(--space_medium) center !important;
}

.pt-40 {
    padding-top: 40px;
}

.box-sipay {
    border-radius: var(--space_large);
    padding: 0 var(--space_large);
    height: 76px;
    align-items: center;
    display: flex;
}

.sipay .barcode {
    width: 76px;
    height: 76px;
    padding: var(--space_small);
    box-sizing: border-box;
}

.box-account .circle {
    width: var(--space_xxxxxlarge);
    height: var(--space_xxxxxlarge);
}

.box-account .circle > * {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
}

.box-account .error-icon {
    width: var(--spaceBig_xxxsmall);
    height: var(--spaceBig_xxxsmall);
}

.profile-tab {
    width: 264px;
    flex-basis: 264px;
}

.profile-right {
    width: 264px;
    flex-basis: 264px;
}

section.profile .box-account {
    padding: var(--space_large);
}

.profile-tab .h3r {
    padding: 0 var(--space_xlarge);
}

.profile-tab .nav-profile {
    padding: var(--space_medium);
}

.profile-tab .nav-profile .item-profile {
    height: var(--space_xxxlarge);
    padding: 0 var(--space_small) 0 var(--space_medium);
}

.profile-tab .nav-profile .item-profile.active {
    background-color: var(--yellow_12);
    color: var(--yellow);
    border-radius: var(--space_medium);
}

.profile-tab .nav-profile .item-profile.active .b2l {
    font-weight: var(--weightM) !important;
}

.profile-tab .nav-profile .item-profile.active > *:first-child {
    background-color: var(--yellow) !important;
}

.add-remove {
    border: 1px solid var(--yellow);
    border-radius: var(--space_medium);
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    box-sizing: border-box;
}

.add-remove:before {
    position: relative;
    display: flex;
    content: "";
    width: 30px;
    height: 30px;
    mask: url(/assets/forinvest/i/plus-only.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/plus-only.svg) no-repeat;
    -webkit-mask-size: 100%;
    background-color: var(--parliament);
}

section.payment {
    padding-top: var(--space_xxxxlarge);
    min-height: calc(100vh - var(--spaceBig_xxxsmall));
    padding-bottom: var(--space_xxxlarge);
    box-sizing: border-box;
}

section.payment .order-summary {
    width: 384px;
    flex: 0 0 384px;
}

section.payment .order-summary.close .circle-down {
    height: 160px;
    overflow: hidden;
    mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    -webkit-mask-size: 100%;
}

section.payment .order-summary .close-summary {
    display: none !important;
}

section.payment .order-summary .close-summary .circle-down {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    align-self: center;
    display: none;
}

section.payment .order-summary .close-summary .circle-down + span:before {
    content: "Detayları Gizle";
    text-decoration: underline;
    font-size: var(--b4);
}

section.payment .order-summary.close .close-summary .circle-down + span:before {
    content: "Detayları Gör"
}

section.payment .order-summary .box-account {
    padding:  var(--space_large);
}

section.payment .box-account .circle {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
}

section.payment .box-account .check-bullet-icon {
    width: var(--space_regular);
    height: var(--space_regular);
}

.info-box .check-bullet-icon {
    width: var(--space_medium) !important;
    height: var(--space_medium) !important;
}

section.payment .active-box {
    display: none !important;
    border: 1px solid var(--positive);
}

section.payment.license-active .active-box {
    display: flex !important;
    border-radius: var(--space_xlarge);
}

section.payment.license-active .order-summary .active-box.pay-desktop {
    display: none !important;
}

section.payment.license-active .summary-box .packet {
    display: none !important;
}

.discount {
    position: relative;
}

.discount a {
    position: absolute;
    line-height: var(--space_xxxxlarge);
    right: var(--space_medium);
    top: 0;
}

.discount-area {
    display: none;
}

.discount-area-c.open .discount-area {
    display: block;
}

.discount-area-c.open .discount-id {
    display: none !important;
}

.period {
    border-radius: var(--space_xlarge);
}

.period input:checked + span + label {
    font-weight: var(--weightM);
}

#credit-card-area {
    display: none !important;
}

#credit-card-area-c.open #credit-card-area {
    display: flex !important;
}

#credit-card-area-c.open .circle-down {
    mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    -webkit-mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
}

#invoice-area {
    display: none !important;
}

#invoice-area-c.open #invoice-area {
    display: flex !important;
}

#invoice-area-c.open .circle-down {
    mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    -webkit-mask: url(/assets/forinvest/i/circle-up.svg) no-repeat;
    display: none;
}





.item-add-fea {
    padding:  var(--space_medium) 0;
    border-bottom: 1px solid var(--dark-gray_16);
}

.item-add-fea input[type="checkbox"] {
    display: none;
}

.item-add-fea label {
    cursor: pointer;
}

.item-add-fea input:checked + label .add-remove {
    border-color: var(--dark-gray_40);
}

.item-add-fea input:checked + label .add-remove:before  {
    mask: url(/assets/forinvest/i/minus-only.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask: url(/assets/forinvest/i/minus-only.svg) no-repeat;
    -webkit-mask-size: 100%;
}

.hide-elem {
    display: none !important;
}

.pay-mobile,
.profile-mobile {
    display: none !important;
}

.message-box {
    border-radius: var(--space_medium);
    border: 1px solid var(--yellow);
    padding: var(--space_small);
    background-color: var(--yellow_10);
}

.message-box span {
    color: var(--yellow);
}

.message-box .info-c {
    background-color: var(--yellow_10);
    width: var(--space_xxxlarge);
    height: var(--space_xxxlarge);
    border-radius: var(--space_regular);
    align-items: center;
    justify-content: center;
}


.message-box .info-icon {
    background-color: var(--yellow);
}

.message-box .button {
    height: var(--space_xxxlarge);
    color: var(--white);
}

.error-box span {
    color: var(--negative);
}

.error-box {
    border-color: var(--negative);
    background-color: var(--negative_10);
}

.error-box .info-c {
    background-color: var(--negative_10);
}

.error-box .info-icon {
    background-color: var(--negative);
}

.positive-box span {
    color: var(--positive);
}

.positive-box {
    border-color: var(--positive);
    background-color: var(--positive_10);
}

.positive-box .info-c {
    background-color: var(--positive_10);
}

.positive-box .info-icon {
    background-color: var(--positive);
}

#sub-packet-link {
    cursor: pointer;
}

#sub-packet-area.open #sub-packet-link .circle-plus {
    mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    -webkit-mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

#sub-packet-area .content {
    display: none !important;
}

#sub-packet-area.open .content {
    display: flex !important;
}

#add-package-link {
    cursor: pointer;
}

#add-package .package {
    height: 194px;
    overflow-y: hidden;
}

#add-package.open .package {
    height: auto;
    overflow-y: visible;
}

#add-package.open .down-icon {
    transform: rotate(180deg);
}

.hide-scroll {
    overflow: hidden;
}

/* banner */

.banner-mobile,
.popup.open.banner-mobile {
    display: none !important;
}

.banner-head {
    padding-bottom: var(--space_medium);
}

.banner-head + * {
    margin-top: var(--space_xxxxxlarge);
}  

.cam-popup .popContent {
    width: auto;
    height: auto;
}

.cam-popup {
    padding: 0 var(--space_large);
    box-sizing: border-box;
}

.cam-popup img {
    max-width: 1326px;
}

@media (max-width: 1024px) {
    .banner-head + * {
        margin-top: var(--spaceBig_small);
    }  
}

@media (max-width: 720px) {
    .banner-web,
    .popup.open.banner-web {
        display: none !important;
    }

    .banner-mobile,
    .popup.open.banner-mobile {
        display: flex !important;
    }

    .cam-popup.popup .close {
        right: var(--space_small);
        top: var(--space_small);
    }

    .banner-head + * {
        margin-top: var(--space_xxxxxlarge);
    }  

    .cam-popup {
        padding: 0;
    }

    .banner-mobile img {
        max-width: 100%;
    }
}

/* banner */

.d-none {
    display: none!important;
}

.flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.deleteDiscount {
    color: var(--Parliament, #142033);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    border-bottom: 1px solid #FFC200;
    margin-left: 5px;
}

.w-50 {
    width: 50%!important;
}

.button-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    column-gap: 5px;
}

.p-0 {
    padding: 0!important;
}

.addOn-packet-header {
    display: flex !important;
    order: -1;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #f9f9f9;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    box-shadow: var(--tooltip-shadow);
    width: 400px;
    z-index: 1000;
    font-size: 11px;
}

.tooltip strong {
    display: block;
    padding-left: 10px;
    font-size: .875rem;
}

.tooltip ul {
    font-size: .75rem;
    margin: 0;
    padding-left: 20px;
    list-style-type: disc;
}

.tooltip::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 20px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
}

.tooltip::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 20px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f9f9f9 transparent;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tooltip {
        width: 300px;
        left: -20px;
        font-size: 10px;
    }

    .tooltip strong {
        font-size: .8rem;
    }

    .tooltip ul {
        font-size: .7rem;
    }

    .tooltip::after, .tooltip::before {
        left: 10px;
    }
}

@media (max-width: 480px) {
    .tooltip {
        width: 260px;
        left: -10px;
        font-size: 9px;
    }

    .tooltip strong {
        font-size: .75rem;
    }

    .tooltip ul {
        font-size: .65rem;
    }

    .tooltip::after, .tooltip::before {
        left: 5px;
    }
}

#campaigns {
    padding-top: var(--spaceBig_small);
}

#campaigns .campaign-detail-head {
    padding: var(--space_xlarge) 0;
    height: 184px;
    box-sizing: border-box;
}

#campaigns .campaigns-head {
    height: 120px;
}


#campaigns .campaign-detail-head > *:last-child {
    width: 360px;
    flex-shrink: 0;
}

#campaigns .campaign-content .content {
    padding: var(--spaceBig_xxsmall) 0;
    gap: var(--space_xlarge);
}

#campaigns .campaign-content .right {
    width: 360px;
    flex-shrink: 0;
    position: relative;
    top: calc(-1 * var(--spaceBig_xsmall));
}

#campaigns .image {
    border-radius: var(--space_large);
    overflow: hidden;
    display: flex;
}

#campaigns .image img {
    width: 100%;
}

#campaigns .tag-detail {
    background-color: var(--parliament_04);
    height: var(--space_large);
    display: flex;
    border-radius: var(--space_xsmall);
    align-items: center;
    padding: 0 8px;
    white-space: nowrap;
}

#campaigns .content ul {
    list-style-type: disc;
    list-style-position: inside;
}

.campaign-tabs {
    background-color: var(--white);
    border-radius: var(--space_large);
    padding: var(--space_large);
    position: relative;
    margin-top: calc(-1 * var(--space_xxxxlarge));
    box-sizing: border-box;
    flex-wrap: wrap;
}

.campaign-tabs .item {
    background-color: var(--parliament_04);
    height: var(--space_xxxlarge);
    display: flex;
    align-items: center;
    padding: 0 var(--space_medium);
    border-radius: var(--space_medium);
    white-space: nowrap;
}

.campaign-tabs .item.active {
    background-color: var(--gray_64);
    cursor: pointer;
}

.campaign-tabs .item.active {
    font-weight: var(--weightM);
}

.campaign-list {
    flex-wrap: wrap;
}

.campaign-list .item {
    width: calc(33% - 34.1px);
    flex-basis: calc(33% - 34.1px);
}

.passive-campaigns .item {
    /* pointer-events: none; */
    cursor: pointer;
    filter: grayscale();
}

/* .show-more-button,
.show-more-button-passive {
  justify-content: center;
  align-items: center;
  text-align: center;
} */

.icon-form {
    position: absolute;
    cursor: pointer;
    right: var(--space_medium);
    top: var(--space_medium);
}

.hide-on-load {
    display: none;
}

#password-tooltip {
    left: 0;
    top: var(--space_xxxxxlarge);
    box-shadow: var(--tooltip-shadow) !important;
}

*:hover > #password-tooltip {
    opacity: 0;
    pointer-events: none;
}

#password-tooltip.open {
    opacity: 1;
    pointer-events: unset;
}

#password-tooltip::before {
    left: 0;
}

#password-tooltip input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

#password-tooltip input[type="checkbox"] + span {
    width: var(--space_medium);
    height: var(--space_medium);
    opacity: 0.3;
}

#password-tooltip input[type="checkbox"]:checked + span {
    opacity: 1;
}

.campMain {position: fixed; left: 0; top: 0; right: 0; bottom: 50px; overflow: auto;}
.campaign {display: grid; grid-template-columns: 11fr 10fr; max-width: 1200px; margin: 0 auto; grid-gap: 50px; padding: 50px;}
.campaign .logo {width: 204px; margin-bottom: 20px;}
.campaign .logo img {width: 100%;}
.campaign > div > img {display: block; width: 100%; max-width: 360px; margin: 0 auto 25px;}
.campaign > div:first-child h1 {font-weight: 600; font-size: 1.875em; margin-bottom: 20px;}
.campaign > div:first-child h2 {font-size: 1.1em; font-weight: 400; margin-bottom: 20px;}
.campaign > div:first-child h4 {font-size: 0.875em; font-weight: 400;}
.campaign .login {padding: 0;}
.campaign .login .form {max-width: none;}

.thanks {width: 100%; max-width: 720px; box-sizing: border-box; text-align: center; margin-top: 200px;}
.thanks .seperateThanks {border-top: 1px dashed #93939a; margin: 30px auto; height: 1px; box-sizing: border-box; padding: 0 15px; max-width: 320px;}
.thanks .socialLink a {display: block; width: 45px; height: 45px; border-radius: 10px; color: #fff; font-size: 2em; background-color: #000; line-height: 45px;}
.thanks .socialLink a.twitter {background-color: #000;}
.thanks .socialLink a.facebook {background-color: #32599d;}
.thanks .socialLink a.youtube {background-color: #ff0000; font-size: 0.8em;}
.thanks .socialLink a.instagram {background: radial-gradient(208.48% 208.48% at -10.92% 135.05%, #F9ED41 0%, #FF833D 24%, #EE5468 40%, #E7407B 49%, #0028FF 100%);}
.thanks .socialLink a.linkedin {background-color: #0079bf;}

footer.campaign-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

footer.campaign-footer .copyright {
    padding: var(--space_small) var(--space_medium);
    box-sizing: border-box;
}

footer.campaign-footer .copyright,
footer.campaign-footer .copyright a {
    color: var(--parliament) !important;
}

body.campaign-body .grecaptcha-badge {
    bottom: var(--space_xxxxlarge) !important;
}

#CookiebotWidget:not(.CookiebotWidget-inactive) {
    bottom: 30px !important;
    left: 30px !important;
    opacity: 0.2 !important;
}

#CookiebotWidget:not(.CookiebotWidget-inactive):hover {
    opacity: 1 !important;
}

.btc .hero.cuzdan-hero {
    max-width: 1184px;
    padding: 0;
}

.btc .hero.cuzdan-hero .img img {
    right: -60px;
}

.cuzdan-box {
    position: relative;
    overflow: hidden;
    border-radius: var(--space_xlarge);
}

.cuzdan-box > * {
    position: relative;
    z-index: 1;
}

.cuzdan-box-1:first-child:before,
.cuzdan-box-3:first-child:before {
    content: "";
    position: absolute;
    width: 355px;
    height: 355px;
    left: calc(50% - 177.5px);
    top: -95px;
    background: rgba(214, 227, 59, 0.30);
    filter: blur(80.55000305175781px);
    z-index: 0;
}

body.smart-news .cuzdan-box-1:first-child:before,
body.smart-news .cuzdan-box-3:first-child:before {
    display: none;
}

.cuzdan-box-4:first-child:before {
    content: "";
    position: absolute;
    width: 355px;
    height: 355px;
    bottom: var(--space_small);
    right: 151px;
    background: rgba(214, 227, 59, 0.30);
    filter: blur(80.55000305175781px);
    z-index: 0;
}

.cuzdan-box img {
    display: block;
}

.cuzdan-box .content:last-child {
    padding: 0 var(--spaceBig_xxxsmall) 0 var(--space_large);
}

.cuzdan-box .content:first-child {
    padding: 0 var(--space_large) 0 var(--spaceBig_xxxsmall);
}

.security {
    position: relative;
    overflow: hidden;
    padding: var(--space_xxxxxlarge) 0;
    gap: var(--spaceBig_small);
}

.security .cuzdan-5 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.security .content {
    max-width: 673px;
    z-index: 1;
}

.security img.desktop960 {
    position: absolute;
    right: 0;
    bottom: calc(-1 * var(--space_small));
    z-index: 1;
}

.security > *:first-child {
    position: relative;
    z-index: 2;
}

.security > *:nth-child(2) {
    position: relative;
    z-index: 2;
}

.security-box {
    padding: var(--space_medium);
}

.security-box .icon-cover {
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
    border-radius: var(--space_small);
}

.security-box .icon-cover > * {
    width: var(--space_xlarge);
    height: var(--space_xlarge);
}

.table-cuzdan {
    border-radius: var(--space_small);
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
}

.table-cuzdan th,
.table-cuzdan td {
    vertical-align: middle;
    height: var(--space_xlarge);
    line-height: var(--space_xlarge);
    text-align: left;
    padding: 0 var(--space_xxlarge);
}

.table-cuzdan td {
    padding: var(--space_xsmall) var(--space_xxlarge);
    width: 0;
}   

.table-cuzdan tbody tr {
    background: var(--white);
}

.table-cuzdan tbody tr:nth-child(odd) {
    background: var(--gradient3);
}

.table-cuzdan span {
    display: block;
}

.faq-bg {
    background-color: var(--parliament_04);
    padding: var(--spaceBig_xxsmall) var(--spaceBig_small);
    border-radius: var(--space_xlarge);
    box-sizing: content-box;
}

.komisyon_link {
    cursor: pointer;
}

body.landing .hero {
    height: 656px;  
}

.landing-slider-1 .slick-list,
.landing-slider-1 .slick-track,
.landing-slider-1 .slick-slide {
    transform: unset !important;
}

.landing-slider-1 .slider-nav .slick-track {
    display: flex;
    width: 100% !important;
    transform: unset !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space_medium);
}

.landing-slider-1 .slider-nav .slick-track::before {
    display: none;
}

.landing-slider-1 .slider-nav .slick-track:after {
    content: "";
    display: flex;
    flex-basis: calc(50% - var(--space_small));
    justify-self: stretch;
    background-color: var(--yellow);
    border-radius: var(--space_small) var(--space_small) var(--spaceBig_xsmall);
}

.landing-slider-1 .slider-nav .slick-track .slick-slide {
    width: auto !important;
    float: none;
    flex-basis: calc(50% - var(--space_small));
    background-color: var(--parliament_80);
    border-radius: var(--space_small);
    padding: var(--space_medium);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-self: stretch;
    height: auto;
}

.landing-slider-1 .slider-nav .slick-track .slick-slide.slick-current {
    background-color: var(--gray_08);
}

.landing-slider-1 .slider-nav .slick-track .slick-slide.slick-current p:first-child {
    color: var(--yellow);
}

.usecase .item {
    border-radius: var(--space_xxlarge);
    overflow: hidden;
    background-color: var(--dark-gray_40);
    width: 600px;
}

.usecase .item img {
    width: 100%;
}

.usecase .item p {
    padding: var(--space_xlarge);
    color:var(--gray_56);
}

.tag {
    border-radius: 24px;
    background: rgba(214, 214, 214, 0.20);
    padding: var(--space_xsmall) var(--space_medium);
    height: var(--space_xxlarge);
}

.landing.landing-widget .hero {
    padding-top: var(--spaceBig_regular);
    height: auto;
}

.landing.landing-widget .hero .button {
    height: var(--spaceBig_xxxsmall);
    font-size: var(--b1);
    padding: 0 var(--space_xxxxxlarge);
}

.landing .img-cover {
    border-radius: var(--space_xlarge);
    background-color: var(--parliament);
    width: 592px;
    height: 592px;
    overflow: hidden;
}

.landing .img-cover img {
    display: block;
}

.landing .section-landing {
    gap: var(--space_xxlarge);
}

.landing .section-landing > * {
    width: 592px;
    flex-shrink: 0;
}

.landing-slider-1 {
    position: relative;
    z-index: 1;
}


    
.symbol {
    width: 254px;
    height: 254px;
    border-radius: var(--space_xxxxxlarge);
    flex-shrink: 0;
}

.symbol .icon-research {
    width: 197px;
    height: 197px;
}

.investor {
    position: relative;
    overflow: hidden;
    padding: var(--spaceBig_xsmall) var(--spaceBig_small)
}

.investor > * {
    position: relative;
    z-index: 1;
}


.landing.landing-widget .landing-slider-1 .slider-nav .slick-track .slick-slide {
    flex-basis: 100%;
}

.landing.landing-widget .landing-slider-1 .slider-nav .slick-track:after {
    display: none;
}

.landing.landing-widget .landing-slider-1 .slider-nav {
    width: 440px;
}

.landing.landing-widget #slider-2 .slider-nav {
    width: 100%;
}

.landing.landing-widget #slider-2 .slider-nav .slick-track .slick-slide {
    flex-basis: unset;
    flex-grow: 1;
    width: 1px !important;
    flex-wrap: nowrap;
    background-color: var(--white_10);
}

.landing.landing-widget #slider-2 .slider-nav .slick-track .slick-slide.slick-current {
    background-color: var(--white_20);
}

.landing.landing-widget #slider-2.landing-slider-1 .slider-nav .slick-track {
    flex-direction: row;
}

.references .list {
    flex-wrap: wrap;
}

.references .list .item {
    flex-basis: 202px;
}

.references .list .item img {
    width: 100%;
    display: block;
}

.landing-turnkey .numbers .content {
    flex-wrap: wrap;
}

.landing-turnkey .numbers .content .item {
    flex-basis: calc(50% - var(--space_regular));
}

.info-graphic .content .image img {
    display: block;
}

.info-graphic .content > *:nth-child(2),
.info-graphic .content > *:nth-child(3) {
    position: relative;
    margin-top: -140px;
    
}

.info-graphic .content > *:nth-child(4) {
    position: relative;
    margin-top: -80px;
}

.info-graphic .content > *:nth-child(5) {
    margin-top: 40px;
}

.features-innovation ul {
    list-style-type: disc;
    list-style-position: inside;
}

.dots-ik.dots {
    position: static;
}

.dots-ik.dots,
.dots-ik.dots .slick-current,
.dots-ik.slick-dots .slick-list,
.dots-ik.slick-dots .slick-track {
    width: auto !important;
}

.dots-ik.slick-dots .slick-list {
    padding-bottom: var(--space_xxxlarge) !important;
}

.dots-ik.slick-dots .dot {
    display: flex;
    flex-direction: row;
    gap: var(--space_medium);
    width: unset !important;
    align-items: start;
    cursor: pointer;
    height: var(--space_xxxxxlarge);
}

.dots-ik.dots .slick-current {
    background: none;
    height: var(--spaceBig_xxxsmall) !important;
}

.dots-ik.dots .slick-slide h3 {
    opacity: 0;
    transition: 0.5 ease;
 }


.dots-ik.dots .slick-current h3 {
   opacity: 1;
}

.career-journey .content-box::before {
    display: none;
}

.career-journey .content-box {
    padding: 0;
    margin: 0;
}

.career-journey .content-box .slick-type-3{
    width: 480px;
    margin: unset;
}

.dots-ik.dots.slick-dots .slick-track {
    align-items: start;
    gap: 0;
}

.dots.dots-ik.dots.slick-dots .dot::before {
    left: 35.5px;
    position: absolute;
    width: var(--space_xxsmall);
    height: var(--space_xlarge);
    background-color: var(--dark-gray);
    top: calc(var(--space_regular) * -1);
}

.dots.dots-ik.dots.slick-dots .dot::after {
    display: none;
}

.dots.dots-ik.dots .slick-current::before {
    background-color: var(--dark-gray);
    bottom: var(--spaceBig_xxxsmall);
}


.dots.dots-ik.slick-dots .slick-slide .ball {
    border-radius: 50%;
    background: none;
    width: var(--spaceBig_xxxsmall);
    height: var(--spaceBig_xxxsmall);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.investor::before {
    content: "";
    position: absolute;
    height: 52%;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gradient2);
    z-index: 0;
}

body.investor-page .investor::before {
    height: 57%;
}

.featured-list {
    flex-wrap: wrap;
}

.featured-list .item {
    flex-basis: calc(50% - var(--space_medium));
}

.featured-list .icon-bullet {
    width: var(--space_xxlarge);
    height: var(--space_xxlarge);
    flex-shrink: 0;
}

.dots.dots-ik.slick-dots .slick-slide .ball:before {
    content: "";
    display: block;
    width: var(--space_xlarge);
    height: var(--space_xlarge);
    background-color: var(--dark-gray);
    border-radius: 50%;
    transition: 0.5s ease;
    z-index: 1;
}


.dots.dots-ik.slick-dots .slick-current .ball::before {
    width: var(--spaceBig_xxxsmall);
    height: var(--spaceBig_xxxsmall);
    background-color: var(--yellow);
}

.dots.dots-ik.slick-dots .slick-slide .ball span {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--parliament);
    z-index: 2;
}

.dots.dots-ik.slick-dots .slick-current .ball span {
    opacity: 1;
}

.benefits2 .item {
    width: calc(33.3% - var(--space_medium));
    box-sizing: border-box;
    padding: 0;
}

.benefits2 .icon {
    width: var(--spaceBig_xxsmall);
    height: var(--spaceBig_xxsmall);
    background: url(/assets/forinvest/i/clock-check.svg) no-repeat;
    background-size: 100%;
}

.benefits2 .icon.itu {
    background-image: url(/assets/forinvest/i/itu.svg);
}

.benefits2 .icon.learning {
    background-image: url(/assets/forinvest/i/learning.svg);
}

.benefits2 .icon.community {
    background-image: url(/assets/forinvest/i/community.svg);
}

.benefits2 .icon.wellbeing {
    background-image: url(/assets/forinvest/i/wellbeing.svg);
}

.benefits2 .icon.snack {
    background-image: url(/assets/forinvest/i/snack.svg);
}

.benefits2 .icon.atmosphere {
    background-image: url(/assets/forinvest/i/atmosphere.svg);
}

.yeni {
    background-color: var(--orange);
    border-radius: var(--space_xsmall);
    padding: var(--space_xsmall);
    color: var(--white);
}

.free-box {
    padding: var(--spaceBig_xxsmall) 0;
}

.free-box .max-container-m {
    position: relative;
}

.free-box .max-container-m::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(-1 * var(--spaceBig_small));
    width: 195px;
    height: 220px;
    background: url(/assets/forinvest/i/smart-icon-1.svg);
    z-index: 1;
}

.free-box .max-container-m::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -127px;
    width: 249px;
    height: 295px;
    background: url(/assets/forinvest/i/smart-icon-2.svg);
    z-index: 1;
}

body.smart-news section .button {
    height: var(--spaceBig_xxxsmall);
    padding: 0  var(--space_xxxlarge);
    font-size: var(--b2);
}

.free-box .button {
    background-color: var(--dark-gray) !important;
    color: var(--white);
}

.free-box .qr-box {
    right: calc(50% - 140px);
    top: -16px;
}

.smart-news .nowrap {
    white-space: nowrap;
}

body.smart-news.btc .hero .img img {
    height: 90%;
    top: auto;
    bottom: 0;
}

#active-license.popup .popContent {
    max-width: 890px;
    width: 96%;
    height: auto;
    border-radius: 24px;
    padding: var(--space_medium) var(--space_medium);
    box-sizing: border-box;
}

#active-license.popup .popContent .button {
    padding: 0 var(--space_xxxxxlarge);
}

#additional-area #additional {
    cursor: pointer;
}

#additional-area .content {
    display: none !important;
}

#additional-area.open .content {
    display: flex !important;
}

#additional-area.open .circle-plus {
    mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    -webkit-mask: url(/assets/forinvest/i/minus.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.btc .hero.veri-hero {
    max-width: 1404px;
}

section.anlik .item .check-bullet-icon {
    margin-top: var(--space_xsmall);
    flex-shrink: 0;
}

.veri-hero .purplelightbg {
    height: var(--space_xxxxxlarge);
    display: flex;
    align-items: center;
    border-radius: var(--space_small);
    padding: 0 var(--space_large);
}

.box-account .sad-icon {
    width: var(--space_xxxxlarge);
    height: var(--space_xxxxlarge);
}