@charset "UTF-8";
.referal-program-about-main{display:flex;max-height:720px;margin:8px 0 104px;background:radial-gradient(circle at bottom,#27ccd7 0 0,var(--black-700) 450px);border-radius:16px}@media(width < 850px){.referal-program-about-main{flex-direction:column;max-height:unset}}.referal-program-about-main__info{flex:1;padding:40px 72px 72px}@media(width < 850px){.referal-program-about-main__info{padding:24px}}.referal-program-about-main__info__text{display:flex;flex-direction:column;gap:24px;justify-content:center;height:100%;color:var(--white)}@media(width < 850px){.referal-program-about-main__info__text{gap:16px;padding-top:60px}}.referal-program-about-main__info__text h1{margin:0;font-weight:400;font-size:64px;line-height:110%}@media(width < 1300px){.referal-program-about-main__info__text h1{font-weight:500;font-size:32px}}.referal-program-about-main__info__text p{margin:0;color:var(--silver-gray-400);font-weight:300;font-size:18px;line-height:130%}.referal-program-about-main__info__text__buttons{display:flex;gap:24px;align-items:center;cursor:pointer}@media(width < 850px){.referal-program-about-main__info__text__buttons{flex-direction:column;align-items:unset}}.referal-program-about-main__img{flex:1;max-height:720px;padding:72px;background-image:url(/sites/xgramnew/public/css/../img/referal-program/main.avif);background-repeat:no-repeat;background-position:bottom;background-size:contain;aspect-ratio:1/1}@media(width < 850px){.referal-program-about-main__img{margin-left:29px}}.unactive-button{color:var(--primary);border:1px solid var(--primary);border-radius:12px}.button-token{width:100%;max-width:200px;height:48px}@media(width < 850px){.button-token{max-width:164px}}.ref-prog-choose{display:grid;max-width:1056px;margin:auto}.ref-prog-choose__title{text-align:center}.ref-prog-choose__title h2{margin:24px 0 48px}.ref-prog-choose__title__text{font-weight:400;font-size:48px}@media(width < 700px){.ref-prog-choose__title__text{font-weight:500;font-size:32px}}.ref-prog-choose__title__label{width:fit-content;margin:auto;padding:6px 16px;font-weight:400;font-size:14px;background:var(--light-gray-200);border-radius:8px}.ref-prog-choose__info{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:1056px}.ref-prog-choose__info__wrapper{position:relative}.ref-prog-choose__info__wrapper img{border-radius:16px}.ref-prog-choose__info__wrapper__text{position:absolute;max-width:336px;padding:32px}.ref-prog-choose__info__wrapper__text p{max-width:225px;margin:0;color:var(--silver-gray-400);font-weight:300;font-size:18px}.ref-prog-choose__info__wrapper__text h3{margin:0;color:var(--white);font-size:64px}.ref-prog-choose__info-extra{min-height:311px;background:var(--black);border-radius:16px}.ref-prog-choose__info-extra__text{display:flex;flex-direction:column;justify-content:space-between;max-width:336px;height:100%;padding:32px}.ref-prog-choose__info-extra__text p{margin:0;color:var(--silver-gray-400);font-weight:300;font-size:18px}.ref-prog-choose__info-extra__text h3{margin:0;color:var(--white);font-weight:400;font-size:40px}.ref-prog__choose-button{cursor:pointer}.ref-prog-profit{display:grid;grid-template-columns:1fr 1fr;gap:48px;min-height:504px;margin:104px 0;padding:48px;background:var(--black-700);border-radius:16px}@media(width < 850px){.ref-prog-profit{grid-template-columns:1fr;padding:24px}}.ref-prog-profit__info{color:var(--white)}.ref-prog-profit__info__label{width:fit-content;padding:6px 16px;background:var(--graphite-800);border-radius:8px}.ref-prog-profit__info h3{margin:24px 0;font-weight:400;font-size:48px;line-height:120%}@media(width < 850px){.ref-prog-profit__info h3{font-weight:500;font-size:32px}}.ref-prog-profit__info p{margin:0;color:var(--silver-gray-400);font-weight:300;font-size:18px;line-height:130%}.ref-prog-profit__info a{min-width:200px;margin-top:24px;padding:0 24px}.ref-prog-profit__calc{color:#fff}.ref-prog-profit__calc__volume-row{display:flex;align-items:baseline;justify-content:space-between}.ref-prog-profit__box{margin-bottom:8px;padding:16px;border:1px solid var(--charcoal-gray-600);border-radius:12px}.ref-prog-profit__box__earn-value{color:var(--primary);font-weight:600;font-size:24px}@media(width < 850px){.ref-prog-profit__box__earn-value{font-weight:500;font-size:18px}}.ref-prog-profit__box__earn-value span{font-weight:600;font-size:48px}@media(width < 850px){.ref-prog-profit__box__earn-value span{font-weight:500;font-size:28px}}.ref-prog-profit__box__revshare{margin:24px 0 4px}.ref-prog-profit__box__title{width:100%;margin-bottom:24px;color:var(--black-700);text-align:center;background:var(--light-gray-200);border-radius:8px}.ref-prog-profit__box__label{margin-bottom:16px;color:var(--silver-gray-400);font-weight:400;font-size:12px;text-transform:uppercase}.ref-prog-profit__box__value{font-weight:600;font-size:32px}@media(width < 850px){.ref-prog-profit__box__value{font-weight:500;font-size:28px}}@media(width < 350px){.ref-prog-profit__box__value{font-weight:500;font-size:24px}}.ref-prog-profit__box__token{display:flex;gap:4px;align-items:center;margin:4px 0 16px;padding:8px;color:var(--white);background:#303134;border-radius:12px}.ref-prog-profit__box input[type=range]{width:100%;height:6px;background:linear-gradient(to right,#fff 0%,#fff var(--progress,0%),#2a2d34 var(--progress,0%),#2a2d34 100%);border-radius:4px;outline:none;appearance:none}.ref-prog-profit__box input[type=range]::-webkit-slider-thumb{width:16px;height:16px;background:#fff;border-radius:3px;cursor:pointer;appearance:none}.ref-prog-profit__mobile-button{display:none;cursor:pointer}@media(width < 850px){.ref-prog-profit__mobile-button{display:block}}.button{height:48px}.ref-prog-profit__desktop-button{cursor:pointer}@media(width < 850px){.ref-prog-profit__desktop-button{display:none}}.ref-prog-hiw__info{max-width:639px;margin:0 auto}.ref-prog-choose{margin-top:104px}.ref-prog__how{display:flex;gap:24px}@media(width < 820px){.ref-prog__how{flex-direction:column}}.ref-prog__how__wrapper{flex:1;max-width:336px;padding:32px;border:1px solid var(--silver-gray-400);border-radius:16px}@media(width < 820px){.ref-prog__how__wrapper{width:100%;max-width:unset}}.ref-prog__how__wrapper h3{margin:0;font-weight:600;font-size:42px}.ref-prog__how__wrapper h5{margin:24px 0 16px;font-weight:500;font-size:22px}.ref-prog__how__wrapper p{margin:0;color:var(--gray-500);font-weight:300;font-size:18px}.about__top h2 span{color:rgba(25,26,29,.2392156863)}.about__top__img-light{display:unset}.about__top__img-dark{display:none}.about__small{max-width:456px;margin-right:auto;margin-left:auto;color:var(--gray-500);font-size:18px}.about__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.about__item{display:grid;padding:30px;border:1px solid var(--silver-gray-400);border-radius:16px;place-items:center}.about__name{color:var(--color-invert);font-weight:600;font-size:42px}.about__text{max-width:126px;margin-right:auto;margin-left:auto;color:var(--gray-500);font-weight:300;font-size:18px;text-align:center}.row-flex{display:flex;gap:164px;justify-content:space-between}@media(width < 650px){.row-flex{gap:24px}}.row-flex img{align-self:flex-start}.questions__items{display:grid;gap:8px}.questions__item{position:relative;padding:27px 30px;color:var(--color-invert);background-color:var(--bg);border:1px solid var(--silver-gray-400);border-radius:16px}.questions__item[open]{color:var(--white);background-color:var(--color-invert)}.questions__item[open] .questions__button{margin-bottom:10px}.questions__item[open] .questions__toggle{background-color:var(--bg)}.questions__item[open] .questions__toggle:after{background-image:url(/sites/xgramnew/public/css/../img/icons/minus.svg);filter:none}.questions__item a{color:var(--primary);font-weight:600}.questions__button{position:relative;font-weight:600;font-size:22px;cursor:pointer}.questions__toggle{position:absolute;top:50%;right:0;display:block;width:35px;height:35px;background-color:var(--black-700);border-radius:12px;translate:0 -50%}.questions__toggle:hover{background-color:#39393a}.questions__toggle:after{content:"";position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;background-image:url(/sites/xgramnew/public/css/../img/icons/plus.svg);background-repeat:no-repeat;background-position:center;background-size:24px;filter:invert(1);translate:-50% -50%}.questions__toggle:active{background-color:var(--black-700)}@media(width <=768px){.questions__item{padding:17px 15px}.questions__button{padding-right:50px}}@media(width < 550px){.reg-prog-cross-button{width:100%;max-width:unset}}.ref-prog-container{max-width:1056px;margin:auto}.about-top h2 span{color:rgba(25,26,29,.2392156863)}