@charset "UTF-8";
@font-face {
  font-family: "Days One";
  src: url("../fonts/Days_One/DaysOne-Regular.woff2") format("woff2"),
       url("../fonts/Days_One/DaysOne-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  overflow-x: hidden;
}
body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@font-face {
  font-family:
    AA Duke,
    sans-serif;
  src: url("../../fonts/AADuke/AADuke-Fill.woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter, sans-serif;
  src: url("../../fonts/Inter/static/Inter_18pt-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter, sans-serif;
  src: url("../../fonts/Inter/static/Inter_18pt-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gilroy, sans-serif;
  src: url("../../fonts/Gilroy/Gilroy-ExtraBold.otf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.frame,
.clue__text,
.select-wrapper,
#custom_diplink_popup .popup__form .input-wrapper,
.account-links__items-2,
.account-links__item,
.courses__list-item,
.referals__item,
.referals .input-wrapper,
.referals__block,
.profile__payment-details,
.profile__right,
.profile__help,
.profile__info-item,
.profile__logout,
.popup__block .input-wrapper,
.popup__block,
.popup,
.support__form textarea,
.support__form input,
.support__block,
.account-promo__link-block,
.account_notifications__message,
.curators,
.contactsPage__right-bloc,
.providers__item,
.providers__box .providers__item-content,
.geo__category,
.promo__item,
.accountOffers__heading input,
.accountOffers__heading .select-wrapper,
.cabinet-advantages__item,
.cabinet-advantages,
.cooperationPage .payment__item,
.cooperationPage .advantages__frame,
.dashboard__information-item,
.column-left,
.account .table-wrapper,
.account .calendar-range,
.account__tabs,
#payment-form .modal-content,
.tarifi__item,
.advantages__item,
.pagination,
.article .time,
.article-meta,
.form .select-wrapper,
.form textarea,
.form input:not([type="radio"]),
.reviews__slide,
.reviews,
.offers__item,
.partners__training,
.seo,
.banner,
.steps,
.sort,
.card-bloc,
.article-card {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.1);
}

.account .frame,
.account .clue__text,
.account .select-wrapper,
.account #custom_diplink_popup .popup__form .input-wrapper,
#custom_diplink_popup .popup__form .account .input-wrapper,
.account .account-links__items-2,
.account .account-links__item,
.account .courses__list-item,
.account .referals__item,
.account .referals .input-wrapper,
.referals .account .input-wrapper,
.account .referals__block,
.account .profile__payment-details,
.account .profile__right,
.account .profile__help,
.account .profile__info-item,
.account .profile__logout,
.account .popup__block .input-wrapper,
.popup__block .account .input-wrapper,
.account .popup__block,
.account .popup,
.account .support__form textarea,
.support__form .account textarea,
.account .support__form input,
.support__form .account input,
.account .support__block,
.account .account-promo__link-block,
.account .account_notifications__message,
.account .curators,
.account .contactsPage__right-bloc,
.account .providers__item,
.account .providers__box .providers__item-content,
.providers__box .account textarea,
.account .geo__category,
.account .promo__item,
.account .accountOffers__heading input,
.accountOffers__heading .account input,
.account .cabinet-advantages__item,
.account .cabinet-advantages,
.account .cooperationPage .payment__item,
.cooperationPage .account .payment__item,
.account .cooperationPage .advantages__frame,
.cooperationPage .account .advantages__frame,
.account .dashboard__information-item,
.account .column-left,
.account .table-wrapper,
.account .calendar-range,
.account .account__tabs,
.account #payment-form .modal-content,
#payment-form .account .modal-content,
.account .tarifi__item,
.account .advantages__item,
.account .pagination,
.account .article .time,
.article .account .time,
.account .article-meta,
.account .form .select-wrapper,
.form .account .select-wrapper,
.account .form textarea,
.form .account textarea,
.account .form input:not([type="radio"]),
.form .account input:not([type="radio"]),
.account .reviews__slide,
.account .reviews,
.account .offers__item,
.account .partners__training,
.account .seo,
.account .banner,
.account .steps,
.account .sort,
.account .card-bloc{
  border-radius: 15px;
}
.account .article-card {
  border-radius: 30px;
}
.container {
  margin: 0 auto;
  max-width: 1340px;
  padding: 0 20px;
  position: relative;
}

body.no-scroll {
  overflow: hidden;
}


/* новий формат тексту */
/* Заголовки */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 15px;
}

h1 {
  font-size: 32px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}

/* Адаптація заголовків для мобільних пристроїв */
@media (max-width: 768px) {
  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 22px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }
}

/* Абзаци */
p {
  margin-bottom: 10px;
  line-height: 1.6;
}

/* Жирний текст */
b, strong {
  font-weight: 800;
}

/* Курсив */
i, em {
  font-style: italic;
}

/* Підкреслений текст */
u {
  text-decoration: underline;
}

/* Закреслений текст */
s, del {
  text-decoration: line-through;
}

/* Списки */
ul, ol {
  margin-bottom: 10px;
  padding-left: 40px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

/* Елементи списку */
li {
  margin-bottom: 5px;
}

/* Цитати */
blockquote {
  font-style: italic;
  border-left: 4px solid #ccc;
  padding-left: 15px;
  margin: 15px 0;
  color: #555;
}
/* новий формат тексту */

.bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99;
}

.main {
  position: relative;
  width: 100%;
  background: url("../images/main-bg.jpg") no-repeat center/cover;
  opacity: 0.9;
}

.title {
  display: block;
  font-family: AA Duke;
  font-size: 128px;
  font-weight: 400;
  line-height: 128px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 992px) {
  .title {
    text-align: center;
    font-size: 62px;
    line-height: 60px;
  }
}
.title span {
  color: #22b29a;
  font-size: 90px;
  line-height: 120px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .title span {
    font-size: 52px;
    line-height: 40px;
  }
}

.title-line {
  position: relative;
}
.title-line::after {
  content: "";
  width: 55%;
  height: 1px;
  background-color: rgb(53, 210, 231);
  position: absolute;
  top: -10px;
  right: 0;
}
@media (max-width: 580px) {
  .title-line::after {
    display: none;
  }
}
.title-line::before {
  content: "";
  width: 55%;
  height: 1px;
  background-color: rgba(250, 112, 136, 0.9);
  position: absolute;
  top: 0px;
  left: 0;
}
@media (max-width: 580px) {
  .title-line::before {
    display: none;
  }
}

.subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: rgb(198, 200, 217);
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: center;
  }
}

.section-title {
  font-size: 60px;
  font-weight: 600;
  line-height: 70.8px;
  color: #fff;
}
.section-title span {
  color: #22ac97;
}
@media (max-width: 992px) {
  .section-title {
    font-size: 32px;
    line-height: 40px;
  }
}

.p-b {
  padding-bottom: 120px;
}
@media (max-width: 992px) {
  .p-b {
    padding-bottom: 60px;
  }
}

.streams {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .streams {
    height: 120px;
  }
}

.slider-wrapper {
  position: relative;
}

.slick-track {
  display: flex;
}

.slick-slide:last-child {
  margin-right: 0;
}

.slick-dots {
  margin: 0 auto;
  margin-top: 30px;
  width: max-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: rgba(54, 28, 89, 0.9);
  border-radius: 30px;
  list-style-type: none;
}

.slick-dots li {
  margin: 0 3px;
}

.slick-dots li button {
  border: none;
  background: transparent;
  padding: 0;
  width: auto;
  height: auto;
  position: relative;
}

.slick-dots li button::before,
.slick-dots li button::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: rgba(0, 128, 0, 0.2);
  border-radius: 50%;
}

.slick-dots li button::after {
  content: none;
}

.slick-dots li.slick-active button::before {
  background-color: rgb(34, 178, 154);
  opacity: 1;
}

.slick-dots button {
  font-size: 0;
}

.slick-prev,
.slick-next {
  position: absolute;
  bottom: 0;
  background-color: transparent;
  border: none;
  width: 14px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

.slick-prev {
  background-image: url("../images/arr-prev.svg");
}
.slick-next {
  background-image: url("../images/arr-next.svg");
}
.reviews .slick-track {
  position: relative;
  align-items: center;
}

.reviews .slick-current {
  margin: 80px 0;
  position: relative;
  z-index: 10;
  transition: opacity 0.3s;
  height: 510px;
  opacity: 1;
  box-shadow: 0 0 5px 5px rgba(216, 88, 248, 0.2);
  background: linear-gradient(-55deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
}
.reviews .slick-current::after {
  content: "";
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  bottom: -85px;
  background: url("../images/streams-revers.png") no-repeat center/cover;
  z-index: 20;
}
@media (max-width: 650px) {
  .reviews .slick-current {
    height: 450px;
  }
}

.reviews .slick-slide:not(.slick-center) {
  position: relative;
  opacity: 0.5;
  z-index: 1;
}

.reviews .slick-dots {
  margin-top: 0;
}

.our-blog .slick-slide {
  margin-right: 15px;
}

.partner-search__slider {
  position: relative;
}

.partner-search__slider--web {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.partner-search__slider--web .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-opacity {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-opacity span,
a.btn-opacity span,
.btn-main span {
  font-family: "Days One", sans-serif;
  font-weight: 600;
}

.hide {
  display: none !important;
}

.article-card {
  width: 100%;
  z-index: 10;
  border-width: 2.5px 0 2.5px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 560px) {
  .article-card {
    width: 100%;
  }
}
.article-card__img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: center;
  border-radius: 30px;
}
.article-card__block-info {
  display: flex;
  flex-direction: column;
  height: 200px;
}
.article-card__wrapper {
  padding: 30px 15px;
  /* display: flex;
  flex-direction: column;
  justify-content: space-between; */
}
.article-card__wrapper .btn-opacity,
.article-card__wrapper a.btn-opacity {
  min-width: 80%;
}
.article-card__bloc {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.article-card__bloc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  color: rgb(198, 200, 217);
}
.article-card__time {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 15px;
  background: linear-gradient(0deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  border-radius: 5px;
  box-shadow: 0 0 15px 10px rgba(216, 88, 248, 0.3);
}
.article-card__time p {
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
}
.article-card__descr {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .desktop {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}
@media (max-width: 992px) {
  .mobile {
    display: block !important;
  }
  .btn-main.mobile {
    display: flex !important;
  }
}

.card-bloc {
  position: relative;
  padding: 15px 100px 15px 150px;
  width: 100%;
  min-height: 145px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  border-width: 2.5px 0px 2.5px 0px;
  z-index: 11;
}
@media (max-width: 992px) {
  .card-bloc {
    padding: 10px 90px 10px 120px;
    min-height: 100px;
  }
}
.card-bloc__img {
  position: absolute;
  top: -10px;
  left: -50px;
  width: 215px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 992px) {
  .card-bloc__img {
    width: 150px;
    top: -8px;
    left: -30px;
  }
}
.card-bloc__btn {
  position: absolute;
  border: none;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 80px;
  height: 100%;
  right: 0;
  top: 0;
  background-color: rgb(34, 178, 154);
}
@media (max-width: 576px) {
  .card-bloc__btn {
    width: 52px;
  }
}

.card-bloc__btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 80px;
  width: 50px;
  height: 100%;
  background: url("../images/card-block-right-line.png") no-repeat center/cover;
}
@media (max-width: 576px) {
  .card-bloc__btn::before {
    right: 52px;
    width: 30px;
  }
}

.card-bloc__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("../images/arr-btn.png");
}
@media (max-width: 576px) {
  .card-bloc__btn::after {
    right: 15px;
  }
}

.card-bloc p {
  font-size: 20px;
  font-weight: 700;
  line-height: 29.4px;
  text-align: left;
}
@media (max-width: 576px) {
  .card-bloc p {
    line-height: 25px;
  }
}
.card-bloc span {
  color: rgb(34, 172, 151);
}

.sort {
  width: 100%;
  height: 74px;
  padding: 20px 40px 20px 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 2.5px 0 2.5px 0;
  border-radius: 15px;
  margin: 40px 0;
}
.sort__left-bloc {
  display: flex;
  align-items: center;
  gap: 15px;
}
.sort__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: center;
  background: transparent;
  border: none;
}
.sort__btn::before {
  content: "";
  width: 35px;
  height: 35px;
  background: url("../images/sort-icon.svg") no-repeat center/cover;
}
@media (max-width: 530px) {
  .sort__btn::before {
    display: none;
  }
}

.sort__btn::after {
  content: "";
  width: 15px;
  height: 8px;
  border-top: 0;
  background: url("../images/arr-down.svg") no-repeat center/cover;
}
@media (max-width: 530px) {
  .sort__btn::after {
    display: none;
  }
}
.sort__btn h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: center;
}
@media (max-width: 530px) {
  .sort__btn h3 {
    /* display: none; */
  }
}
.sort__btn span {
  font-size: 16px;
  line-height: 20.16px;
  text-align: center;
  font-weight: 500;
  color: rgb(34, 178, 154);
}
@media (max-width: 415px) {
  .sort__btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.sort__count {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: center;
}
.sort__count span {
  color: rgb(34, 178, 154);
  margin-left: 5px;
}

.arrow-none::after {
  display: none;
}
.steps-wrapper {
  position: relative;
  width: 100%;
  height: 80px;
  margin-top: 40px;
  overflow: hidden;
}
.steps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-width: 2.5px 0 2.5px 0;
  border-radius: 35px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (max-width: 1590px) {
  .steps {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
}
.steps__step {
  min-width: 418px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 25px;
}
.steps__step::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 100%;
  top: 0;
  right: -12px;
  background: url("../images/step-border.png") no-repeat center/cover;
}
.steps__step:last-child::after {
  display: none;
}
.steps__step_number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.steps__step_text-bloc h2 {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.025em;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.steps__step_text-bloc h3 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: rgb(182, 182, 182);
}
.steps__step.step-active {
  position: relative;
}
.steps__step.step-active .steps__step_number {
  color: rgb(34, 178, 154);
  border-color: rgb(34, 178, 154);
  border-bottom: 2px solid;
}
.steps__step.step-active .steps__step_text-bloc h2 {
  color: rgb(34, 178, 154);
}
.steps__step.step-active::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 1px;
  width: 100%;
  border-bottom: 2px solid rgb(34, 178, 154);
}
#step-1.steps__step.step-active::before {
  width: 93%;
  right: 0;
  left: auto;
}
.steps__step.step-done {
  height: 78px;
  background: linear-gradient(0deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.7);
  border-width: 1px 0 1px 0;
}
.steps__step.step-done .step-done__icon {
  display: block;
}
.steps__step.step-done .steps__step_number {
  display: none;
}
.steps__step.step-done::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -13px;
  width: 15px;
  height: 15px;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  transform: rotate(45deg) translateX(-50%);
  background: linear-gradient(-45deg, #db2efe 5%, #6c37b1 65%, #430877 180%);
}
.steps__step.step-done:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.steps__step.step-done:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.steps__step .step-done__icon {
  display: none;
}
.steps__step-block {
  display: flex;
  align-items: center;
  gap: 15px;
}
.steps__step-block-2 {
  width: 50%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.steps__step-block-2 span {
  color: rgb(34, 178, 154);
}

.radio-custom input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-custom input[type="radio"] + label::before {
  content: "";
  cursor: posinter;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  background-color: white;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

.radio-custom input[type="radio"]:checked + label::before {
  background-color: rgb(34, 172, 151);
}

.header {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  max-width: 1300px;
  width: 100%;
  height: 82px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(0deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  border-radius: 50px;
  z-index: 100;
}
@media (max-width: 1350px) {
  .header {
    max-width: 98%;
  }
}
@media (max-width: 992px) {
  .header {
    top: 15px;
    position: fixed;
  }
  /* .header::before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #2e2544;
    height: 130px;
    z-index: 0;
  } */
}

.header::before {
  top: -15px;
}
.header__btns-bloc {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 992px) {
  .header__btns-bloc {
    gap: 8px;
  }
}
.header .dropdown-lan .dropdown-toggle {
  width: 80px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6532aa;
  border: 1px solid rgba(74, 28, 143, 0.4117647059);
}
@media (max-width: 992px) {
  .header .dropdown-lan .dropdown-toggle {
    display: none;
  }
}
.header .dropdown-lan--phone .dropdown-toggle {
  display: none;
}
@media (max-width: 992px) {
  .header .dropdown-lan--phone .dropdown-toggle {
    display: flex;
    margin: 0 auto;
  }
  .dropdown-lan--phone {
    margin-top: 30px;
  }
  .dropdown-lan--phone .dropdown-menu {
    /* position: relative !important; */
  }
  .dropdown-lan--phone .dropdown-menu li {
    height: auto;
  }
  .dropdown-lan--phone .dropdown-menu li a {
    padding-top: 0.5em;
  }
  .header__btns-bloc .menu {
    padding: 30px 30px 80px;
  }
}
.header .lan-icon {
  padding-right: 6px;
}
.header .lan {
  padding-left: 6px;
  border-left: 1px solid rgba(74, 28, 143, 0.4117647059);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.header .dropdown-toggle::after {
  display: none;
}
.header .dropdown-lan .dropdown-menu {
  width: 80px;
  background: rgba(74, 28, 143, 0.4117647059);
  min-width: auto;
  width: 80px;
}
.header .dropdown-lan .dropdown-menu li > a {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.header .dropdown-lan .dropdown-menu li > a:hover {
  background: rgb(34, 178, 154);
}
@media (max-width: 992px) {
  .header .navigation {
    display: none;
  }
}
@media (max-width: 992px) {
  .header .logo__img {
    width: 150px;
  }
}

.footer {
  position: relative;
  width: 100%;
  background: linear-gradient(360deg, #9d4eb3 5%, #6c37b1 35%, #310877 83.87%);
}
.footer::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 58px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 600px) {
  .footer::after {
    bottom: 170px;
  }
}
.footer__top-wrapper {
  width: 100%;
  height: 134px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .footer__top-wrapper {
    padding: 45px 0;
    height: fit-content;
    flex-direction: column;
    align-items: center;
  }
}
.footer__bot-wrapper {
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.9px;
}
@media (max-width: 600px) {
  .footer__bot-wrapper {
    height: fit-content;
    padding: 45px 0;
    flex-direction: column;
    gap: 30px;
  }
}
.footer__bot-wrapper_links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.footer__bot-wrapper_links a {
  text-decoration: underline;
}
@media (max-width: 992px) {
  .footer .navigation {
    flex-direction: column;
    gap: 13px;
    margin-bottom: 35px;
  }
}
@media (max-width: 992px) {
  .footer .logo__img {
    margin-top: 0;
    width: 200px;
  }
}

.logo__img {
  margin-top: 7px;
  width: 200px;
  object-position: center;
  object-fit: cover;
}

.navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.navigation a {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.navigation a.active,
.navigation a:hover {
  color: rgb(34, 178, 154);
  transition: 0.3s all ease-in-out;
}
.navigation a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgb(34, 178, 154);
  position: absolute;
  bottom: -27px;
  left: 0;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.navigation a.active::after,
.navigation a:hover::after {
  width: 100%;
  transition: 0.3s all ease-in-out;
  opacity: 1 !important;
}

.btn-header {
  width: 175px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgb(34, 178, 154);
  border-radius: 50px;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 1100px) {
  .btn-header {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 1100px) {
  .btn-header span {
    display: none;
  }
}
.btn-header:hover {
  background-color: rgba(34, 178, 154, 0.3);
  transition: 0.3s all ease-in-out;
}

.btn-main {
  position: relative;
  height: 72px;
  background-color: rgb(34, 178, 154);
  border: 1px solid rgb(34, 178, 154);
  transition: 0.3s all ease-in-out;
  z-index: 10;
  font-family: "Days One", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.37px;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 0 250px 10px rgb(216, 88, 248);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 32.1px 0px #22B29AC4;

}
.btn-main::after,
.btn-main::before {
  content: "";
  position: absolute;
  top: -1px;
  width: 27px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.btn-main::after {
  right: -25px;
  background-image: url("../images/btn-main-right.png");
}
.btn-main::before {
  left: -25px;
  background-image: url("../images/btn-main-left.png");
}
.btn-main .btn-main__streams {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: -61px;
  z-index: -1;
  object-position: center;
}
.btn-main:hover {
  transition: 0.3s all ease-in-out;
  background-color: transparent;
}

a.btn-opacity,
.btn-opacity {
  position: relative;
  min-width: 300px;
  height: 70px;
  background-color: transparent;
  border: 1px solid rgb(34, 178, 154);
  transition: 0.3s all ease-in-out;
  font-family: "Days One", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.37px;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  a.btn-opacity,
  .btn-opacity {
    width: 90%;
  }
}
a.btn-opacity:hover,
.btn-opacity:hover {
  background-color: rgb(34, 178, 154);
  transition: 0.3s all ease-in-out;
}
a.btn-opacity:before,
a.btn-opacity::after,
.btn-opacity:before,
.btn-opacity::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 50px;
  background-color: rgb(34, 178, 154);
}
a.btn-opacity:before,
.btn-opacity:before {
  left: -5px;
}
a.btn-opacity::after,
.btn-opacity::after {
  right: -5px;
}

.btn-play {
  background: transparent;
  cursor: pointer;
}
.btn-play img {
  width: 163px;
  height: 162px;
  object-fit: cover;
  background: transparent;
}
.btn-play:hover {
  scale: 103%;
}

.upload-file {
  position: relative;
  margin: 0 auto;
  width: 170px;
  cursor: pointer;
  color: rgb(34, 178, 154);
  border: none;
  background: transparent;
  text-transform: uppercase;
  font-family: "Days One", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.55px;
  letter-spacing: 0.03em;
  text-align: center;
}
.upload-file::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 16px;
  height: 18px;
  background: url("../images/upload.png") no-repeat center/cover;
}

.social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.social a svg path {
  fill: #c6c8d9;
  transition: 0.3s all ease-in-out;
}
.social a:hover svg path {
  transition: 0.3s all ease-in-out;
  fill: rgb(34, 178, 154);
}

.banner {
  position: relative;
  width: 100%;
  height: 870px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 0 0 2.5px 0;
}
@media (max-width: 1500px) {
  .banner {
    height: 800px;
  }
}
@media (max-width: 700px) {
  .banner {
    height: 850px;
  }
}
@media (max-width: 580px) {
  .banner {
    height: 900px;
  }
}
.banner::after {
  content: "";
  width: 100%;
  height: 255px;
  position: absolute;
  bottom: -255px;
  left: 0;
  background-image: url("../images/streams.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 992px) {
  .banner::after {
    height: 110px;
    bottom: -110px;
  }
}
.banner__frog {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1700px) {
  .banner__frog {
    width: 900px;
  }
}
@media (max-width: 1570px) {
  .banner__frog {
    width: 800px;
  }
}
@media (max-width: 1500px) {
  .banner__frog {
    width: 700px;
  }
}
@media (max-width: 1300px) {
  .banner__frog {
    width: 600px;
  }
}
@media (max-width: 768px) {
  .banner__frog {
    width: 510px;
  }
}
@media (max-width: 580px) {
  .banner__frog {
    width: 610px;
  }
}
@media (max-width: 502px) {
  .banner__frog {
    width: 550px;
  }
  .education .banner__frog {
    width: 600px;
  }
}
@media (max-width: 430px) {
  .banner__frog {
    width: 530px;
  }
  .education .banner__frog {
    width: 570px;
    right: -50px;
  }
}
.banner__wrapper {
  padding-top: 15%;
  max-width: 750px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .banner__wrapper {
    padding-top: 20%;
  }
}
@media (max-width: 700px) {
  .banner__wrapper {
    padding-top: 30%;
  }
}
@media (max-width: 480px) {
  .banner__wrapper {
    padding-top: 35%;
  }
}
.banner__title {
  font-size: 63px;
  font-weight: 700;
  line-height: 79.38px;
  margin-bottom: 30px;
}
.banner__title span {
  color: #d858f8;
}
@media (max-width: 992px) {
  .banner__title {
    font-size: 32px;
    line-height: 40.32px;
    text-align: left;
    margin-bottom: 25px;
  }
}
.banner__descr {
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgb(198, 200, 217);
}
@media (max-width: 1300px) {
  .banner__descr {
    max-width: 70%;
  }
}

@media (max-width: 992px) {
  .banner__descr {
    max-width: 100%;
    font-size: 15px;
    line-height: 22.5px;
    margin-bottom: 45px;
  }
}
.banner .btn-main {
  width: 260px;
  margin-left: 25px;
}

.menu {
  position: absolute;
  top: 85px;
  left: 50%;
  transform: translateX(-50%);
  height: fit-content;
  width: 95vw;
  background: linear-gradient(180deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  z-index: 9999;
  padding: 30px;
  display: none;
  text-align: center;
  border-radius: 50px;
}

.menu li {
  width: 100%;
  height: 60px;
  text-decoration: none;
  list-style-type: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
}

.menu li a {
  width: 100%;
  height: 100%;
  padding-top: 3em;
  text-decoration: none;
  color: white;
}

.burger-menu {
  width: 55px;
  height: 55px;
  display: none;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  padding: 15px;
  border-radius: 100%;
  background-color: rgb(34, 178, 154);
}
@media (max-width: 992px) {
  .burger-menu {
    display: block;
  }
}

.bar {
  transition: 0.3s all ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bar-1 {
  width: 100%;
  border-top: 2px solid white;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}

.bar-2 {
  width: 100%;
  border-top: 2px solid white;
  display: fixed;
  transition: 0.3s all ease-in-out;
}

.bar-3 {
  width: 70%;
  border-top: 2px solid white;
  transition: 0.3s all ease-in-out;
}

.change .bar-1 {
  -webkit-transform: rotate(-45deg) translate(-10px, 5px);
  transform: rotate(-45deg) translate(-8px, 8px);
}

.change .bar-2 {
  opacity: 0;
}

.change .bar-3 {
  margin-left: 0;
  width: 100%;
  -webkit-transform: rotate(45deg) translate(-10px, 5px);
  transform: rotate(45deg) translate(-6px, -6px);
}

.seo {
  position: relative;
  padding: 30px 0;
  width: 100%;
  border-width: 2.5px 0 0 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.seo .title {
  text-align: left;
}
@media (max-width: 992px) {
  .seo {
    padding: 30px 0 500px;
  }
  .seo .title {
    text-align: center;
  }
}
.seo__frog {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 800px;
  background-image: url("../images/seo-img.png");
  object-position: center;
  object-fit: cover;
}
@media (max-width: 600px) {
  .seo__frog {
    width: 480px;
  }
}
.seo__wrapper {
  display: flex;
  min-height: 540px;
  flex-direction: column;
  justify-content: center;
  max-width: 800px;
}
@media (max-width: 1400px) {
  .seo__wrapper {
    max-width: 43%;
  }
}
@media (max-width: 992px) {
  .seo__wrapper {
    max-width: 100%;
    min-height: fit-content;
    padding: 45px 0;
    justify-content: start;
  }
}
.seo__descr {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgba(198, 200, 217, 0.9);

  overflow: hidden;
  max-height: 160px;
  transition: max-height 0.3s ease-in-out;
  position: relative;
}
.seo__descr.expanded {
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
  max-height: fit-content;
}
.read-more {
  color: rgba(34, 172, 151, 1);
}
.read-more:hover {
  color: rgb(154, 231, 219);
}
.partners {
  position: relative;
  overflow: hidden;
}
.partners__title {
  text-align: center;
  margin-bottom: 15px;
}
.partners__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
  margin-bottom: 170px;
}
.partners__wrapper .card-bloc {
  padding-right: 15px;
}
@media (max-width: 992px) {
  .partners__wrapper {
    flex-direction: column;
    padding-bottom: 550px;
    margin-bottom: 50px;
  }
}
@media (max-width: 560px) {
  .partners__wrapper {
    padding-bottom: 350px;
  }
}
.partners__items {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 10;
}
@media (max-width: 992px) {
  .partners__items {
    width: 100%;
  }
}
.partners__items .btn-main {
  margin: 0 auto;
  margin-top: 30px;
  width: 335px;
}
@media (max-width: 992px) {
  .partners__items .btn-main {
    width: 80%;
  }
}
.partners__video {
  position: absolute;
  right: -200px;
  bottom: -80px;
  width: 950px;
  height: 950px;
  overflow: hidden;
  background: url("../images/video-frog.png") no-repeat center/cover;
  z-index: -1;
}
@media (max-width: 1200px) {
  .partners__video {
    width: 800px;
    height: 800px;
    right: -150px;
  }
}
@media (max-width: 992px) {
  .partners__video {
    right: 50%;
    left: 50%;
    transform: translate(-50%);
    bottom: -100px;
  }
}
@media (max-width: 560px) {
  .partners__video {
    width: 100%;
    height: 550px;
    padding: 0 -20px;
  }
}
.partners__video .btn-play {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%);
}
.partners__training {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 635px;
  padding: 40px 40px 100px;
  border-width: 2.5px 0 2.5px 0;
  border-radius: 50px;
}
@media (max-width: 992px) {
  .partners__training {
    height: 500px;
  }
}
@media (max-width: 650px) {
  .partners__training {
    height: 275px;
    padding: 15px;
  }
}
@media (max-width: 576px) {
  .partners__training {
    overflow: hidden;
  }
}
.partners__training:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -220px;
  width: 100%;
  height: 220px;
  background: url("../images/streams-revers.png") no-repeat center/cover;
}
@media (max-width: 992px) {
  .partners__training:after {
    height: 120px;
    bottom: -120px;
  }
}
.partners__training__frog {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
  border-radius: 50px;
  z-index: 0;
}
@media (max-width: 576px) {
  .partners__training__frog {
    height: 330px;
    width: 100vw;
    right: -35px;
  }
}
@media (max-width: 576px) {
  .partners__training__frog.iphone {
    right: -30px;
  }
}
.partners__training__wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
@media (max-width: 650px) {
  .partners__training__wrapper {
    width: 200px;
  }
}
.partners__training__title.rus {
  z-index: 10;
  padding: 10px;
  position: relative;
}
/* @media (max-width: 465px) {
  .partners__training__title.rus {
    top: -20px;
  }
} */
.partners__training__title.rus::before,
.partners__training__title.rus::after {
  content: "Мы тебя";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.partners__training__title.rus::before {
  color: transparent;
  -webkit-text-stroke: 2px #35d2e7;
  z-index: -2;
  top: 7px;
  left: 6px;
}
@media (max-width: 992px) {
  .partners__training__title.rus::before {
    -webkit-text-stroke: 1px #35d2e7;
    top: 8px;
    left: 7px;
  }
}
.partners__training__title.rus::after {
  color: transparent;
  -webkit-text-stroke: 2px #e66981;
  top: 4px;
  left: 9px;
  z-index: -3;
}
@media (max-width: 992px) {
  .partners__training__title.rus::after {
    -webkit-text-stroke: 1px #e66981;
    top: 7px;
    left: 9px;
  }
}
.partners__training__title.rus span {
  position: relative;
}
.partners__training__title.rus span::before,
.partners__training__title.rus span::after {
  content: "научим";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.partners__training__title.rus span::before {
  color: transparent;
  -webkit-text-stroke: 2px #35d2e7;
  z-index: -2;
  top: -13px;
  left: -4px;
}
@media (max-width: 992px) {
  .partners__training__title.rus span::before {
    -webkit-text-stroke: 1px #35d2e7;
    top: 7px;
    left: -3px;
  }
}
@media (max-width: 650px) {
  .partners__training__title.rus span::before {
    top: 67px;
    left: -143px;
  }
}
/* @media (max-width: 576px) {
  .partners__training__title.rus span.iphone::before {
    top: 5px;
    left: -2px;
  }
} */
.partners__training__title.rus span::after {
  color: transparent;
  -webkit-text-stroke: 2px #e66981;
  top: -15px;
  left: 0px;
  z-index: -3;
}
@media (max-width: 992px) {
  .partners__training__title.rus span::after {
    -webkit-text-stroke: 1px #e66981;
    top: 6px;
    left: -1px;
  }
}
@media (max-width: 650px) {
  .partners__training__title.rus span::after {
    top: 66px;
    left: -141px;
  }
}
/* @media (max-width: 576px) {
  .partners__training__title.rus span.iphone::after {
    top: 4px;
    left: 0;
  }
} */
@media (max-width: 650px) {
  .partners__training__title.rus {
    text-align: start;
  }
}
.partners__training__title.eng {
  z-index: 10;
  padding: 10px;
  position: relative;
}
.partners__training__title.eng::before,
.partners__training__title.eng::after {
  /* content: "We will"; */
  content: "We’ll Teach";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.partners__training__title.eng::before {
  color: transparent;
  -webkit-text-stroke: 2px #35d2e7;
  z-index: -2;
  top: 7px;
  left: 6px;
}
@media (max-width: 992px) {
  .partners__training__title.eng::before {
    -webkit-text-stroke: 1px #35d2e7;
    top: 7px;
    left: 6px;
  }
}
@media (max-width: 576px) {
  .partners__training__title.eng.iphone::before {
    top: 7px;
    left: 7px;
  }
}
.partners__training__title.eng::after {
  color: transparent;
  -webkit-text-stroke: 2px #e66981;
  top: 4px;
  left: 9px;
  z-index: -3;
}
@media (max-width: 992px) {
  .partners__training__title.eng::after {
    -webkit-text-stroke: 1px #e66981;
    top: 5px;
    left: 9px;
  }
}
@media (max-width: 768px) {
  .partners__training__title.eng {
    width: 257px;
  }
  .partners__training__title.eng::before {
    top: 8px;
    left: 30px;
  }
  .partners__training__title.eng::after {
    top: 6px;
    left: 27px;
  }
  
}
@media (max-width: 650px) {
  .partners__training__title.eng::before {
    left: 8px;
  }
  .partners__training__title.eng::after {
    left: 5px;
  }
  .partners__training__title.eng {
    width: 120%;
  }
}
@media (max-width: 576px) {
  .partners__training__title.eng.iphone::after {
    top: 6px;
    left: 9px;
  }
}
.partners__training__title.eng span {
  position: relative;
}
.partners__training__title.eng span::before,
.partners__training__title.eng span::after {
  /* content: "teach you"; */
  content: "You How";
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.partners__training__title.eng span::before {
  color: transparent;
  -webkit-text-stroke: 2px #35d2e7;
  z-index: -2;
  top: -13px;
  left: -4px;
}
@media (max-width: 992px) {
  .partners__training__title.eng span::before {
    -webkit-text-stroke: 1px #35d2e7;
    top: 6px;
    left: -3px;
  }
}
@media(max-width: 768px) {
  .partners__training__title.eng span::before {
    top: 68px;
    left: -157px;
  }
}

@media (max-width: 650px) {
  .partners__training__title.eng span::before {
    top: 67px;
    left: -195px;
  }
}
@media (max-width: 576px) {
  .partners__training__title.eng span.iphone::before {
    top: 5px;
    left: -2px;
  }
}
.partners__training__title.eng span::after {
  color: transparent;
  -webkit-text-stroke: 2px #e66981;
  top: -15px;
  left: 0px;
  z-index: -3;
}
@media (max-width: 992px) {
  .partners__training__title.eng span::after {
    -webkit-text-stroke: 1px #e66981;
    top: 4px;
    left: 0px;
  }
}
@media(max-width: 768px) {
  .partners__training__title.eng span::after {
    top: 67px;
    left: -159px;
}
}
@media (max-width: 650px) {
  .partners__training__title.eng span::after {
    top: 66px;
    left: -197px;
  }
}
@media (max-width: 576px) {
  .partners__training__title.eng span.iphone::after {
    top: 4px;
    left: 0;
  }
}
@media (max-width: 650px) {
  .partners__training__title.eng {
    text-align: start;
  }
}
.partners__training__subtitle {
  position: relative;
  font-size: 58px;
  font-weight: 700;
  line-height: 67px;
  width: 70%;
  margin-bottom: 70px;
}
@media (max-width: 1280px) {
  .partners__training__subtitle {
    font-size: 50px;
  }
}
@media (max-width: 1110px) {
  .partners__training__subtitle {
    font-size: 46px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  .partners__training__subtitle {
    font-size: 36px;
    line-height: 40px;
    margin-left: 10px;
    width: 60%;
  }
}
@media (max-width: 800px) {
  .partners__training__subtitle {
    font-size: 22px;
    line-height: 23px;
    margin-bottom: 30px;
  }
}
@media (max-width: 396px) {
  .partners__training__subtitle {
    margin-bottom: 5px;
  }
}
.partners__training__subtitle span {
  color: rgb(34, 178, 154);
}
.partners__training .btn-main {
  width: 330px;
  margin-left: 25px;
}
@media (max-width: 992px) {
  .partners__training .btn-main {
    width: 220px;
  }
}
@media (max-width: 650px) {
  .partners__training .btn-main {
    display: none;
  }
}

.offers {
  position: relative;
}
.offers__casino-phone {
  display: none;
}
@media (max-width: 992px) {
  .offers__casino-phone {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 15px;
    max-width: 400px;
    height: 225px;
    background: url("../images/casino-phone.png") no-repeat center/contain;
  }
  .offers__casino-phone img {
    width: 312px;
    height: 100px;
    object-fit: contain;
  }
}
.offers__casino {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  padding: 45px;
  width: 100%;
  border-radius: 40px;
  background: url("../images/casino.png") no-repeat center/cover;
  margin-bottom: 65px;
}
.offers__casino::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 120px;
  bottom: -120px;
  left: 0;
  background: url("../images/streams-revers.png") no-repeat center/cover;
}
@media (max-width: 992px) {
  .offers__casino::after {
    display: none;
  }
}
@media (max-width: 992px) {
  .offers__casino {
    background: transparent;
    padding: 0;
  }
}
.offers__casino__web-bloc {
  display: block;
}
.offers__casino__web-bloc img {
  margin: 0 auto;
  width: 100%;
  object-fit: contain;
  max-height: 150px;
}
@media (max-width: 992px) {
  .offers__casino__web-bloc {
    display: none;
  }
}
.offers__casino__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 25.2px;
  text-align: center;
  margin-bottom: 35px;
}
.offers__casino__text span {
  color: rgb(34, 178, 154);
}
.offers__casino__phone-bloc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.offers__items {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .offers__items {
    gap: 10px;
  }
}
.offers__item {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px;
  width: 275px;
  height: 170px;
  text-align: center;
  border-width: 2.5px 0 2.5px 0;
  backdrop-filter: blur(10px);
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 992px) {
  .offers__item {
    width: 210px;
    padding: 10px;
  }
}
@media (max-width: 480px) {
  .offers__item {
    width: 48%;
  }
}
.offers__item.offers__item--link {
  box-shadow: 0 0 20px 20px rgba(216, 88, 248, 0.1);
  background: linear-gradient(-55deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
}
.offers__item.offers__item--link h2 {
  font-family: AA Duke;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0.005em;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .offers__item.offers__item--link h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 480px) {
  .offers__item.offers__item--link h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.offers__item.offers__item--link span {
  font-family: AA Duke;
  font-size: 64px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 0.5px #fff;
  text-stroke: 0.5px #fff;
}
@media (max-width: 992px) {
  .offers__item.offers__item--link span {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 480px) {
  .offers__item.offers__item--link span {
    font-size: 32px;
  }
}
.offers__item.offers__item--link::before {
  content: "";
  width: 50px;
  height: 45px;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right: -25px;
  background: url(../images/hand-icon.png) no-repeat center / cover;
  opacity: 1;
  z-index: -1;
  background-size: contain;
}
@media(max-width: 1440px) {
  .offers__item.offers__item--link::before {
    width: 65px;
    height: 60px;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0px;
    right: -32px;
  }
}

.offers__item:hover {
  transition: 0.3s all ease-in-out;
  scale: 105%;
}
.offers__item:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 110px;
  background: url("../images/web-small.png") no-repeat center/contain;
  z-index: 0;
  opacity: 0.7;
}
@media (max-width: 992px) {
  .offers__item:before {
    top: -23px;
    background: url("../images/web-small-phone.png") no-repeat center/contain;
  }
}
.offers__item img {
  width: 80px;
  height: 80px;
  z-index: 10;
}
.offers .offers__item__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
}
.offers .btn-opacity,
.offers a .btn-opacity {
  width: 300px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reviews {
  padding: 100px 0;
  position: relative;
  width: 100%;
  border-width: 2.5px 0 2.5px 0;
  overflow: hidden;
}
@media (max-width: 992px) {
  .reviews {
    padding: 40px 0;
  }
}
.reviews__slider {
  margin-bottom: 40px;
}
.reviews__slide {
  border-width: 2.5px 0 2.5px 0;
  padding: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 393px;
}
@media (max-width: 650px) {
  .reviews__slide {
    padding: 27px 27px 37px;
  }
}
@media (max-width: 576px) {
  .reviews__slide {
    gap: 32px;
  }
  .reviews__slider .reviews__slide {
    height: auto;
  }
  .indexPage .reviews__slider .reviews__slide {
  }
  .reviews__slider .reviews__slide {
    padding: 23px 18px 40px;
  }
  .reviews__slider .reviews__slide.slick-current {
    min-height: 430px;
    height: auto;
  }
}
@media (max-width: 420px) {
  .reviews__slide {
    gap: 12px;
  }
}
.reviews__slide__avatar {
  display: block;

  width: 86px;
  height: 86px;
  border-radius: 100%;
}
@media (max-width: 576px) {
  .reviews__slide__avatar {
    margin-right: 21px;
    width: 113px;
    height: 113px;
  }
}
@media (max-width: 420px) {
  .reviews__slide__avatar {
    width: 85px;
    height: 85px;
  }
}
@media (max-width: 768px) {
}

.reviews__slider .reviews__slide__avatar {
  margin-right: 0;
  margin: auto;
  text-align: center;
  object-fit: cover;
}
.reviews__slide__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0 0;
}
@media (max-width: 576px) {
  .reviews__slide__name {
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    text-align: left;
  }
}
@media (max-width: 420px) {
  .reviews__slide__name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .reviews__slider .reviews__slide__name {
    text-align: center;
  }
}

.reviews__slide__status {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: rgb(34, 178, 154);
}
@media (max-width: 576px) {
  .reviews__slide__status {
  }
}

.reviews__slide__data {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.64px;
  text-align: center;
  margin-bottom: 26px;
  color: #999bb0;
}
@media (max-width: 576px) {
  .reviews__slide__data {
    margin: 24px 0 0;
  }
  .reviews__slider .reviews__slide__data {
    margin-top: 0;
  }
}

.reviews__slide__descr {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #c6c8d9;
  /* max-height: 110px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media (max-width: 576px) {
  .reviews__slide__descr {
    font-size: 16px;
    line-height: 24px;
  }
  .reviews__slider .reviews__slide__descr {
    margin-top: 24px;
    text-overflow: ellipsis;
    /* height: 160px; */
    overflow: hidden;
  }
  .reviews__slider .slick-current .reviews__slide__descr {
    text-overflow: unset;
    height: auto;
    overflow: unset;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }
}

.reviews .btn-opacity,
.reviews a.btn-opacity {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 316px;
}
@media (max-width: 768px) {
  .reviews .btn-opacity,
  .reviews a.btn-opacity {
    max-width: calc(100% - 125px);
    min-width: auto;
  }
}

@media (max-width: 1340px) {
  .reviews .container {
    padding: 0;
  }
}
.reviews .card-bloc {
  padding: 15px 15px 15px 150px;
}

.our-blog {
  margin-top: -120px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .our-blog {
    margin-top: -60px;
  }
}
.our-blog__slider {
  margin-bottom: 30px;
}
.our-blog .btn-opacity,
.our-blog a.btn-opacity {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.our-blog .all-articles {
  max-width: 390px;
}

.partner-search {
  padding-top: 120px;
}
@media (max-width: 992px) {
  .partner-search {
    padding-top: 80px;
  }
}
.partner-search__slide {
  position: relative;
  display: flex;
}
.partner-search__slide-img {
  object-fit: cover;
  object-position: center;
}
.partner-search__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0 20px;
}
.partner-search__slide-element {
  position: relative;
  width: 100%;
}
.partner-search__slide-element img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.partner-search__slide-title {
  position: absolute;
  top: 110px;
  left: 70%;
  transform: translateX(-50%);
  font-family: "Roboto", sans-serif;
  font-size: 46px;
  font-weight: 800;
  line-height: 53.91px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .partner-search__slide-title {
    font-size: 34px;
    line-height: 38px;
  }
}
@media (max-width: 576px) {
  .partner-search__slide-title {
    font-size: 24px;
    line-height: 28px;
    top: 65px;
  }
}

.partner-search__slide-title--left {
  top: auto;
  left: 30%;
  bottom: 40%;
}

.partner-search__slide-element.elemet-4 .partner-search__slide-title--left {
  text-align: center;
  left: 29%;
}
.elemet-3 .partner-search__slide-title--left,
.elemet-4 .partner-search__slide-title--left {
  bottom: 47%;
}
@media (max-width: 1250px) {
  .elemet-4--phone .partner-search__slide-title--left {
    /* left: 35%; */
    bottom: 36%;
  }
  /* .elemet-4--phone .partner-search__slide-title--left::after {
    width: 60%;
    left: -45px;
  } */
}
@media (max-width: 992px) {
  /* .elemet-4--phone .partner-search__slide-title--left::before {
    right: 180px;
    width: 40%;
  } */
 
}
@media (max-width: 768px) {
  .elemet-4--phone .partner-search__slide-title--left::before {
    right: 100px;
  }
}
@media (max-width: 576px) {
  .elemet-4--phone .partner-search__slide-title--left::before {
    right: 0px;
  }
}

.partner-search__slide-element.elemet-4 .partner-search__slide-title--left::before {
  width: 35%;
  right: 100px;
}
.partner-search__slide-element.elemet-4 .partner-search__slide-title--left::after {
  width: 30%;
  left: 85px;
}
.partner-search__slide-title::before {
  content: "";
  position: absolute;
  top: -15px;
  right: 0;
  width: 60%;
  height: 2px;
  background-color: rgb(34, 178, 154);
}
.partner-search__slide-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60%;
  height: 2px;
  background-color: rgb(34, 178, 154);
}
.partner-search__slide-title::first-letter {
  color: rgb(34, 178, 154);
}

.elemet-1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.elemet-1 .partner-search__slide-title {
  top: 95px
}

.elemet-2 {
  grid-column: 2/3;
  grid-row: 1/2;
}
.elemet-2--phone {
  margin-top: -50px;
}

.elemet-3 {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-top: -100px;
}
.elemet-4 {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: -100px;
}
.elemet-4--phone {
  margin-top: -50px;
}

.partner-search-slider-web {
  display: block;
}
.partner-search-slider-phone {
  display: none;
}
.entry {
  position: relative;
  background-size: cover;
}
@media (max-width: 1250px) {
  .partner-search-slider-web {
    display: none;
  }
  .partner-search-slider-phone {
    display: block;
  }
  .partner-search__slide-title {
    top: 25%;
  }
  .partner-search__slide-title.partner-search__slide-title--left {
    top: auto;
  }
}
@media (max-width: 768px) {
  .partner-search__slide-title {
    top: 25%;
  }

}

@media (max-width: 992px) {
  .entry {
    background-image: none !important;
  }
}
.entry.registration {
  background-image: url("../images/reg_bg.png");
}
.entry.registration .select-wrapper::after {
  display: none;
}
.entry.login {
  background-image: url("../images/login_bg.png");
}
@media (min-height: 1200px) {
  .entry.login {
    height: calc(100vh - 190px);
  }
}

.entry .container {
  max-width: 690px;
}
.entry .title {
  font-size: 96px;
  line-height: 96px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .entry .title {
    font-size: 52px;
    line-height: 52px;
  }
}
@media (max-width: 992px) {
  .entry .title span {
    font-size: 48px;
    line-height: 48px;
  }
}
.entry .text-login {
  position: relative;
  z-index: 1;
  padding: 70px 0 0;
}
@media (max-width: 992px) {
  .entry .text-login {
    padding: 50px 0 0;
  }
}
.entry .success_img {
  max-width: 298px;
  margin: 33px auto 24px;
}

.form {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.form__input {
  width: 100%;
}
.form__input::placeholder {
  color: #fff;
  text-align: center;
}
.form input:not([type="radio"]) {
  border-width: 2.5px 0px 2.5px 0px;
  height: 74px;
  padding: 0 30px;
  outline: none;
  background-clip: text;
  -webkit-text-fill-color: white;
  caret-color: white;
  background: rgba(255, 255, 255, 0.1);
}
.form input:not([type="radio"]):focus {
  border-color: #22ac97;
}
.form textarea {
  border-width: 2.5px 0px 2.5px 0px;
  resize: none;
  width: 100%;
  margin-top: 20px;
  height: 195px;
  padding: 30px;
  outline: none;
}
@media (max-width: 992px) {
  .form textarea {
    margin-top: 16px;
    height: 160px;
  }
}
.form textarea::placeholder {
  color: #fff;
  text-align: center;
}
.form textarea:focus {
  border-color: #22ac97;
}
.form .select-wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px;
  border-width: 2.5px 0px 2.5px 0px;
}
.form .select-wrapper.open {
  border-color: #22ac97;
  height: 100%;
  transition: 2.5s;
}
.form .select-wrapper .select-text {
  position: relative;
  width: max-content;
  margin: auto;
  cursor: pointer;
}
.form .select-wrapper .select-text::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  right: -30px;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0413 1.125L7.49967 6.66667L1.95801 1.125' stroke='%2322AC97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 19px;
  height: 9px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.5s;
}
.form .select-wrapper .select-text.open::after {
  content: "";
  transform: rotate(180deg);
  transition: 0.5s;
}
.form .select-wrapper .form__checkbox-grid {
  justify-items: flex-start;
  display: none;
}
.form .select-wrapper .form__checkbox-grid[style*="display: block"] {
  display: grid !important;
  column-gap: 20px;
  padding-left: 30px;
}
.form__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  flex-wrap: nowrap;
}
@media (max-width: 992px) {
  .form__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.form__flex {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .form__flex {
    margin-top: 16px;
  }
}
.form__radio-box {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .form__radio-box {
    margin: 20px 0;
  }
}
.form__radio-box label {
  width: max-content;
}
.form__checkbox-box {
  margin: 40px 0 20px;
}
@media (max-width: 992px) {
  .form__checkbox-box {
    margin: 20px 0 16px;
  }
}
.form__checkbox-grid {
  margin-top: 6px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.form__checkbox-grid label {
  margin-top: 14px;
  width: max-content;
}
.form .btn-main {
  margin: 70px auto 0;
  width: 100%;
  max-width: 400px;
  font-family: "Days One", sans-serif;
  box-shadow: none !important;
}
@media (max-width: 992px) {
  .form .btn-main {
    margin: 50px auto 0;
  }
}
@media (max-width: 576px) {
  .form .btn-main {
    width: calc(100vw - 90px);
  }
}

.text {
  font-size: 18px;
  line-height: 22px;
}

.text-login {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #c6c8d9;
}
.text-login a {
  color: rgb(34, 172, 151);
}

.forgot__password {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: center;
  color: #22ac97;
  margin-top: 16px;
}

.btn__login {
  max-width: 298px !important;
}

.frog__login {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 566px;
}
@media (max-width: 992px) {
  .frog__login {
    display: none;
  }
}

.password-field {
  position: relative;
}

.password-field svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.3;
}
.password-field svg path {
  stroke: #c6c8d9;
}

/* для элемента input c type="radio" */
.custom-radio > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio > span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  color: #c6c8d9;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio > span::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #c6c8d9;
  border-radius: 50%;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
/* стили для активной радиокнопки (при нажатии на неё) */
/* стили для радиокнопки, находящейся в фокусе */
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio > input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%2322AC97'/%3E%3C/svg%3E%0A");
  background-size: 72%;
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio > input:disabled + span::before {
  background-color: #e9ecef;
}

/* для элемента input c type="checkbox" */
.custom-checkbox > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox > span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.64px;
  color: #c6c8d9;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox > span::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #c6c8d9;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
/* стили для активного чекбокса (при нажатии на него) */
/* стили для чекбокса, находящегося в фокусе */
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox > input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='%2322AC97'/%3E%3C/svg%3E%0A");
  background-size: 74%;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox > input:disabled + span::before {
  background-color: #e9ecef;
}

.breadcrumbs {
  position: absolute;
  left: 55px;
  z-index: 5;
  top: -95px;
}
@media (max-width: 992px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs-custom {
  position: relative;
  left: 35px !important;
  top: 155px !important;
}
@media (max-width: 992px) {
  .breadcrumbs-custom {
    left: 35px !important;
    top: 155px !important;
  }
}

.breadcrumbs .breadcrumb {
  list-style: none;
  margin: 0;
}
.breadcrumbs .breadcrumb-item {
  font-size: 14px;
}
.breadcrumbs .breadcrumb-item a {
  color: #22ac97;
}
.breadcrumbs .breadcrumb-item.active,
.breadcrumbs .breadcrumb-item::before {
  color: #9b9b9b;
}

.section-article {
  background-image: url("../images/article_bg_img.png");
  background-size: cover;
  background-position: 68% bottom;
}

.article {
  display: flex;
  flex-direction: column;
  gap: 90px;
}
@media (max-width: 992px) {
  .article {
    gap: 60px;
  }
}
.article-meta {
  border-width: 2.5px 0px 2.5px 0px;
  height: 74px;
  margin: 26px 0 40px;
  padding: 16px 30px;
  background-color: rgb(44, 36, 67);
}
@media (max-width: 992px) {
  .article-meta {
    flex-direction: column;
    gap: 20px;
    height: auto;
    padding: 16px 20px;
  }
}
@media (max-width: 576px) {
  .article-meta {
    border: none;
    background: none;
    padding: 0;
  }
  .time-wrapper {
    border-width: 2.5px 0px 2.5px 0px;
    background-color: rgb(44, 36, 67);
    padding: 20px;
    border-radius: 15px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.article__main-image {
  max-width: 525px;
  margin-right: 35px;
}
@media (max-width: 992px) {
  .article__main-image {
    max-width: 100%;
    margin-right: 0;
  }
}
.article__main-image img {
  width: 100%;
}
.article__image {
  max-width: 370px;
  margin-right: 0;
  margin-left: auto;
}
@media (max-width: 992px) {
  .article__image {
    max-width: 100%;
  }
}
.article .time {
  background: linear-gradient(339.93deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px -3px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 0px 25.4px 0px #c02bea;
  padding: 5px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  border-width: 2.5px 0px 2.5px 0px;
  border-radius: 5px;
}
@media (max-width: 992px) {
  .article .time {
    width: 50%;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .article .time {
    width: 100%;
    max-width: 150px;
    padding: 5px;
  }
}
.article .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  color: #c6c8d9;
}
@media (max-width: 992px) {
  .article .text {
    width: 50%;
    text-align: center;
  }
}
.article .text-author {
  font-size: 20px;
  font-weight: 400;
  line-height: 25.2px;
  color: #fff;
}
@media (max-width: 576px) {
  .article .text-author {
    width: 100%;
  }
}
.article p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  margin-top: 20px;
}
.article p a {
  color: #22ac97;
  text-decoration: underline;
}
.article ul {
  list-style-type: disc;
}
.article ul,
.article ol {
  padding-left: 15px;
}
.article ul li,
.article ol li {
  font-size: 16px;
  font-weight: 800;
  line-height: 22.24px;
  margin-top: 20px;
}
.article ul li a,
.article ol li a {
  color: #22ac97;
  text-decoration: underline;
}
.article__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 44.48px;
  color: #fff;
}

.btn-share {
  padding: 0;
}

.btn-share svg {
  border-radius: 50%;
  box-shadow: 0px 0px 18.1px 0px rgba(34, 172, 151, 0.7098039216);
}

.actions {
  background: linear-gradient(90deg, #22b36f 0%, #d0263c 100%);
  border-radius: 90px;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  box-shadow: 0px 0px 18.1px 0px rgba(34, 172, 151, 0.7098039216);
  gap: 28px;
}
.actions__bg {
  position: absolute;
  left: -16px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  object-fit: contain;
  max-width: 180px;
  /*max-width: 250px;*/
}
.actions__divider {
  width: 1px;
  height: 32px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: #fff;
  opacity: 0.28;
}
.actions span {
  position: relative;
  z-index: 2;
}

.reviewsPage .sort {
  margin-top: 64px;
}
@media (max-width: 992px) {
  .reviewsPage .sort {
    margin-top: 30px;
  }
}
.reviewsPage__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
  column-gap: 16px;
  row-gap: 32px;
}
@media (max-width: 992px) {
  .reviewsPage__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .reviewsPage__grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
.reviewsPage__grid .reviews__slide {
  min-height: auto;
}
.reviewsPage .pagination {
  margin-top: 32px;
}
@media (max-width: 992px) {
  .reviewsPage .pagination {
    margin-top: 30px;
  }
}

@media (max-width: 530px) {
  .sort {
    padding: 0 15px;
  }
}
.sort__wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sort .form-select {
  background: none;
  border: none;
  outline: none;
}
.sort .form-select:focus {
  box-shadow: none;
}
.sort .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
}
.sort .form-select {
  color: #22ac97;
  font-weight: 500;
  min-width: max-content;
}
.sort .form-select option {
  font-size: 16x;
  background-color: #27223c;
}
.sort-inner-box {
  width: 100%;
  max-width: 25%;
}
.sort-inner-box .select-wrapper {
  border: none;
  background: none;
}
.sort-inner-box > svg {
  min-width: 35px;
  margin-right: 10px;
}
.sort .dropdown-menu {
  width: 100%;
  background: none;
  border-width: 2.5px 0px 2.5px 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.4);
  border-radius: 15px;
  background-color: #27223c;
  padding: 0;
  overflow: hidden;
}
.sort li {
  padding: 6px;
}
.sort li a {
  color: #fff;
  padding: 6px;
}
.sort li:first-child a {
  padding: 6px 6px 0 6px !important;
}
.sort li:last-child a {
  color: #fff;
  padding: 0 6px 6px 6px !important;
}
.sort .dropdown-item:hover {
  background: none !important;
}
.sort li:hover {
  background-color: #22ac97;
}
.sort li:hover a {
  color: #fff;
}
.pagination {
  position: relative;
  border-width: 2.5px 0px 2.5px 0px;
  height: 74px;
  padding: 0 30px;
  margin-bottom: 40px;
  z-index: 999;
}
.pagination .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
}
.pagination__list {
  list-style-type: none;
}
.pagination__list li {
  cursor: pointer;
}
@media (max-width: 768px) {
  .pagination__list li:first-child svg,
  .pagination__list li:last-child svg {
    width: 30px;
  }
}
.pagination__list li:not(:first-child, :last-child) {
  border: 1px solid #747474;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .pagination__list li:not(:first-child, :last-child) {
    width: 30px;
    height: 30px;
  }
}
.pagination__list li:not(:first-child, :last-child).active {
  color: #22ac97;
}

.section-blog {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../images/blog-bg.jpg") no-repeat center/cover;
}
.section-blog::after {
  content: "";
  width: 100%;
  height: 420px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../images/streams-revers.png") no-repeat center/cover;
  transform: rotate(-180deg);
  z-index: 1;
}

.blogPage__title {
  margin-bottom: 40px;
}
.blogPage__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1120px) {
  .blogPage__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .blogPage__wrapper {
    grid-template-columns: 1fr;
  }
}

.education .breadcrumbs {
  bottom: -55px;
  left: 35px;
  top: unset;
}
.education .banner__frog {
  max-width: 1070px;
}
.education .banner__wrapper {
  padding-top: 20%;
}
@media (max-width: 1280px) {
  .education .banner__wrapper {
    padding-top: 220px;
  }
}
@media (max-width: 992px) {
  .education .banner__wrapper {
    padding-top: 170px;
  }
}
.education .reviews {
  border-radius: 30px 30px 0 0;
}

.advantages {
  padding: 0 0 30px 0;
}
.advantages__content {
  display: flex;
  align-items: center;
  column-gap: 73px;
}
@media (max-width: 1280px) {
  .advantages__content {
    column-gap: 50px;
  }
}
@media (max-width: 992px) {
  .advantages__content {
    flex-direction: column;
    gap: 0;
  }
}
.advantages h2 {
  font-size: 80px;
  text-align: start;
  color: #22ac97;
}
@media (max-width: 992px) {
  .advantages h2 {
    font-size: 64px;
    text-align: center;
  }
}
.advantages h2 span {
  font-size: 128px;
  color: #fff;
}
@media (max-width: 992px) {
  .advantages h2 span {
    font-size: 64px;
    text-align: center;
  }
}
.advantages__list {
  display: flex;
  column-gap: 24px;
}
@media (max-width: 1280px) {
  .advantages__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .advantages__list {
    margin-top: 22px;
  }
}
.advantages__item {
  border-width: 2.5px 0.5px;
  box-shadow: 0px 4px 35px 0px rgba(255, 255, 255, 0.2);
  padding: 40px 20px;
}
@media (max-width: 1280px) {
  .advantages__item {
    padding: 15px 20px;
  }
}
@media (max-width: 768px) {
  .advantages__item {
    padding: 15px 18px;
  }
}
.advantages__item:last-child {
  background: linear-gradient(335.25deg, #db2efe 13.47%, #6c37b1 73.71%, #430877 147.48%);
  box-shadow: 0px 4px 38.6px 0px rgba(157, 78, 179, 0.3490196078);
  border: none;
  position: relative;
}
.advantages .sopli {
  position: absolute;
  left: 0;
  top: 90%;
  width: 100%;
  height: 180px;
  z-index: -1;
  object-fit: contain;
}
.advantages__count {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38.18px;
  border-bottom: 5px solid #22ac97;
  width: max-content;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
.advantages__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 30px;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .advantages__title {
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .advantages__title {
    margin-top: 10px;
    font-size: 16px;
    line-height: 25px;
  }
}
.advantages__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #e4e4e4;
  margin-top: 17px;
}
@media (max-width: 1280px) {
  .advantages__desc {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .advantages__desc {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 992px) {
  .advantages .btn-main {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .advantages .btn-main {
    max-width: 250px;
  }
}

.tarifi__content {
  background-image: url(../images/tarifi.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 150px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 992px) {
  .tarifi__content {
    margin-top: 100px;
  }
}
.tarifi__frog {
  max-width: 974px;
  margin-top: -130px;
  z-index: 5;
}
@media (max-width: 992px) {
  .tarifi__frog {
    max-width: 700px;
    margin-top: -30px;
  }
}
@media (max-width: 768px) {
  .tarifi__frog {
    max-width: 500px;
    margin-top: 0px;
    margin-left: 0;
    margin-right: auto;
  }
}
@media (max-width: 576px) {
  .tarifi__frog {
    max-width: 350px;
  }
}
@media (max-width: 992px) {
  .tarifi .slider-wrapper {
    margin-left: -100px;
  }
}
.tarifi .slider-wrapper-tarifi .slick-arrow {
  display: none;
}
@media (max-width: 992px) {
  .tarifi .slider-wrapper-tarifi .slick-arrow {
    display: block;
  }
}
.tarifi .slider-wrapper-tarifi .slick-arrow {
  /* left: -10vw; */
  right: 0;
  margin: auto;
  bottom: -70px;
  display: none;
}
@media (max-width: 992px) {
  .tarifi .slider-wrapper-tarifi .slick-prev {
    display: block;
  }
}
.tarifi .slider-wrapper-tarifi .slick-next {
  /* display: none; */
}
@media (max-width: 992px) {
  .tarifi .slider-wrapper-tarifi .slick-next {
    display: block;
    right: -20%;
  }
}
@media (max-width: 768px) {
  .tarifi .slider-wrapper-tarifi .slick-next {
    display: block;
    right: -28%;
  }
}
@media (max-width: 576px) {
  .tarifi .slider-wrapper-tarifi .slick-next {
    display: block;
    right: -35%;
  }
}
.tarifi .slider-wrapper-tarifi .slick-dots {
  position: absolute;
  left: 100px;
  right: 0;
  margin: auto;
  bottom: -70px;
  display: none;
}
@media (max-width: 992px) {
  .tarifi .slider-wrapper-tarifi .slick-dots {
    display: flex !important;
  }
}
.tarifi__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: -90px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 992px) {
  .tarifi__list {
    grid-template-columns: 1fr;
    margin-top: -60px;
  }
}
@media (max-width: 768px) {
  .tarifi__list {
    margin-top: -45px;
  }
}
@media (max-width: 576px) {
  .tarifi__list {
    margin-top: -35px;
  }
}
.tarifi__list .slick-slide {
  display: flex !important;
}
.tarifi__item {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 55px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  backdrop-filter: blur(10px);
  height: auto;
  margin: 0 15px;
}
@media (max-width: 1280px) {
  .tarifi__item {
    padding: 75px 30px;
  }
}
@media (max-width: 768px) {
  .tarifi__item {
    padding: 30px 25px;
  }
}
.tarifi__item-top,
.tarifi__item-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.tarifi__item.bg__gradient {
  background: linear-gradient(326.01deg, #db2efe -12.33%, #6c37b1 30.62%, #430877 89.95%);
  box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px -3px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 0px 25.4px 0px #c02bea;
  position: relative;
}
.tarifi__item.bg__gradient .sopli {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 180px;
  z-index: -1;
  object-fit: cover;
}
.tarifi__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .tarifi__title {
    font-size: 24px;
    line-height: 36px;
  }
}
.tarifi__lines {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .tarifi__lines {
    margin-top: 25px;
  }
}
.tarifi__line {
  padding: 15px 0;
  border-top: 1px solid #7a6c80;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .tarifi__line {
    padding: 10px 0;
    line-height: 21px;
  }
}
.tarifi__line:last-child {
  border-bottom: 1px solid #7a6c80;
}
.tarifi__line span {
  color: #22ac97;
}
.tarifi__price {
  font-size: 32px;
  font-weight: 600;
  line-height: 27px;
  margin-top: 30px;
  position: relative;
  z-index: 5;
}
.tarifi .btn-main {
  width: 100%;
  max-width: 265px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .tarifi .btn-main {
    margin-top: 24px;
  }
}
@media (max-width: 576px) {
  .tarifi .btn-main {
    max-width: 185px;
  }
}

#payment-form .modal-dialog {
  width: 100%;
  max-width: 804px;
}
@media (max-width: 992px) {
  #payment-form .modal-dialog {
    max-width: 90vw;
    margin: auto;
  }
}
#payment-form .modal-content {
  border-width: 2.5px 0px 2.5px 0px;
  background: linear-gradient(337.11deg, #db2efe -14.12%, #6c37b1 45.54%, #430877 118.6%);
  box-shadow: 0px 4px 38.6px 0px rgba(157, 78, 179, 0.3490196078);
  padding: 55px 55px 80px;
  overflow: hidden;
}
@media (max-width: 992px) {
  #payment-form .modal-content {
    padding: 40px 20px;
  }
}
#payment-form .modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  padding: 0;
}
#payment-form .modal-header h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 50.4px;
  text-align: center;
}
@media (max-width: 992px) {
  #payment-form .modal-header h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
#payment-form .modal-header h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #c6c8d9;
  margin-top: 8px;
}
@media (max-width: 992px) {
  #payment-form .modal-header h2 {
    font-size: 14px;
    line-height: 24px;
  }
}
#payment-form .btn-close {
  position: absolute;
  top: 6px;
  right: 8px;
  border-radius: 0 0 0 30px;
  background-color: rgba(34, 178, 154, 0.7803921569);
  box-shadow: -5px 3px 28px 0px rgba(34, 178, 154, 0.7803921569);
  padding: 20px 22px;
  opacity: 1;
  background-image: none;
}
@media (max-width: 992px) {
  #payment-form .btn-close {
    padding: 15px;
  }
}
@media (max-width: 992px) {
  #payment-form .btn-close svg {
    width: 15px;
  }
}
#payment-form .modal-body {
  padding: 0;
}
@media (max-width: 992px) {
  #payment-form .form__payment {
    margin-top: 30px;
  }
}
#payment-form .form__payment input {
  border-radius: 15px;
}
#payment-form .form__payment input:not([type="radio"]) {
  -webkit-box-shadow: 0 0 0 50px #6d3aa8 inset;
}
#payment-form .modal-footer {
  border: none;
  padding: 0;
}
#payment-form .modal-footer .btn-main {
  max-width: 365px;
  width: 100%;
  margin: 70px auto 0;
}
@media (max-width: 992px) {
  #payment-form .modal-footer .btn-main {
    max-width: 265px;
    margin: 50px auto 0;
  }
}

.section-policy .manual-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 40.32px;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .section-policy .manual-title {
    font-size: 24px;
    line-height: 34px;
    margin-top: 30px;
  }
}
.section-policy .manual-text,
.section-policy p {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  margin-top: 30px;
}
@media (max-width: 992px) {
  .section-policy .manual-text,
  .section-policy p {
    font-size: 14px;
    margin-top: 15px;
  }
}
.section-policy ul,
.section-policy .manual-list,
.section-policy ol {
  list-style: decimal;
  padding-left: 20px;
  margin-top: 30px;
}
@media (max-width: 992px) {
  .section-policy ul,
  .section-policy .manual-list,
  .section-policy ol {
    margin-top: 15px;
  }
}
.section-policy ul li,
.section-policy .manual-list li,
.section-policy ol li {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  padding: 6px 0;
}
@media (max-width: 992px) {
  .section-policy ul li,
  .section-policy .manual-list li,
  .section-policy ol li {
    font-size: 14px;
  }
}

.account {
  display: flex;
  justify-content: space-between;
  padding: 13px 20px 0;
  gap: 13px;
  height: 100%;
}
@media (max-width: 992px) {
  .account {
    overflow-x: hidden;
  }
}
.account.dashboard {
  background-image: url(../images/bg_dashboard.png);
  background-size: initial;
}
.account.dashboard .our-blog {
  overflow: visible;
}
.account .page {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.account .page__wrapper {
  flex: 1 0 auto;
  overflow: hidden;
}
.account .header {
  position: relative;
  width: 100%;
  top: 0;
  max-width: 100%;
}
@media (max-width: 992px) {
  .account .header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media (max-width: 1280px) {
  .account .header__btns-bloc {
    gap: 10px;
  }
}
@media (max-width: 992px) {
  .account .header__btns-bloc {
    display: none;
  }
}
@media (max-width: 1280px) {
  .account .header__btns-bloc svg {
    display: none;
  }
}
.account__nav-item {
  padding: 14px 0;
  width: max-content;
}
@media (max-width: 992px) {
  .account__nav-item {
    margin-right: 0;
    margin-left: auto;
    width: 100%;
    border-top: 1px solid #ffffff42;
    border-bottom: 1px solid #ffffff42;
  }
}

.account__nav-item:hover path {
  transition: 0.5s;
  fill: #22ac97;
}
.account__nav-item.arrow .account__nav-link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3356 0.0263672L11 0.690765L5.5 6.19076L-2.90417e-08 0.690764L0.664398 0.0263667L5.5 4.8616L10.3356 0.0263672Z' fill='%2322B29A'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 6px;
  transition: 0.5s;
  display: none;
}
.account__nav-item__promos.arrow .account__nav-link::after {
  display: block;
}
.account__nav-item.arrow.open .account__nav-link::after {
  transform: rotate(180deg);
  transition: 0.5s;
}
.account__nav-link {
  display: flex;
  align-items: center;
  gap: 23px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}
@media (max-width: 992px) {
  .account__nav-link {
    flex-direction: row-reverse;
  }
}

.account .heading__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
  margin-left: 30px;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .account .heading__title {
    margin-left: 10px;
  }
}
@media (max-width: 992px) {
  .account .heading__title {
    margin: 28px auto;
    width: max-content;
    font-size: 22px;
  }
}
.account .btn-header {
  min-width: 57px;
  max-width: 57px;
  height: 57px;
}
@media (max-width: 1280px) {
  .account .btn-header {
    min-width: 45px;
    max-width: 45px;
    height: 45px;
  }
}
.account .avatar {
  box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px -2px 4px 0px rgba(255, 255, 255, 0.4);
}
.account .avatar img {
  width: 100%;
}

.account .header .select-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 370px;
  padding: 8px 10px;
  box-shadow:
    0px 2px 0px 0px rgba(255, 255, 255, 0.4),
    0px -2px 4px 0px rgba(255, 255, 255, 0.4);
  background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
  border-radius: 5px;
  cursor: pointer;
  min-width: 370px;
  position: relative;
  height: 40px;
}
@media (max-width: 1280px) {
  .account .header .select-wrapper {
    min-width: 240px;
  }
}
@media (max-width: 1280px) {
  .account .header .select-wrapper::after {
    right: 10px;
  }
}
.account .header .select-wrapper span {
  border-left: 1px solid #9c9c9c;
  padding: 4px 0 4px 12px;
}
@media (max-width: 1280px) {
  .account .header .select-wrapper span {
    padding: 4px 0 4px 6px;
    border-left: none;
  }
}
.account .header .select-wrapper select {
  outline: none;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 0px 0 0 80px;
}
.account .header .select-wrapper select option {
  background-color: #9040c9;
  color: #fff;
}
.account-my-links {
  margin-top: 40px;
}
.account__my_links {
  background-image: url(../images/acc-links.png);
  background-size: cover;
  height: 100vh;
}
.account-my-links__tabs-block {
  display: flex;
  gap: 20px;
}
@media (max-width: 1600px) {
  .account-my-links__tabs-block {
    flex-direction: column;
  }
}
.account__tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-width: 2.5px 0px 2.5px 0px;
  overflow: hidden;
}
.account-my-links__btns-block {
  display: flex;
  gap: 15px;
}
@media (max-width: 992px) {
  .account-my-links__btns-block {
    align-items: center;
    flex-direction: column;
  }
}
.account-my-links__btns-block img {
  max-width: 29px;
}
.account__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #c7c2c2;
  backdrop-filter: blur(35.8300018311px);
  padding: 24px 16px;
  height: 68px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.account__tab:not(:first-child) {
  border-left: 1px solid #9c9c9c;
}
.account__tab.active {
  color: #22ac97;
  background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%),
    linear-gradient(0deg, rgba(34, 172, 151, 0.12), rgba(34, 172, 151, 0.12));
}
.account input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.account input[type="date"] {
  -moz-appearance: textfield;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background-color: #28223d;
  position: relative;
  background: none;
}
.account .calendar-range {
  border-width: 2.5px 0px 2.5px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
  width: 100%;
  max-width: 500px;
}
@media (max-width: 768px) {
  .account .calendar-range {
    max-width: 100%;
  }
}
.account .calendar-range img {
  margin-left: -25px;
}
@media (max-width: 768px) {
  .account .calendar-range img {
    margin-left: -5px;
    width: 80px;
  }
}
.account .calendar-range-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 5%;
}
@media (max-width: 1280px) {
  .account .calendar-range-data {
    margin-left: -15px;
    padding-right: 1%;
  }
}
@media (max-width: 768px) {
  .account .calendar-range-data {
    justify-content: space-around;
  }
}
.account .calendar-range span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
}
.account .calendar-range input {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  color: #22ac97;
  max-width: 95px;
}
.account .calendar-range .divider {
  width: 1px;
  height: 40px;
  background-color: #9c9c9c;
}
.account .table-wrapper {
  border-width: 2.5px 0px 2.5px 0px;
  overflow: auto;
  margin-top: 40px;
}
@media (max-width: 1480px) {
  .account .table-wrapper {
    width: calc(100vw - 375px);
  }
}
@media (max-width: 1280px) {
  .account .table-wrapper {
    width: calc(100vw - 345px);
  }
}
@media (max-width: 992px) {
  .account .table-wrapper {
    width: 100%;
  }
}
.account .table-wrapper::-webkit-scrollbar {
  height: 6px !important;
  background-color: #221040 !important;
  border-radius: 26px !important;
}
.account .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #60299f !important;
  border-radius: 26px !important;
  cursor: grab !important;
}
.account .table {
  width: 100%;
  margin: 0;
}
.account .table th,
.account .table td {
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.account .table th {
  background-color: #60299f;
  padding: 20px 35px;
}
@media (max-width: 1680px) {
  .account .table th {
    padding: 20px 25px;
  }
}
.account .table tr:not(:last-child) td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2392156863);
}
.account .table td {
  background-color: #271445;
  padding: 44px 30px;
  text-wrap: nowrap;
}
@media (max-width: 1680px) {
  .account .table td {
    padding: 34px 15px;
  }
}
.account .table td:nth-child(even) {
  background-color: #221040;
}
.account .table a {
  color: #22ac97;
  text-decoration: underline;
}
.account .account-selects {
  display: flex;
  gap: 16px;
  margin-top: 36px;
}
@media (max-width: 992px) {
  .account .account-selects {
    flex-direction: column;
    margin-top: 26px;
  }
}
.account-selects {
  display: flex;
  flex-wrap: wrap;
}
.account-selects .select-wrapper {
  max-width: 290px;
}
.account .footer-account {
  display: none;
}
@media (max-width: 992px) {
  .account .footer-account {
    display: block;
    background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
    border-top: 2px solid rgba(255, 255, 255, 0.4);
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    flex-shrink: 0;
    height: 77px;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    position: relative;
  }
}
.account .footer-account__content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.account .footer-account__avatar {
  max-width: 90px;
  margin-top: -10px;
}
.account .footer-account__divider {
  width: 1px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.4);
}

.column-left {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 0 22px 20px 35px;
  background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 275px;
  min-width: 275px;
  position: sticky;
  top: 15px;
  max-height: 932px;
  height: 100vh;
}
@media (max-width: 992px) {
  .column-left {
    display: none;
  }
}
.column-left .logo__img {
  margin-top: 0;
  margin-left: -20px;
}
.column-left__bottom-img {
  position: absolute;
  bottom: 0;
  left: 0;
  object-fit: contain;
  pointer-events: none;
}
.column-left .inner-list {
  padding-left: 50px;
  margin-top: 10px;
  display: none;
}
.column-left .inner-list__item {
  padding: 8px 0px;
}
.account__nav-item__promos.active a {
  color: #fff;
}
.account__nav-item__promos.active a:hover {
  color: #22ac97;
}
.dashboard {
  height: 100vh;
}
@media (max-width: 992px) {
  .dashboard {
    height: auto;
  }
}
.dashboard__information {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 1280px) {
  .dashboard__information {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .dashboard__information {
    margin-top: 20px;
    gap: 10px;
    grid-template-columns: 1fr;
  }
}
.dashboard__information-item {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 26px 30px;
}
@media (max-width: 992px) {
  .dashboard__information-item__group {
    margin-left: -10px;
  }
}
@media (max-width: 992px) {
  .dashboard__information-item {
    padding: 15px;
    display: flex;
    align-items: center;
    height: 100px;
  }
}
@media (max-width: 992px) {
  .dashboard__information-item__box {
    display: flex;
    gap: 7px;
    align-items: baseline;
  }
}
.dashboard__information-item__icon {
  margin-top: -25px;
  margin-left: -30px;
}
@media (max-width: 992px) {
  .dashboard__information-item__icon {
    margin-left: -25px;
    margin-top: 5px;
  }
}
.dashboard__information-item__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 23.44px;
  margin-top: -12px;
}
@media (max-width: 992px) {
  .dashboard__information-item__title {
    margin-top: 0;
    font-size: 18px;
    line-height: 21px;
  }
}
.dashboard__information-item__number {
  margin-top: 10px;
  font-size: 40px;
  font-weight: 500;
  line-height: 46.88px;
  color: #bf50ff;
  text-shadow: 0px 0px 15.4px rgba(201, 48, 241, 0.5607843137);
}
@media (max-width: 992px) {
  .dashboard__information-item__number {
    font-size: 24px;
    line-height: 28px;
    margin-top: 6px;
  }
}
.dashboard__information-item__desc {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.06px;
  color: #b3b3b3;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .dashboard__information-item__desc {
    margin-top: 6px;
  }
}
.dashboard__section {
  margin-top: 60px;
}
.dashboard .our-blog {
  margin-top: 60px;
}
@media (max-width: 992px) {
  .dashboard .our-blog {
    margin-top: 0;
  }
}
.dashboard .our-blog .container {
  max-width: calc(100vw - 376px) !important;
}
@media (max-width: 992px) {
  .dashboard .our-blog .container {
    max-width: 100% !important;
  }
}
@media (max-width: 679px) {
  .dashboard .our-blog .our-blog__slide {
    margin-right: 0;
  }
}
.dashboard .our-blog .heading__title {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .dashboard .our-blog .heading__title {
    margin-bottom: 28px;
    font-size: 20px;
    line-height: 16px;
  }
}
.statistics {
  background-image: url(../images/bg_statistics.png);
  background-size: cover;
  height: 100vh;
}
.statistics__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 17px;
}
@media (max-width: 768px) {
  .statistics__heading {
    flex-direction: column;
  }
}
.statistics table td:last-child {
  font-size: 20px;
  font-weight: 500;
  line-height: 23.44px;
  color: #22ac97;
}
.statistics .pagination {
  margin-top: 40px;
}
.statistics .btn-main {
  margin: 40px 25px 0;
  max-width: 420px;
  width: 100%;
}
@media (max-width: 768px) {
  .statistics .btn-main {
    max-width: 100%;
    width: calc(100vw - 110px);
    margin: 70px auto 0;
    display: block;
  }
}

.cooperationPage {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../images/cooperation-bg.png") no-repeat center/cover;
}
.cooperationPage .banner {
  margin-bottom: 120px;
}
@media (max-width: 1300px) {
  .cooperationPage .banner__wrapper {
    padding-top: 17%;
  }
}
@media (max-width: 1200px) {
  .cooperationPage .banner__wrapper {
    padding-top: 19%;
  }
}

@media (max-width: 992px) {
  .cooperationPage .banner {
    margin-bottom: 60px;
  }
}
.cooperationPage .partner-search {
  padding-top: 0;
}
.cooperationPage .partners__wrapper {
  margin-bottom: 0;
}
.cooperationPage .advantages {
  position: relative;
  width: 100%;
  padding: 0;
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto 40px 140px 400px auto;
}
@media (max-width: 1340px) {
  .cooperationPage .advantages {
    overflow: hidden;
  }
}
@media (max-width: 1250px) {
  .cooperationPage .advantages {
    /* grid-template-columns: 50% 50%; */
  }
}
@media (max-width: 992px) {
  .cooperationPage .advantages {
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
  }
}
.cooperationPage .advantages__frame {
  border-width: 2.5px 0 2.5px 0;
  border-radius: 50px;
  grid-column: 1/3;
  grid-row: 2/5;
  z-index: 1;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__frame {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.cooperationPage .advantages__pinck-frame {
  grid-column: 1/3;
  grid-row: 2/5;
  margin-left: -40px;
  z-index: 2;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__pinck-frame {
    display: none;
  }
}
.cooperationPage .advantages__pinck-frame--phone {
  display: none;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__pinck-frame--phone {
    display: block;
    grid-column: 1/2;
    grid-row: 2/4;
    z-index: 2;
    border-radius: 50px;
    background: linear-gradient(190deg, #db2efe 2.56%, #6c37b1 45.66%, #430877 98.44%);
  }
}
.cooperationPage .advantages__frog {
  grid-column: 1/2;
  grid-row: 1/6;
  object-fit: cover;
  object-position: center;
  margin-top: 200px;
  margin-left: -120px;
  z-index: 3;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__frog {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 650px;
    margin: 0 auto;
  }
}
@media (max-width: 650px) {
  .cooperationPage .advantages__frog {
    width: 100%;
  }
}
.cooperationPage .advantages__text {
  grid-column: 2/3;
  grid-row: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: AA Duke;
  font-size: 110px;
  font-weight: 400;
  line-height: 110px;
  text-align: left;
  text-transform: uppercase;
  z-index: 5;
  color: #fff;
}
.cooperationPage .advantages__text span {
  color: rgb(34, 178, 154);
  text-transform: lowercase;
}
@media (max-width: 1250px) {
  .cooperationPage .advantages__text {
    font-size: 80px;
    line-height: 110px;
  }
}
@media (max-width: 992px) {
  .cooperationPage .advantages__text {
    padding: 20px;
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 55px;
    line-height: 44.55px;
  }
}
.cooperationPage .advantages__play {
  grid-column: 1/2;
  grid-row: 4/5;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-self: center;
}
.cooperationPage .advantages__play img {
  width: 280px;
  height: 280px;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__play img {
    width: 163px;
    height: 163px;
  }
}
@media (max-width: 992px) {
  .cooperationPage .advantages__play {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.cooperationPage .advantages__items {
  padding: 40px;
  grid-column: 2/3;
  grid-row: 4/5;
  z-index: 4;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 1250px) {
  .cooperationPage .advantages__items {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .cooperationPage .advantages__items {
    grid-column: 1/2;
    grid-row: 3/4;
    flex-direction: column;
    padding: 0 25px 25px;
  }
}
.cooperationPage .advantages__item {
  display: block;
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__item {
    display: flex;
    align-items: start;
    gap: 20px;
  }
}
.cooperationPage .advantages__item_icon {
  width: 57px;
  height: 57px;
  margin-bottom: 25px;
}
.cooperationPage .advantages__item_text {
  position: relative;
  padding: 25px 0;
}
@media (max-width: 992px) {
  .cooperationPage .advantages__item_text {
    padding: 0;
  }
}
.cooperationPage .advantages__item_text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 3px;
  background-color: rgb(34, 178, 154);
}
@media (max-width: 992px) {
  .cooperationPage .advantages__item_text::before {
    display: none;
  }
}
.cooperationPage .advantages__item_title {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.09px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.cooperationPage .advantages__item_descr {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  color: #e2e2e2;
}
.cooperationPage .payment {
  width: 100%;
  display: grid;
  grid-template-columns: 320px 1fr;
  grid-template-rows: 240px auto;
  gap: 25px 40px;
}
@media (max-width: 1295px) {
  .cooperationPage .payment {
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr 78px;
  }
}
.cooperationPage .payment__title {
  grid-column: 1/2;
  grid-row: 1/2;
  font-family: AA Duke;
  font-size: 128px;
  font-weight: 400;
  line-height: 120px;
  align-self: center;
}
@media (max-width: 1295px) {
  .cooperationPage .payment__title {
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .cooperationPage .payment__title {
    font-size: 64px;
    line-height: 74px;
  }
}
.cooperationPage .payment__title span {
  color: rgb(34, 178, 154);
}
.cooperationPage .payment .btn-main {
  grid-column: 1/2;
  grid-row: 2/3;
  width: 280px;
  margin-left: 25px;
}
@media (max-width: 1295px) {
  .cooperationPage .payment .btn-main {
    grid-column: 1/2;
    grid-row: 3/4;
    margin: 0 auto;
  }
}
.cooperationPage .payment__items {
  grid-column: 2/3;
  grid-row: 1/3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 1295px) {
  .cooperationPage .payment__items {
    grid-column: 1/2;
    grid-row: 2/3;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
}
.cooperationPage .payment__item {
  position: relative;
  width: 215px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
  padding: 30px;
  border-width: 2.5px;
  border-radius: 30px;
  box-shadow: 0 0 20px 20px rgba(216, 88, 248, 0.1);
  transition: 0.3s all ease-in-out;
}
@media (max-width: 992px) {
  .cooperationPage .payment__item {
    height: 360px;
  }
}
@media (max-width: 580px) {
  .cooperationPage .payment__item {
    height: 320px;
    padding: 15px;
    gap: 15px;
    width: 180px;
  }
}
@media (max-width: 410px) {
  .cooperationPage .payment__item {
    width: 100%;
  }
}
.cooperationPage .payment__item:last-child {
  transition: 0.3s all ease-in-out;
  background: linear-gradient(190deg, #db2efe 2.56%, #6c37b1 45.66%, #430877 98.44%);
}
.cooperationPage .payment__item:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -51px;
  width: 100%;
  height: 50px;
  background: url("../images/streams-revers.png") no-repeat center/cover;
}
.cooperationPage .payment__item_number {
  padding: 5px 0;
  border-bottom: 3px solid rgb(34, 178, 154);
  font-family: Gilroy;
  font-size: 32px;
  font-weight: 600;
  line-height: 38.18px;
  text-align: left;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}
.cooperationPage .payment__item_title {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.09px;
  text-align: left;
  text-transform: uppercase;
}
.cooperationPage .payment__item_descr {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #e4e4e4;
}
.cooperationPage .container-cooperation {
  margin: 0 auto;
  max-width: 1680px;
}
.container-cooperation .btn-main {
  margin: 0 auto;
  width: 300px;
}
.cooperationPage__slider .slider-wrapper {
  margin-bottom: 55px;
}
.cooperationPage__slider .slick-track {
  padding: 120px 0;
  align-items: center;
}
@media (max-width: 650px) {
  .cooperationPage__slider .slick-track {
    padding: 80px 0;
  }
}
.cooperationPage__slider .cooperation__slide__img {
  width: 560px;
  height: 270px;
  border-radius: 30px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .cooperationPage__slider .cooperation__slide__img {
    width: 350px;
    height: 182px;
  }
}
@media (max-width: 650px) {
  .cooperationPage__slider .cooperation__slide__img {
    width: 240px;
    height: 115px;
  }
}
.cooperationPage__slider .slick-current {
  scale: 140%;
  position: relative;
  z-index: 10;
  transition: opacity 0.3s;
  opacity: 1;
}
.cooperationPage__slider .slick-current .cooperation__slide__img {
  box-shadow: 0 0 20px 20px rgba(216, 88, 248, 0.2);
}
.cooperationPage__slider .slick-current::after {
  content: "";
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  bottom: -82px;
  background: url("../images/streams-revers.png") no-repeat center/cover;
  z-index: 20;
}
.cooperationPage__slider .slick-slide:not(.slick-current) {
  position: relative;
  opacity: 0.5;
  z-index: 1;
}
.cooperationPage__slider .btn-opacity {
  margin: 0 auto;
}

.cabinet-advantages {
  margin-bottom: 120px;
  position: relative;
  width: 100%;
  height: 950px;
  border-width: 2.5px 0 2.5px 0;
}
@media (max-width: 1450px) {
  .cabinet-advantages {
    height: 850px;
  }
}
@media (max-width: 1200px) {
  .cabinet-advantages {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .cabinet-advantages {
    margin-bottom: 60px;
  }
}
.cabinet-advantages__frog {
  position: absolute;
  left: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1450px) {
  .cabinet-advantages__frog {
    width: 600px;
  }
}
@media (max-width: 1200px) {
  .cabinet-advantages__frog {
    position: relative;
    order: 2;
    margin: 0 auto;
    width: auto;
    height: 500px;
  }
}
@media (max-width: 450px) {
  .cabinet-advantages__frog {
    width: 100%;
  }
}
.cabinet-advantages__wrapper {
  margin-left: auto;
  width: 70%;
  padding: 120px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 25px 15px;
}
@media (max-width: 1450px) {
  .cabinet-advantages__wrapper {
    padding: 60px 0;
  }
}
@media (max-width: 1200px) {
  .cabinet-advantages__wrapper {
    width: 100%;
    justify-content: center;
  }
}
.cabinet-advantages__item--text {
  width: 620px;
  font-family: AA Duke;
  font-size: 180px;
  font-weight: 400;
  line-height: 155px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .cabinet-advantages__item--text {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .cabinet-advantages__item--text {
    font-size: 64px;
    line-height: 70px;
  }
}
.cabinet-advantages__item--text span {
  color: rgb(34, 178, 154);
}
.cabinet-advantages__item {
  position: relative;
  width: 258px;
  height: 333px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 25px;
  border-width: 2.5px 0 2.5px 0;
  z-index: 1;
}
@media (max-width: 992px) {
  .cabinet-advantages__item {
    width: 185px;
    height: 260px;
    padding: 15px;
  }
}
@media (max-width: 425px) {
  .cabinet-advantages__item {
    width: 100%;
  }
}
.cabinet-advantages__item img {
  width: 105px;
  height: 105px;
  z-index: 10;
}
@media (max-width: 992px) {
  .cabinet-advantages__item img {
    width: 60px;
    height: 60px;
  }
}
.cabinet-advantages__item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 190px;
  background: url("../images/cabinet-advantages-detal1.png") no-repeat center/cover;
  z-index: -1;
  filter: blur(15px);
}
@media (max-width: 992px) {
  .cabinet-advantages__item::before {
    width: 120px;
    height: 120px;
    filter: blur(10px);
  }
}
.cabinet-advantages__item::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 77px;
  height: 23px;
  background: url("../images/cabinet-advantages-detal2.png") no-repeat center/cover;
  z-index: -1;
}
.cabinet-advantages__bg-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  backdrop-filter: blur(10px);
}
.cabinet-advantages__title {
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 25.78px;
  text-align: center;
  z-index: 10;
}
@media (max-width: 992px) {
  .cabinet-advantages__title {
    font-size: 16px;
    line-height: 18.75px;
  }
}
.cabinet-advantages__descr {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: #e4e4e4;
  z-index: 10;
}
@media (max-width: 992px) {
  .cabinet-advantages__descr {
    font-size: 14px;
    line-height: 18px;
  }
}

.accountOffers {
  background-image: url(../images/bg_account_offers2.png);
  background-size: cover;
}
.accountOffers__heading {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .accountOffers__heading {
    gap: 10px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__heading {
    display: none;
  }
}
@media (max-width: 1440px) {
  .accountOffers__heading input {
    width: 100%;
  }
}
.accountOffers__heading input::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 22.68px;
  color: #fff;
}
@media (max-width: 1440px) {
  .accountOffers__heading input::placeholder {
    font-size: 14px;
  }
}
.accountOffers__heading input,
.accountOffers__heading select {
  font-size: 18px;
  font-weight: 400;
  line-height: 22.68px;
  color: #fff;
  outline: none;
}
@media (max-width: 1440px) {
  .accountOffers__heading input,
  .accountOffers__heading select {
    font-size: 16px;
  }
}
.accountOffers__heading .select-wrapper {
  overflow: hidden;
}
.accountOffers__heading select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2d2443;
  border: none;
  padding-left: 20px;
  margin-left: -20px;
}
.accountOffers__heading input,
.accountOffers__heading .select-wrapper {
  border-width: 2.5px 0px 2.5px 0px;
  height: 74px;
  padding: 0 20px;
}
@media (max-width: 1440px) {
  .accountOffers__heading input,
  .accountOffers__heading .select-wrapper {
    padding: 0 15px;
    height: 60px;
    font-size: 14px;
  }
}
.accountOffers__heading input:focus,
.accountOffers__heading .select-wrapper:focus {
  border-color: #22ac97;
}
@media (max-width: 1280px) {
  .accountOffers .bg_img_offer {
    display: none;
  }
}
@media (max-width: 1280px) {
  .accountOffers .offer__logo {
    position: static !important;
    margin: auto;
    max-width: 100%;
    height: 150px;
    object-fit: contain;
  }
}
@media (max-width: 576px) {
  .accountOffers .offer__logo {
    height: 100px;
    object-fit: cover;
  }
}
.accountOffers__list {
  margin-top: 40px;
}
@media (max-width: 1280px) {
  .accountOffers__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 28px;
  }
}
.accountOffers__offer-top,
.accountOffers__offer-bottom {
  position: relative;
}
.accountOffers__offer-top .bg_img_offer,
.accountOffers__offer-bottom .bg_img_offer {
  width: 100%;
}
.accountOffers__offer-bottom {
  margin-top: -21%;
}
@media (max-width: 1280px) {
  .accountOffers__offer-bottom {
    margin-top: 0;
  }
}
.accountOffers__offer-bottom .accountOffers__offer-info {
  right: 0;
  padding: 0 60px;
}
@media (max-width: 1580px) {
  .accountOffers__offer-bottom .accountOffers__offer-info {
    padding: 0 40px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__offer-bottom .accountOffers__offer-info {
    padding: 0 20px;
  }
}
.accountOffers__offer-bottom .accountOffers__offer-btns {
  left: unset;
  right: 6px;
  bottom: 9.5%;
}
.accountOffers__offer-bottom .accountOffers__offer-btns a:first-child {
  border-radius: 50px 0 0 0 !important;
  border-radius: 0 0 0 25px;
}
.accountOffers__offer {
  position: relative;
  pointer-events: none;
}
@media (max-width: 1280px) {
  .accountOffers__offer {
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.1);
    border-width: 2.5px 0px 2.5px 0px;
  }
}
.accountOffers__offer-info {
  position: absolute;
  top: 50px;
  width: 50%;
  padding: 0 40px;
}
@media (max-width: 1580px) {
  .accountOffers__offer-info {
    top: 20px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__offer-info {
    position: static;
    top: 0;
    width: 100%;
    padding: 0 20px;
  }
}
.accountOffers__offer-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 45px;
  row-gap: 15px;
  margin-top: 30px;
}
@media (max-width: 1580px) {
  .accountOffers__offer-info-grid {
    column-gap: 30px;
    row-gap: 10px;
    margin-top: 10px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__offer-info-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .accountOffers__offer-info-grid {
    row-gap: 15px;
  }
}
.accountOffers__offer-info-group .title {
  font-family: inherit;
  font-size: 17px;
  font-weight: 400;
  line-height: 35.02px;
  color: #c4c4c4;
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .accountOffers__offer-info-group .title {
    margin-bottom: 0;
    line-height: 35px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__offer-info-group .title {
    line-height: 30px;
  }
}
@media (max-width: 1110px) {
  .accountOffers__offer-info-group .title {
    line-height: 28px;
  }
}
@media (max-width: 992px) {
  .accountOffers__offer-info-group .title {
    line-height: 32px;
  }
}
@media (max-width: 576px) {
  .accountOffers__offer-info-group .title {
    font-size: 14px;
  }
}
.accountOffers__offer-info-group .list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-all;
  font-size: 19px;
  font-weight: 600;
  line-height: 27.55px;
}
@media (max-width: 1580px) {
  .accountOffers__offer-info-group .list {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .accountOffers__offer-info-group .list {
    font-size: 19px;
    line-height: 28px;
  }
}
@media (max-width: 576px) {
  .accountOffers__offer-info-group .list {
    font-size: 14px;
  }
}
.accountOffers__offer-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 65.92px;
}
@media (max-width: 1580px) {
  .accountOffers__offer-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__offer-title {
    text-align: center;
    font-size: 32px;
    line-height: 65.92px;
  }
}
@media (max-width: 576px) {
  .accountOffers__offer-title {
    margin-top: -35px;
  }
}

.accountOffers__offer-btns {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 4px;
  bottom: 6%;
  height: 86px;
  width: 48.3%;
  gap: 7px;
  margin-top: -75px;
}
@media (max-width: 1280px) {
  .accountOffers__offer-btns {
    position: static;
    width: 100%;
    margin-top: 30px;
  }
}
.accountOffers__offer-btns a {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "Days One", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32.96px;
  width: 100%;
  justify-content: center;
  text-transform: uppercase;
  pointer-events: all;
}
@media (max-width: 768px) {
  .accountOffers__offer-btns a {
    font-size: 15px;
    line-height: 31px;
  }
}
.accountOffers__offer-btns a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.789062 1.70718L2.12421 0.292969L13.1768 12.0001L2.12421 23.7072L0.789062 22.293L10.5057 12.0001L0.789062 1.70718Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 23px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .accountOffers__offer-btns a::after {
    display: none;
  }
}
.accountOffers__offer-btns a:first-child {
  background-color: #22ac97;
  border-radius: 0 0 0 50px;
  backdrop-filter: blur(35.8300018311px);
  box-shadow: -5px 0px 23px 0px rgba(34, 178, 154, 0.3019607843);
}
@media (max-width: 1580px) {
  .accountOffers__offer-btns a:first-child {
    border-radius: 0 0 0 35px;
  }
}
@media (max-width: 1280px) {
  .accountOffers__offer-btns a:first-child {
    border-radius: 0 0 0 25px;
  }
}
.accountOffers__offer-btns a:first-child:hover {
  color: #fff;
}
.accountOffers__offer-btns a:last-child {
  border-top: 2px solid #22ac97;
}

.offer__logo-right {
  position: absolute;
  top: 13%;
  right: 11%;
  width: 400px;
  max-height: 150px;
  object-fit: contain;
}

.offer__logo-left {
  position: absolute;
  bottom: 22%;
  left: 9%;
  width: 400px;
  max-height: 150px;
  object-fit: contain;
}

.offersPage {
  background-image: url(../images/bg_offersPage.png);
  background-size: cover;
}
.offersPage__title::first-letter {
  color: #22ac97;
}
.offersPage .accountOffers__offer-info-grid {
  grid-template-columns: 1fr;
  row-gap: 0;
  column-gap: 0;
}
.offersPage .accountOffers__offer-info-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.offersPage .accountOffers__offer-info-group .divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  height: 1px;
  background-color: #493b61;
  z-index: 0;
}
.offersPage .accountOffers__offer-info-group .title {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  padding-right: 10px;
  z-index: 3;
  backdrop-filter: blur(6px);
}
.offersPage .accountOffers__offer-info-group .list {
  padding-left: 10px;
  z-index: 3;
  backdrop-filter: blur(6px);
}
.offersPage .accountOffers__offer-top .accountOffers__offer-btns {
  bottom: 15%;
}
@media (max-width: 1280px) {
  .offersPage .accountOffers__offer-btns {
    position: absolute;
    width: 48.2%;
  }
}
@media (max-width: 992px) {
  .offersPage .accountOffers__offer-btns {
    position: static;
    width: 100%;
  }
}

.offersPage .accountOffers__offer-top .accountOffers__offer-btns a {
  border-radius: 0 0 50px 50px;
}
@media (max-width: 1280px) {
  .offersPage .accountOffers__offer-top .accountOffers__offer-btns a {
    border-radius: 0 0 35px 35px;
  }
}
@media (max-width: 992px) {
  .offersPage .accountOffers__offer-top .accountOffers__offer-btns a {
    border-radius: 0 0 25px 25px;
  }
}
.offersPage .accountOffers__offer-bottom .accountOffers__offer-btns a {
  border-radius: 50px 0 50px 0;
}
@media (max-width: 1280px) {
  .offersPage .accountOffers__offer-bottom .accountOffers__offer-btns a {
    border-radius: 35px 0 35px 0;
  }
}
@media (max-width: 992px) {
  .offersPage .accountOffers__offer-bottom .accountOffers__offer-btns a {
    border-radius: 0 0 25px 25px !important;
  }
}
@media (max-width: 1580px) {
  .offersPage .accountOffers__offer-info {
    padding: 20px 40px;
  }
}
@media (max-width: 1280px) {
  .offersPage .accountOffers__offer-info {
    position: absolute;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .offersPage .accountOffers__offer-info {
    padding: 0 20px;
    width: 100%;
    position: static;
  }
}
@media (max-width: 1580px) {
  .offersPage .accountOffers__offer-bottom .accountOffers__offer-info {
    padding: 0 60px;
    top: 30px;
  }
}
@media (max-width: 1280px) {
  .offersPage .accountOffers__offer-bottom .accountOffers__offer-info {
    padding: 0 60px;
    top: 30px;
    position: absolute;
  }
  .offersPage .accountOffers__offer {
    border: none;
    background: none;
  }
  .offersPage .offer__logo-left {
    bottom: 20%;
  }
  .offersPage .offer__logo-right {
    top: 14%;
    right: 10%;
  }
}
@media (max-width: 992px) {
  .offersPage .accountOffers__offer-bottom .accountOffers__offer-info {
    padding: 0 20px;
    position: static;
  }
  .offersPage .accountOffers__offer {
    background-color: rgba(255, 255, 255, 0.1);
    border-width: 2.5px 0px 2.5px 0px;
  }
  .offersPage .offer__logo-right, 
  .offersPage .offer__logo-left {
    width: 200px;
  }
}
@media (max-width: 1280px) {
  .offersPage .accountOffers__offer-bottom {
    margin-top: -23%;
  }
}
@media (max-width: 992px) {
  .offersPage .accountOffers__offer-bottom {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  .bg_img_offer {
    display: none;
  }
}

@media (max-width: 992px) {
  .offer__logo {
    position: static;
    display: block;
    margin: 0 auto;
    height: 200px;
    object-fit: contain;
    margin-bottom: 10px;
  }
}

.burningBet {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  position: relative;
  top: -30px;
}
.burningBet picture {
  margin-left: -80px;
}
@media (max-width: 1350px) {
  .burningBet picture {
    margin-left: 0;
  }
}
@media (max-width: 1125px) {
  .burningBet {
    flex-direction: column;
  }
  .burningBet picture {
    margin-left: 0;
  }
}
.burningBet__main-img {
  width: 500px;
  height: 100%;
  max-height: 900px;
  /* display: block; */
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1125px) {
  .burningBet__main-img {
    width: 100%;
    position: relative;
  }
}
.burningBet .title {
  text-align: left;
  margin: 40px 0 25px;
}
@media (max-width: 992px) {
  .burningBet .title {
    text-align: center;
    margin-top: 0;
  }
}
.burningBet .offers__items {
  justify-content: flex-start;
}
@media (max-width: 1125px) {
  .burningBet .offers__items {
    justify-content: center;
  }
}
@media (max-width: 992px) {
  .burningBet .offers__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1050px) {
  .burningBet .offers__item {
    width: 245px;
  }
}
@media (max-width: 992px) {
  .burningBet .offers__item {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .burningBet .offers__item::before {
    background: url(../images/web-small.png) no-repeat center/contain;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.burningBet .offers__item::after {
  content: "";
  background: url(../images/shadow_item.png) no-repeat center/cover;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}
.offers__casino .offers__item:not(:last-child):after {
  content: "";
  background-image: url(../images/white_shadow.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
.whatIsLoremIpsum {
  margin-top: 45px;
}
.whatIsLoremIpsum p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  margin-top: 30px;
  color: #fff !important;
}
@media (max-width: 992px) {
  .whatIsLoremIpsum {
    margin-top: 10px;
  }
  .whatIsLoremIpsum p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .whatIsLoremIpsum .title {
    text-align: left;
  }
}

.whatIsLoremIpsum p b {
  font-weight: 700;
}
.whatIsLoremIpsum a {
  color: #22ac97 !important;
  text-decoration: underline;
}
.whatIsLoremIpsum__img-block {
  margin-top: 60px;
  display: flex;
  /* gap: 60px; ??? on desktop, offer page, picture & text in 1 column (instead of two) */
}
@media (max-width: 992px) {
  .whatIsLoremIpsum__img-block {
    gap: 27px;
  }
}

.whatIsLoremIpsum ol,
.whatIsLoremIpsum ul {
  margin-top: 25px;
  list-style-type: disc;
  margin-left: 20px;
}
.whatIsLoremIpsum ol li,
.whatIsLoremIpsum ul li {
  padding: 10px 0;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 992px) {
  .whatIsLoremIpsum ol li,
  .whatIsLoremIpsum ul li {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 0;
  }
}
.whatIsLoremIpsum .article__image::after {
  content: "";
  background-image: url(../images/sopli2.svg);
  background-size: cover;
  width: 100%;
  display: block;
  height: 107px;
  position: relative;
  top: -3px;
}
@media (max-width: 768px) {
  .whatIsLoremIpsum .article__image::after {
    display: none;
  }
}

.section-offer {
  background-image: url(../images/bg_offer_page.png);
  background-size: cover;
}

.promo {
  margin-top: 120px;
}
@media (max-width: 992px) {
  .promo {
    width: 96vw;
    left: 52%;
    margin-left: -50vw;
    position: relative;
    margin-top: 35px;
  }
}
.promo__banner {
  padding: 60px;
  background: linear-gradient(75.64deg, #9d4eb3 7%, #6c37b1 35.92%, #310877 85.69%);
  box-shadow: 0px 4px 30px 0px rgba(209, 128, 238, 0.2);
  border-radius: 30px;
  position: relative;
}
@media (max-width: 992px) {
  .promo__banner {
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
    padding: 25px 20px 0;
  }
}
.promo__banner-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 47%;
}
@media (max-width: 1280px) {
  .promo__banner-img {
    width: 42%;
  }
}
@media (max-width: 992px) {
  .promo__banner-img {
    position: relative;
    width: 100%;
  }
}
.promo__banner-title {
  font-size: 96px;
  font-weight: 700;
  line-height: 97.92px;
  width: 50%;
}
@media (max-width: 1280px) {
  .promo__banner-title {
    font-size: 60px;
    line-height: 70px;
    width: 45%;
  }
}
@media (max-width: 992px) {
  .promo__banner-title {
    font-size: 40px;
    line-height: 41px;
    width: 100%;
    text-align: center;
  }
}
.promo__banner-title span {
  color: #22ac97;
}
.promo__items {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
  margin-top: 30px;
}
.promo__items .promo__item {
  margin-bottom: 30px;
}
@media (max-width: 495px) {
  .promo__items .promo__item {
    margin-bottom: 0;
  }
}
.promo__items .promo__item-wrapper {
  padding: 0 10px;
}
.promo__item {
  border-width: 2.5px 0px 2.5px 0px;
  overflow: hidden;
}
.promo__item img {
  width: 100%;
}
.promo__item a {
  box-shadow: 0px -5px 30px 0px rgba(34, 178, 154, 0.6196078431);
  background-color: #22ac97;
  color: #fff;
  text-transform: uppercase;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.promo__item a:hover {
  color: #fff;
}
.promo .btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 396px;
  margin: 45px auto 0;
}
@media (max-width: 576px) {
  .promo .btn-main {
    max-width: calc(100% - 84px);
  }
}

.geo {
  margin-top: 157px;
  display: flex;
  align-items: flex-end;
  gap: 25px;
}
@media (max-width: 1100px) {
  .geo {
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    gap: 10px;
  }
}
.geo__title-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  transform: rotate(-90deg);
  height: max-content;
  width: 150px;
}
@media (max-width: 1100px) {
  .geo__title-wrapper {
    transform: rotate(0);
    width: max-content;
    margin-bottom: 20px;
  }
}
.geo__title {
  font-size: 128px;
  font-weight: 800;
  line-height: 150px;
  height: max-content;
  color: transparent;
  -webkit-text-stroke: 2px #fff;
}
@media (max-width: 1100px) {
  .geo__title {
    font-size: 100px;
    line-height: 117px;
  }
}
.geo__title-contur-green {
  -webkit-text-stroke: 2px #35d2e7;
  position: absolute;
  bottom: 4px;
  left: -3px;
}
@media (max-width: 1100px) {
  .geo__title-contur-green {
    bottom: 3px;
    left: -3px;
  }
}
.geo__title-contur-red {
  -webkit-text-stroke: 2px #67315a;
  position: absolute;
  bottom: 8px;
  left: -6px;
}
@media (max-width: 1100px) {
  .geo__title-contur-red {
    bottom: 5px;
    left: -6px;
  }
}
.geo__title .title-line {
  display: block;
}
.geo__title .title-line::after {
  top: unset;
  bottom: 9px;
}
@media (max-width: 1100px) {
  .geo__title .title-line::after {
    display: block;
  }
}
.geo__title .title-line::before {
  top: unset;
  bottom: 0;
}
@media (max-width: 1100px) {
  .geo__title .title-line::before {
    display: block;
  }
}
.geo__category {
  display: flex;
  border-width: 2.5px 0px 2.5px 0px;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .geo__category {
    width: 100%;
  }
}
.geo__category-icon {
  background: linear-gradient(185.31deg, #9d4eb3 25.25%, #6c37b1 52.2%, #310877 98.59%);
  box-shadow: 0px 4px 30px 0px rgba(209, 128, 238, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 85px;
  width: 100%;
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
}
@media (max-width: 1100px) {
  .geo__category-icon {
    max-width: 70px;
    font-size: 26px;
    line-height: 36px;
  }
}
.geo__category-icon img {
  width: 100%;
  min-width: 110%;
}
.geo__category-info {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  padding: 35px 30px 50px;
}
@media (max-width: 1100px) {
  .geo__category-info {
    row-gap: 25px;
    padding: 20px 20px 35px;
  }
}
.geo__category-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 35.16px;
}
@media (max-width: 1100px) {
  .geo__category-title {
    font-size: 24px;
    line-height: 28px;
  }
}
.geo__category-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 1100px) {
  .geo__category-grid {
    column-gap: 15px;
    row-gap: 20px;
  }
}
.geo__category-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
}
@media (max-width: 1100px) {
  .geo__category-item {
    font-size: 14px;
    line-height: 16px;
  }
}
.geo__category-item img {
  max-width: 35px;
}

.providers {
  margin-top: 140px;
}
@media (max-width: 992px) {
  .providers {
    margin-top: 45px;
  }
}
@media (max-width: 768px) {
  .providers .title {
    font-size: 55px;
  }
}
@media (max-width: 768px) {
  .providers .title span {
    font-size: 48px;
  }
}
.providers__grid {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 992px) {
  .providers__grid {
    margin-top: 35px;
  }
}
@media (max-width: 768px) {
  .providers__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.providers__box .providers__item-content {
  display: none;
  border-width: 2.5px 0px 2.5px 0px;
  width: 100%;
  margin-top: 6px;
  padding: 0;
  resize: none;
  outline: none;
  backdrop-filter: blur(35.8300018311px);
  box-shadow: 0px 0px 31.7px 0px rgba(157, 78, 179, 0.2901960784);
  overflow: hidden;
}
@media (max-width: 768px) {
  .providers__box .providers__item-content {
    /* padding: 20px; */
    height: auto;
  }
}
.providers__box .providers__item-text {
  overflow: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  height: 230px;
  padding: 40px 25px;
}
@media (max-width: 768px) {
  .providers__box .providers__item-text {
    padding: 23px;
  }
}

.providers__box .providers__item-text::-webkit-scrollbar {
  width: 20px !important;
  background-color: #221040 !important;
  border-radius: 0 30px 30px 0 !important;
}
.providers__box .providers__item-text::-webkit-scrollbar-thumb {
  background-color: #60299f !important;
  border-radius: 0 30px 30px 0 !important;
  cursor: grab !important;
}
.providers__item {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 23px;
  position: relative;
  cursor: pointer;
  backdrop-filter: blur(35.8300018311px);
  box-shadow: 0px 0px 31.7px 0px rgba(157, 78, 179, 0.2901960784);
  font-size: 32px;
  font-weight: 600;
  line-height: 37.5px;
}
@media (max-width: 768px) {
  .providers__item {
    padding: 24px;
    font-size: 16px;
    line-height: 19px;
  }
}
.providers__item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px;
  margin: auto;
  height: 165px;
}
@media (max-width: 768px) {
  .providers__item img {
    right: -30px;
    height: 135px;
  }
}

.section-offer {
  overflow: hidden;
}

.section-contacts {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../images/contacts-bg.png") no-repeat center/cover;
}

.contactsPage {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media (max-width: 992px) {
  .contactsPage {
    flex-direction: column;
  }
}
.contactsPage__left-bloc {
  width: 100%;
}
.contactsPage__right-bloc {
  position: relative;
  width: 100%;
  padding: 55px 45px;
  background: linear-gradient(0deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  border-width: 2px 0 2px 0;
  border-radius: 50px;
}
.contactsPage__right-bloc::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url("../images/streams.png") no-repeat center/cover;
}
.contactsPage__right-bloc > form {
  margin-top: 35px;
}
.contactsPage__right-bloc input {
  border-radius: 15px !important;
}
@media (max-width: 992px) {
  .contactsPage__right-bloc {
    padding: 20px 15px;
  }
  .contactsPage__right-bloc > form {
    margin-top: 15px;
  }
}
.contactsPage__right-bloc_title {
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50.4px;
  text-align: center;
  margin-bottom: 15px;
}
.contactsPage__right-bloc_descr {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #c6c8d9;
}
.contactsPage__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contactsPage__item-bloc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  /* align-items: center;
  justify-content: space-between;
   */
}
.contactsPage__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 0;
}
.contactsPage__form .support__form-link {
  margin: auto;
}
.contactsPage__form textarea {
  margin-top: 0;
}
.contactsPage__form .btn-main {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .contactsPage__form .btn-main {
    width: 80%;
  }
}

.curators {
  position: relative;
  width: 100%;
  height: 195px;
  padding: 25px;
  border-width: 2.5px 0 2.5px 0;
  overflow: hidden;
}
.curators__wrapper {
  padding-left: 35%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
.curators
.curators__wrapper a {
  margin-left: 0px;
  z-index: 999;
}
@media (max-width: 560px) {
  .curators {
    padding: 10px;
  }
}
.curators__frog-img {
  position: absolute;
  /* top: 0; */
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 165px;
}
@media (max-width: 576px) {
  .curators__frog-img {
    left: -20px;
  }
}
.curators:first-child .curators__frog-img {
    max-width: 145px;
}
.curators__icon {
  position: absolute;
  right: -50px;
  bottom: -5px;
}
@media (max-width: 576px) {
  .curators__icon {
    right: -23px;
    bottom: -45px;
  }
  /* .curators__icon img {
    max-width: 80px;
  } */
}

.curators__name {
  position: relative;
  /* width: 130px; */
  /* margin-left: auto; */
  font-family: Roboto, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 28.98px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 10px;
  z-index: 10;
}
@media (max-width: 560px) {
  .curators__name {
    width: 100%;
    font-size: 15px;
    width: 85px;
  }
}
.curators > a {
  position: absolute;
  /* display: flex;
  margin-left: auto; */
  right: -25px;
  bottom: -30px;
  width: 130px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  color: rgb(34, 178, 154);
  z-index: 10;
}
@media (max-width: 560px) {
  .curators > a {
    justify-content: end;
    font-size: 14px;
  }
}

.account-news {
  margin: 40px 0;
}
.account-news__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .account-news__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .account-news__items {
    grid-template-columns: 1fr;
  }
}

.accountOffer {
  background-image: url(../images/bg_account-offer.png);
  background-size: cover;
}
.accountOffer__back-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 28.84px;
  color: #22ac97;
  margin: 30px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  width: max-content;
}
@media (max-width: 1570px) {
  .accountOffer__slider img {
    max-height: 15vw;
    object-fit: contain;
  }
}
@media (max-width: 1350px) {
  .accountOffer__slider img {
    max-height: 100%;
  }
}
@media (max-width: 1350px) {
  .accountOffer .bg_img_offer {
    display: none;
  }
}
@media (max-width: 1350px) {
  .accountOffer .accountOffers__offer-top {
    border: 1px solid grey;
    width: calc(100vw - 375px);
    background: linear-gradient(164.3deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 85.71%);
    border-radius: 50px;
    backdrop-filter: blur(35.8300018311px);
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px -2px 4px 0px rgba(255, 255, 255, 0.4);
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1280px) {
  .accountOffer .accountOffers__offer-top {
    width: calc(100vw - 360px);
  }
}
@media (max-width: 992px) {
  .accountOffer .accountOffers__offer-top {
    width: 100%;
  }
}
@media (max-width: 1350px) {
  .accountOffer .accountOffers__offer-btns {
    position: relative;
    order: 3;
    width: 100%;
    margin-top: 43px;
    left: 0;
  }
}
@media (max-width: 992px) {
  .accountOffer .accountOffers__offer-btns a {
    font-size: 15px;
  }
}
.accountOffer .slick-prev,
.accountOffer .slick-next {
  pointer-events: all;
}
.accountOffer .slick-dots {
  margin-top: 20px;
}
.accountOffer__toggle-btns {
  display: flex;
  justify-content: center;
  gap: 22px;
  margin-bottom: 24px;
}
.accountOffer__toggle-btns button {
  outline: none;
  background: none;
  border: none;
  pointer-events: all;
}
.accountOffer__toggle-btns button.active path {
  fill: #22ac97;
}
.accountOffer .accountOffers__offer-info {
  top: 28px;
}
@media (max-width: 1350px) {
  .accountOffer .accountOffers__offer-info {
    position: relative;
    order: 1;
    width: 100%;
    top: 0;
    margin-top: 28px;
  }
}
@media (max-width: 992px) {
  .accountOffer .accountOffers__offer-btns a:first-child {
    border-radius: 0 0 0 40px;
  }
}
@media (max-width: 992px) {
  .accountOffer .geo__category-info {
    row-gap: 20px;
    padding-bottom: 25px;
  }
}
.accountOffer__text-box {
  position: absolute;
  top: 5%;
  right: 35px;
  width: 45%;
}
@media (max-width: 1350px) {
  .accountOffer__text-box {
    position: relative;
    order: 2;
    width: 100%;
    right: 0;
    top: 0;
    padding: 0 20px;
    margin-top: 20px;
  }
}
.accountOffer__text-box__heading {
  display: flex;
  gap: 12px;
}
@media (max-width: 1350px) {
  .accountOffer__text-box__heading {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .accountOffer__text-box__heading { 
    gap: 4px;
  }
}

.accountOffer__text-box__name {
  font-family: Days One, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 49.44px;
  text-align: left;
}
@media (max-width: 1650px) {
  .accountOffer__text-box__name {
    font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width: 992px) {
  .accountOffer__text-box__name {
    font-size: 24px;
    line-height: 50px;
  }
}
.accountOffer__text-box__link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #22ac97;
  text-decoration: underline;
  pointer-events: all;
  text-transform: uppercase;
  font-size: 14px;
}
.accountOffer__text-box__legend {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
}
@media (max-width: 1650px) {
  .accountOffer__text-box__legend {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 1350px) {
  .accountOffer__text-box__legend {
    margin-top: 32px;
    font-size: 16px;
    line-height: 20px;
  }
}
.accountOffer__text-box__text {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  max-height: 20%;
  overflow: auto;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #d1d1d1;
}
@media (max-width: 1650px) {
  .accountOffer__text-box__text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 17px;
  }
}
@media (max-width: 1350px) {
  .accountOffer__text-box__text {
    margin-top: 32px;
    font-size: 16px;
    line-height: 20px;
  }
}
.accountOffer__bottom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
}
@media (max-width: 1350px) {
  .accountOffer__bottom-grid {
    margin-top: 24px;
    display: flex;
    flex-direction: column-reverse;
    gap: 18px;
  }
}
.accountOffer__bottom-grid .geo__category {
  height: max-content;
  border-radius: 50px;
}
.accountOffer__bottom-grid .geo__category:first-child .geo__category-info {
  margin-bottom: -15px;
}
.accountOffer__bottom-grid .geo__category p {
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
  color: #d1d1d1;
}
.accountOffer__bottom-grid .geo__category-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 14px;
}
.accountOffer__bottom-grid .geo__category-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
}
.accountOffer__bottom-grid .geo__category-title-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #fff;
}
.accountOffer__bottom-grid-left {
  display: grid;
  gap: 18px;
  height: max-content;
}
.accountOffer__bottom-grid-right {
  display: grid;
  gap: 18px;
  height: max-content;
  position: relative;
  top: -16vw;
}
@media (min-width: 1920px) {
  .accountOffer__bottom-grid-right {
    top: -16.5vw;
  }
}
@media (max-width: 1750px) {
  .accountOffer__bottom-grid-right {
    top: -15.5vw;
  }
}
@media (max-width: 1650px) {
  .accountOffer__bottom-grid-right {
    top: -15vw;
  }
}
@media (max-width: 1350px) {
  .accountOffer__bottom-grid-right {
    top: 0;
  }
}

.account_notifications__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 40px 0;
}
.account_notifications__message {
  width: 100%;
  min-height: 210px;
  padding: 30px 35px;
  border-width: 2.5px 0 2.5px 0;
}
@media (max-width: 992px) {
  .account_notifications__message {
    padding: 25px 15px;
  }
}

.account_notifications__message-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 580px) {
  .account_notifications__message-header {
    flex-direction: column;
    align-items: start;
    margin-bottom: 25px;
  }
}
.account_notifications__message-block {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .account_notifications__message-block {
    flex-direction: column;
    align-items: start;
  }
}
.account_notifications__message-title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.36px;
  text-align: left;
}
@media (max-width: 992px) {
  .account_notifications__message-title {
    order: 2;
  }
}
.account_notifications__message-new {
  padding: 5px 15px;
  background: linear-gradient(0deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  box-shadow: 0 0 20px 10px rgba(216, 88, 248, 0.3);
  border-radius: 5px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  text-align: center;
}
@media (max-width: 992px) {
  .account_notifications__message-new {
    order: 1;
  }
}
.account_notifications__message-descr {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.88px;
  text-align: left;
  color: rgb(182, 182, 182);
}
.account_notifications__message-data {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: center;
}
.account_notifications__message-data span {
  padding: 0 10px;
  color: rgb(182, 182, 182);
}
.account_notifications__message-data span:first-child {
  border-right: 1px solid rgb(182, 182, 182);
}
@media (max-width: 580px) {
  .account_notifications__message-data span:first-child {
    padding-left: 0;
  }
}

.has-new {
  border-color: #db2efe;
}

.account-promo {
  margin: 40px 0;
  width: 100%;
}
.account-promo__wrapper {
  margin-top: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 120px 35px;
}
.account-promo__link-block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: end;
  width: 362px;
  height: 525px;
  padding: 50px 30px;
  border-width: 2.5px 0 2.5px 0;
}
@media (max-width: 992px) {
  .account-promo__link-block {
    width: 100%;
  }
}
.account-promo__link-img {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 580px) {
  .account-promo__link-img {
    width: 100%;
  }
}
.account-promo__link-text {
  font-family: AA Duke;
  font-size: 64px;
  font-weight: 400;
  line-height: 64px;
  text-align: center;
  text-transform: uppercase;
}
.account-promo__link-text span {
  color: rgb(34, 178, 154);
}
.account-promo .btn-main {
  width: 80%;
  margin: 0 auto;
}

.account-payments .select-wrapper {
  max-width: 24.4%;
}
@media (max-width: 992px) {
  .account-payments .select-wrapper {
    max-width: 100%;
  }
}
.account-payments .table-wrapper table {
  table-layout: fixed;
}
@media (max-width: 768px) {
  .account-payments .table-wrapper table {
    table-layout: auto;
  }
}
.account-payments .table-wrapper table th {
  border-bottom: 2px solid;
  border-color: rgba(255, 255, 255, 0.2);
}
.account-payments [data-tab-target="payments"] td:last-child,
.account-payments [data-tab-target="history_transaction"] td:last-child {
  color: #22ac97;
}
.account-payments .table-total {
  width: 100%;
  margin-top: -10px;
}
@media (max-width: 1440px) {
  .account-payments .table-total {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .account-payments .table-total {
    margin-top: -10px;
  }
}
.account-payments .table-total th,
.account-payments .table-total td,
.account-payments .table {
  border: none;
  padding: 1px 3px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #b3b3b3;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .account-payments .table-total th,
  .account-payments .table-total td,
  .account-payments .table {
    font-size: 9px;
    line-height: 14px;
  }
}
@media (max-width: 992px) {
  .account-payments .table-total th,
  .account-payments .table-total td,
  .account-payments .table {
    font-size: 13px;
    line-height: 20px;
  }
}
.account-payments .account__tabs {
  margin-top: 80px;
}
@media (max-width: 1280px) {
  .account-payments .account__tabs {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .account-payments .account__tabs {
    margin-top: 26px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .account-payments .account__tabs .account__tab:nth-child(1),
  .account-payments .account__tabs .account__tab:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 768px) {
  .account-payments .account__tabs .account__tab:nth-child(3) {
    border-left: 0;
  }
}
.account-payments .pagination {
  margin-top: 36px;
}
@media (max-width: 1570px) {
  .account-payments .dashboard__information-item {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .account-payments .dashboard__information-item {
    padding: 25px;
    flex-direction: column;
    height: 195px;
  }
}
.account-payments .dashboard__information-item__heading {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .account-payments .dashboard__information-item__heading {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .account-payments .dashboard__information-item__heading {
    flex-direction: row;
    width: 100%;
  }
}
.account-payments .dashboard__information-item__icon {
  display: flex;
  align-items: center;
  margin-top: -30px;
}
.account-payments .dashboard__information-item__title {
  font-size: 17px;
}
@media (max-width: 1570px) {
  .account-payments .dashboard__information-item__title {
    margin-left: -15px;
  }
}
@media (max-width: 1280px) {
  .account-payments .dashboard__information-item__title {
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  .account-payments .dashboard__information-item__title {
    font-size: 17px;
    line-height: 20px;
  }
}
.account-payments .dashboard__information-item__group {
  height: max-content;
}
.account-payments .dashboard__information-item__number {
  margin-top: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 30px;
  line-height: 35px;
}
@media (max-width: 1570px) {
  .account-payments .dashboard__information-item__number {
    gap: 6px;
  }
}
@media (max-width: 1440px) {
  .account-payments .dashboard__information-item__number {
    margin-top: -25px;
  }
}
@media (max-width: 1280px) {
  .account-payments .dashboard__information-item__number {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 992px) {
  .account-payments .dashboard__information-item__number {
    gap: 12px;
    font-size: 30px;
    line-height: 35px;
    margin-top: 5px;
  }
}
.account-payments .dashboard__information {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  .account-payments .dashboard__information {
    grid-template-columns: 1fr;
  }
}
.account-payments .info-line {
  margin-top: 40px;
}
@media (max-width: 992px) {
  .account-payments .info-line {
    margin-top: 0;
  }
}

.support__content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-top: 40px;
  gap: 25px;
}
@media (max-width: 992px) {
  .support__content {
    grid-template-columns: 1fr;
  }
}
.support__block {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 35px;
  height: max-content;
}
@media (max-width: 1280px) {
  .support__block {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .support__block {
    padding: 40px 15px;
    border-radius: 30px !important;
  }
}
@media (max-width: 992px) {
  .support__block_mobile {
    padding: 20px 15px 40px;
  }
}
.support__avatar {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.support__avatar img {
  max-width: 125px;
  width: 100%;
}
.support__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  color: #fff;
}
@media (max-width: 1280px) {
  .support__title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 992px) {
  .support__title {
    font-size: 32px;
    line-height: 48px;
  }
}
@media (max-width: 992px) {
  .support__title_small {
    font-size: 24px;
    line-height: 36px;
  }
}
.support__name {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #22ac97;
  text-align: center;
}
.support__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #c6c8d9;
  text-align: center;
  margin-top: 20px;
}
.support__contacts {
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .support__contacts {
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .support__contacts {
    justify-content: center;
    gap: 22px;
    margin-top: 20px;
  }
}
.support__contacts-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.support__contacts-group svg {
  height: 37px;
}
@media (max-width: 1280px) {
  .support__contacts-group svg {
    height: 20px;
  }
}
@media (max-width: 992px) {
  .support__contacts-group svg {
    height: 37px;
  }
}
.support__contacts-group a {
  text-decoration: underline;
  color: #22ac97;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1280px) {
  .support__contacts-group a {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 992px) {
  .support__contacts-group a {
    font-size: 16px;
    line-height: 24px;
  }
}
.support__form {
  display: flex;
  flex-direction: column;
  margin-top: 35px;
}
@media (max-width: 992px) {
  .support__form {
    margin-top: 18px;
  }
}
.support__form input {
  border-width: 2.5px 0px 2.5px 0px;
  height: 74px;
  outline: none;
}
.support__form textarea {
  border-width: 2.5px 0px 2.5px 0px;
  margin-top: 22px;
  outline: none;
  height: 165px;
  resize: none;
}
.support__form input,
.support__form textarea {
  font-size: 18px;
  font-weight: 400;
  line-height: 22.68px;
  color: #fff;
  padding: 28px;
}
.support__form input::placeholder,
.support__form textarea::placeholder {
  color: #fff;
}
.support__form-bottom {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  .support__form-bottom {
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .support__form-bottom {
    gap: 20px;
  }
}
.support__form-bottom-group {
  width: 40%;
}
@media (max-width: 1280px) {
  .support__form-bottom-group {
    width: 100%;
  }
}
.support__form-link {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  width: max-content;
}
.support__form-link span {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  color: #22ac97;
  border-bottom: 1px solid #22ac97;
  text-transform: uppercase;
}
.support__form-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  color: #a8a9b7;
  margin-top: 10px;
}
.support__form .popup {
  max-width: 1200px;
}
#contact-file,
#support_file {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  cursor: pointer;
}
.support .btn-main {
  width: 45%;
  margin-right: 27px;
}
@media (max-width: 1280px) {
  .support .btn-main {
    width: 50%;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .support .btn-main {
    width: calc(100% - 54px);
  }
}

.popup {
  border-width: 2.5px 0px 2.5px 0px;
  backdrop-filter: blur(10px);
  position: relative;
  height: max-content;
  width: 100%;
  border-radius: 35px !important;
  z-index: 99999;
  padding: 73px 40px 107px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 65px;
}
.popup__close {
  position: absolute;
  top: -2px;
  right: 0;
  background: none;
  border: none;
  outline: none;
  width: 64px;
  height: 64px;
  background-color: rgba(34, 178, 154, 0.7803921569);
  box-shadow: -5px 3px 28px 0px rgba(34, 178, 154, 0.7803921569);
  border-radius: 0 35px 0 35px;
  z-index: 5;
  cursor: pointer;
}
.popup__title {
  font-size: 48px;
  font-weight: 900;
  line-height: 55px;
  text-align: left;
  color: #22ac97;
  display: flex;
  gap: 20px;
}
@media (max-width: 992px) {
  .popup__title {
    flex-direction: column;
    align-items: center;
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .popup__title svg {
    width: 60px;
    height: 60px;
  }
}
.popup__title-desc {
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
  color: #22ac97;
}
#page-reload-count,
.popup__title-p {
  margin-top: 40px;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  color: #22ac97;
}
.popup__block {
  border-width: 2.5px 0px 2.5px 0px;
  margin-top: 65px;
  display: grid;
  grid-template-columns: 1fr 1.5fr 3fr;
  padding: 20px 25px;
}
.popup__block-logo img {
  max-width: 214px;
}
@media (max-width: 1280px) {
  .popup__block-logo img {
    max-width: 150px;
  }
  .popup__block {
    grid-template-columns: 1fr;
    margin-top: 14px;
    width: 100%;
    padding: 30px 12px 40px;
    border-radius: 30px !important;
  }
}
@media (max-width: 992px) {
  .popup__block-logo img {
    max-width: 214px;
  }
}
.popup__block-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 35px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  gap: 15px;
}
@media (max-width: 1280px) {
  .popup__block-group {
    border: none;
    padding: 10px;
  }
}
.account-my-links__cards .popup__block {
  border-radius: 35px !important;
}
.account-my-links__cards .btn-main {
  width: 27%;
}
.account-my-links__cards .popup__block-group:nth-child(2) {
  flex-direction: column;
}
.popup__block-group:nth-child(2) {
  flex-direction: row;
}
.popup__block-group:first-child {
  border-left: none;
}
.popup__block-group:last-child {
  border-right: none;
  font-weight: 400 !important;
}
.popup__block-link {
  font-size: 16px;
  font-weight: 600;
  line-height: 34px;
  text-transform: uppercase;
  text-decoration: underline;
}
.popup__block-text {
  font-size: 22px;
  font-weight: 900;
  line-height: 34px;
  text-align: center;
}
.popup__block .input-wrapper {
  border-width: 2.5px 0px 2.5px 0px;
  width: 100%;
  max-width: 100%;
  display: flex;
  padding: 0 20px;
  height: 68px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .popup__block .input-wrapper {
    max-width: 100%;
  }
}
.popup__block .input-wrapper .edit-btn {
  background: none;
  border: none;
  outline: none;
}
.popup__block .input-wrapper input {
  text-overflow: ellipsis;
}
.popup__block .input-wrapper .success-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #22ac97;
  color: #fff;
  width: 50%;
  text-align: center;
  height: max-content;
  padding: 10px;
  border-radius: 15px;
  transition: 0.2s;
  transform: translateY(-200%);
}
.popup__block .input-wrapper .success-message.open {
  transition: 0.2s;
  transform: translateY(0);
}
.popup__block input {
  background: none;
  border: none;
  outline: none;
  max-width: 100%;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.68px;
}
.popup__block .referals__copy-btn {
  background: none;
  border: none;
  outline: none;
}
.popup__block .referals__copy-btn[disabled] {
  filter: grayscale(1);
}
.popup__btns {
  display: flex;
  align-items: center;
  gap: 75px;
  margin-top: 75px;
}
@media (max-width: 992px) {
  .popup__btns {
    width: calc(100% - 54px) !important;
    flex-direction: column;
    gap: 16px;
    margin-top: 35px;
  }
}
@media (max-width: 992px) {
  .popup__btns button {
    min-width: auto;
    width: 100% !important;
    max-width: 100%;
  }
}

.modal-dialog {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile {
  background-image: url(../images/bg_account_profile.png);
  background-size: cover;
}
.profile__content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-top: 40px;
  gap: 25px;
}
@media (max-width: 992px) {
  .profile__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1280px) {
  .profile__left .btn-opacity {
    min-width: 200px;
  }
}
.profile__logout {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 33px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile__avatar {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  overflow: hidden;
}
.profile__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.profile__contact {
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.profile .button__logout {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  color: #22ac97;
  background: none;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  text-transform: uppercase;
}
.profile__info {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  gap: 7px;
}
@media (max-width: 1280px) {
  .profile__info {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .profile__info {
    flex-direction: row;
  }
}
.profile__info-item {
  border-width: 2.5px 0px 2.5px 0px;
  width: 100%;
  padding: 33px 28px 30px 20px;
  position: relative;
}
@media (max-width: 992px) {
  .profile__info-item {
    padding: 20px;
  }
}
@media (max-width: 420px) {
  .profile__info-item {
    padding: 10px;
  }
}
.profile__info-item::before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -40px;
  left: -40px;
}
.profile__info-item:nth-child(1) {
  border-color: rgba(34, 172, 151, 0.6);
}
.profile__info-item:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='119' height='117' viewBox='0 0 119 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_566)'%3E%3Cpath d='M37 57C37 45.9543 45.9543 37 57 37H70.6327C77.2601 37 82.6327 42.3726 82.6327 49V68C82.6327 74.6274 77.2601 80 70.6327 80H49C42.3726 80 37 74.6274 37 68V57Z' fill='%2322AC97'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_566' x='0.900002' y='0.900002' width='117.833' height='115.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='18.05' result='effect1_foregroundBlur_1_566'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.profile__info-item:nth-child(2) {
  border-color: rgba(255, 143, 31, 0.6);
}
.profile__info-item:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='119' height='117' viewBox='0 0 119 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_571)'%3E%3Cpath d='M37 57C37 45.9543 45.9543 37 57 37H70.6327C77.2601 37 82.6327 42.3726 82.6327 49V68C82.6327 74.6274 77.2601 80 70.6327 80H49C42.3726 80 37 74.6274 37 68V57Z' fill='%23E19A00'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_571' x='0.900002' y='0.900002' width='117.833' height='115.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='18.05' result='effect1_foregroundBlur_1_571'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.profile__info-item:nth-child(3) {
  border-color: rgba(250, 112, 136, 0.6);
}
.profile__info-item:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='119' height='117' viewBox='0 0 119 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_576)'%3E%3Cpath d='M37 57C37 45.9543 45.9543 37 57 37H70.6327C77.2601 37 82.6327 42.3726 82.6327 49V68C82.6327 74.6274 77.2601 80 70.6327 80H49C42.3726 80 37 74.6274 37 68V57Z' fill='%23FA7088'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_576' x='0.900002' y='0.900002' width='117.833' height='115.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='18.05' result='effect1_foregroundBlur_1_576'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.profile__info-item__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  color: #d0d0d0;
  text-transform: uppercase;
}
.profile__info-item__val {
  font-size: 32px;
  font-weight: 500;
  line-height: 37.5px;
  color: #bf50ff;
  text-shadow: 0px 0px 15.4px rgba(201, 48, 241, 0.5607843137);
  margin-top: 10px;
  text-wrap: nowrap;
}
@media (max-width: 992px) {
  .profile__info-item__val {
    font-size: 24px;
    line-height: 28px;
  }
}
.profile__help {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-width: 2.5px 0px 2.5px 0px;
  padding: 45px 20px 60px;
  margin-top: -45px;
}
@media (max-width: 768px) {
  .profile__help {
    margin-top: -35px;
  }
}
.profile__help-box img {
  max-width: 466px;
}
@media (max-width: 1280px) {
  .profile__help-box img {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .profile__help-box img {
    display: block;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .profile__help-box img {
    max-width: 366px;
  }
}
.profile__help-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  color: #fff;
}
.profile__help-text {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.16px;
  color: #b5b5b5;
  text-align: center;
}
.profile__help a {
  display: flex;
  align-items: center;
  margin-top: 35px;
}
.profile__help .btn-opacity {
  margin-top: 35px;
}
.profile__right {
  border-width: 2.5px 0px 2.5px 0px;
}
@media (max-width: 1280px) {
  .profile__right .form__grid {
    grid-template-columns: 1fr;
  }
}
.profile .account__tabs {
  border-top: 0;
  border-radius: 15px 15px 0 0;
}
.profile .form {
  margin-top: 0;
  padding: 50px 35px 20px;
}
@media (max-width: 1440px) {
  .profile .form {
    padding: 30px 15px 0;
  }
}
.profile .form .btn-main {
  margin-top: 50px;
}
@media (max-width: 1440px) {
  .profile .form .btn-main {
    margin-top: 30px;
    width: calc(100% - 54px);
  }
}
.profile .payment-details__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px;
}
@media (max-width: 1440px) {
  .profile .payment-details__group {
    grid-template-columns: 1fr;
  }
}
.profile__payment-details {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 20px 20px 30px;
}
.profile__payment-details__heading {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2392156863);
  display: flex;
  justify-content: space-between;
}
.profile__payment-details__heading img {
  max-width: 92px;
}
.profile__payment-details__heading .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.profile__payment-details__body {
  padding-top: 24px;
}
.profile__payment-details__body .input__group {
  margin-top: 6px;
  position: relative;
}
.profile__payment-details__body .input__group svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 13px;
}
.profile__payment-details__body .input__group input {
  width: 100%;
  padding: 0 20px 0 50px;
  height: 54px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-overflow: ellipsis;
}
.profile__payment-details__body .text {
  margin-top: 23px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  color: #22ac97;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile .input__group-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.profile .input__group-box .input__group {
  position: relative;
}
.profile .input__group-box .input__group svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  cursor: pointer;
}
.profile .input__group-box input {
  height: 74px;
  width: 100%;
}

.referals {
  height: 100vh;
  background-image: url(../images/bg_account-courses.png);
  background-size: cover;
}
.referals .account-referals {
  margin-top: 40px;
}
.referals__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 27.04px;
  color: #cacaca;
}
@media (max-width: 992px) {
  .referals__desc {
    font-size: 14px;
    line-height: 19px;
  }
}
.referals__block {
  border-width: 2.5px 0px 2.5px 0px;
  padding: 34px 32px 50px;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .referals__block {
    padding: 0;
    border: none;
    background: none;
    margin-top: 26px;
  }
}
@media (max-width: 1570px) {
  .referals__block .clue__text {
    width: 40vw;
    right: 0;
    left: unset;
  }
}
@media (max-width: 1280px) {
  .referals__block .clue__text {
    width: 40vw;
    right: 0;
    left: unset;
  }
}
@media (max-width: 576px) {
  .referals__block .clue__text {
    width: 70vw;
    right: 0;
    left: unset;
  }
}
.referals .input-wrapper {
  border-width: 2.5px 0px 2.5px 0px;
  width: 100%;
  max-width: 540px;
  display: flex;
  padding: 0 20px;
  height: 68px;
  margin-top: 12px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .referals .input-wrapper {
    max-width: 100%;
  }
}
.referals .input-wrapper input {
  text-overflow: ellipsis;
}
.referals .input-wrapper .success-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #22ac97;
  color: #fff;
  width: 50%;
  text-align: center;
  height: max-content;
  padding: 10px;
  border-radius: 15px;
  transition: 0.2s;
  transform: translateY(-200%);
}
.referals .input-wrapper .success-message.open {
  transition: 0.2s;
  transform: translateY(0);
}
.referals input {
  background: none;
  border: none;
  outline: none;
  max-width: 100%;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.68px;
}
.referals__copy-btn {
  background: none;
  border: none;
  outline: none;
}
.referals__copy-btn[disabled] {
  filter: grayscale(1);
}
.referals .calendar-range {
  max-width: 540px;
}
@media (max-width: 1280px) {
  .referals .calendar-range {
    max-width: 100%;
  }
}
.referals .calendar-range-row {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-top: 18px;
}
@media (max-width: 1280px) {
  .referals .calendar-range-row {
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.referals__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}
.referals__item {
  border-width: 2.5px 0px 2.5px 0px;
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr 2fr;
  height: 95px;
  padding: 17px 0;
}
@media (max-width: 1280px) {
  .referals__item {
    grid-template-columns: 1fr;
    height: auto;
    padding: 40px;
    gap: 15px;
  }
}
@media (max-width: 429px) {
  .referals__item {
    padding: 20px;
  }
}
.referals__item-group {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1280px) {
  .referals__item-group {
    border: none;
  }
}
.referals__item-group:first-child {
  border-left: none;
}
.referals__item-group:last-child {
  border-right: none;
  font-weight: 400 !important;
}
.referals__item .referals__text {
  color: #fff;
  font-weight: 500;
}
.referals__item-status {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: uppercase;
}
.referals__item-status img {
  margin-right: 10px;
}
.referals__item-value {
  font-size: 32px;
  font-weight: 500;
  line-height: 37.5px;
  color: #bf50ff;
  text-shadow: 0px 0px 15.4px rgba(201, 48, 241, 0.5607843137);
  margin-left: 12px;
  text-wrap: nowrap;
}
@media (max-width: 429px) {
  .referals__item-value {
    font-size: 26px;
  }
}

.courses {
  background-image: url(../images/bg_account-courses.png);
  background-size: cover;
}
.courses__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  color: #fff;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .courses__title {
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    margin-top: 28px;
  }
}
.courses__list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 305px;
}
@media (max-width: 992px) {
  .courses__list {
    margin-top: 18px;
    min-height: 270px;
  }
}
.courses__list-empty {
  display: none;
  font-family: AA Duke;
  font-size: 128px;
  font-weight: 400;
  line-height: 128px;
  text-align: left;
  color: rgba(255, 255, 255, 0.0901960784);
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .courses__list-empty {
    font-size: 80px;
    line-height: 90px;
  }
}
.courses__list-empty span {
  color: rgba(34, 172, 151, 0.1882352941);
}
.courses__list-item {
  border-width: 2.5px 0px 2.5px 0px;
  height: 95px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
}
@media (max-width: 1280px) {
  .courses__list-item {
    grid-template-columns: 1fr;
    height: auto;
    padding: 40px;
    gap: 15px;
    border-radius: 30px !important;
  }
}
@media (max-width: 992px) {
  .courses__list-item {
    padding: 30px 15px 40px;
    gap: 18px;
  }
}
@media (max-width: 429px) {
  .courses__list-item {
    padding: 20px;
  }
}
.courses__list-item__group {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
@media (max-width: 1280px) {
  .courses__list-item__group {
    border: none;
  }
}
.courses__list-item__group:first-child {
  border-left: none;
}
.courses__list-item__group:last-child {
  border-right: none;
  font-weight: 400 !important;
}
.courses__list-item__group .text__wrapper {
  text-align: center;
}
.courses__list-item__text_small {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.66px;
  color: #c0c0c0;
}
.courses__list-item__text_big {
  font-size: 15px;
  font-weight: 600;
  line-height: 17.85px;
  color: #fff;
}
.courses__list-item__status {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1280px) {
  .courses__list-item__status {
    margin-left: -20px;
  }
}
.courses__list-item__status img {
  margin-right: 10px;
  margin-top: -3px;
}
@media (max-width: 992px) {
  .courses__list-item__status img {
    margin-right: 0;
  }
}
.courses__list-item button {
  background-color: #22ac97;
  box-shadow: -5px 0px 30.6px 0px rgba(34, 172, 151, 0.3294117647);
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-family: "Days One", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 19.09px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.courses__list-item button::after,
.courses__list-item button::before {
  display: none;
}
@media (max-width: 1280px) {
  .courses__list-item button::after,
  .courses__list-item button::before {
    display: block;
  }
}
@media (max-width: 1280px) {
  .courses__list-item button {
    height: 70px;
  }
}
@media (max-width: 992px) {
  .courses__list-item button {
    margin-top: 20px;
    width: calc(100% - 54px);
  }
}
.courses .slider-wrapper {
  margin-bottom: 40px;
}
.courses .slider__heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  margin: 40px 0;
}
@media (max-width: 992px) {
  .courses .slider__heading {
    font-size: 20px;
    line-height: 30px;
    margin: 30px 0;
  }
}
.courses .slick-slide {
  margin-right: 15px;
}
@media (max-width: 679px) {
  .courses .slick-slide {
    margin-right: 0;
  }
}
.courses .article-card__img {
  height: auto;
}

.account-links {
  margin: 40px 0;
}
.account-links__wrapper {
  /* display: flex;
  flex-wrap: wrap;
  align-items: start; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
@media (max-width: 2030px) {
  .account-links__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1600px) {
  .account-links__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .account-links__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.account-links__item {
  position: relative;
  padding: 23px;
  min-width: 305px;
  min-height: 185px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-width: 2.5px 0 2.5px 0;
  border-radius: 35px !important;
  /* transition: all 0.3s ease-in-out; */
}
.account-links__step-3 {
  /* position: relative;
  display: flex;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px 30px;
  z-index: 10;
  margin-bottom: 60px;
}
@media (max-width: 2030px) {
  .account-links__step-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1600px) {
  .account-links__step-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .account-links__step-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.account-links__step-3 .radio-custom {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 11;
}
.account-links__items-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-width: 305px;
  height: 314px;
  border-radius: 30px !important;
  border-width: 2.5px 0 2.5px 0;
}
.account-links__items-2 .custom-radio {
  position: absolute;
  top: 20px;
  left: 20px;
}
.account-links__step-3-img {
  position: relative;
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  border-radius: 30px;
  z-index: -1;
}
.account-links__btn {
  width: 100%;
  height: 53px;
  background: transparent;
  border: none;
  border-top: 1px solid rgb(34, 178, 154);
  font-family: "Days One", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: rgb(34, 178, 154);
  transition: 0.3s all ease-in-out;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.account-links__btn:hover {
  background: rgb(34, 178, 154);
  color: #fff;
  transition: 0.3s all ease-in-out;
}
.account-links__add {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  margin-bottom: 25px;
}
.account-links .btn-main {
  display: block;
  width: 320px;
  margin: 0 auto;
}
@media (max-width: 560px) {
  .account-links .btn-main {
    width: 80%;
  }
}
.link-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0 23px 23px;
  z-index: 20;
  backdrop-filter: blur(10px);
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  border-width: 0 0 2.5px 0;
  border-style: solid;
  border-color: rgb(34, 178, 154);
}
.link-dropdown__option {
  padding: 13px;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
}
.link-dropdown__option:last-child {
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}
.link-dropdown label {
  text-transform: uppercase;
}
.link-dropdown__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.link-dropdown__procent {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background: linear-gradient(0deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  box-shadow: 0 0 20px 20px rgba(216, 88, 248, 0.1);
  border-radius: 5px;
}

.active-link {
  position: relative;
  border-color: rgb(34, 178, 154);
}
.active-link::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/large-glowing-circle.png") no-repeat center/cover;
  z-index: -1;
}

.account-links__item.active-link {
  border-bottom: none;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.account-links__items-2.active-item-2 {
  border-color: rgb(34, 178, 154);
}

#newLinkCreate .popup,
#custom_diplink_popup .popup {
  max-width: 1200px;
  gap: 0;
}
@media (max-width: 1280px) {
  #newLinkCreate .popup,
  #custom_diplink_popup .popup {
    max-width: 90vw;
  }
}
@media (max-width: 992px) {
  #newLinkCreate .popup,
  #custom_diplink_popup .popup {
    padding: 50px 30px;
  }
}

#custom_diplink_popup .popup__title {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-size: 48px;
  font-weight: 900;
  line-height: 55px;
  text-align: center;
  color: #fff;
}
@media (max-width: 992px) {
  #custom_diplink_popup .popup__title {
    font-size: 30px;
    line-height: 40px;
  }
}

#custom_diplink_popup .popup__title span {
  font-size: 32px;
  font-weight: 400;
  line-height: 55px;
  text-align: center;
}
@media (max-width: 992px) {
  #custom_diplink_popup .popup__title span {
    font-size: 24px;
    line-height: 34px;
  }
}

#custom_diplink_popup .popup__desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  text-align: center;
  color: #bfbfbf;
  margin-top: 40px;
}
@media (max-width: 992px) {
  #custom_diplink_popup .popup__desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 992px) {
  #custom_diplink_popup .popup__close {
    width: 54px;
    height: 54px;
  }
}

#custom_diplink_popup .popup__form {
  margin-top: 48px;
  width: 100%;
}
@media (max-width: 992px) {
  #custom_diplink_popup .popup__form {
    margin-top: 30px;
  }
}
#custom_diplink_popup .popup__form .input-wrapper {
  border-width: 2.5px 0px 2.5px 0px;
  width: 100%;
  max-width: 800px;
  display: flex;
  padding: 0 20px;
  height: 68px;
  margin: 12px auto 0;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1280px) {
  #custom_diplink_popup .popup__form .input-wrapper {
    max-width: 100%;
  }
}
#custom_diplink_popup .popup__form .input-wrapper input {
  text-overflow: ellipsis;
}
#custom_diplink_popup .popup__form .input-wrapper .success-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #22ac97;
  color: #fff;
  width: 50%;
  text-align: center;
  height: max-content;
  padding: 10px;
  border-radius: 15px;
  transition: 0.2s;
  transform: translateY(-200%);
}
#custom_diplink_popup .popup__form .input-wrapper .success-message.open {
  transition: 0.2s;
  transform: translateY(0);
}
#custom_diplink_popup .popup__form input {
  background: none;
  border: none;
  outline: none;
  max-width: 100%;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.68px;
}
@media (max-width: 992px) {
  #custom_diplink_popup .popup__form input {
    font-size: 16px;
  }
}
#custom_diplink_popup .popup__form .referals__copy-btn {
  background: none;
  border: none;
  outline: none;
  pointer-events: none;
}
#custom_diplink_popup .popup__form .referals__copy-btn[disabled] {
  filter: grayscale(1);
}
#custom_diplink_popup .popup__form .btn-main {
  margin-top: 70px;
}
@media (max-width: 992px) {
  #custom_diplink_popup .popup__form .btn-main {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  #custom_diplink_popup .popup__form .btn-main {
    width: calc(100% - 54px);
  }
}

* {
  color: rgb(249, 250, 251);
  box-sizing: border-box;
}

a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: rgb(34, 178, 154);
  transition: 0.3s all ease-in-out;
}

body {
  position: relative;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #0f0926;
  font-family: "Roboto", sans-serif;
}
body.modal-open .main {
  opacity: 1;
}

.section-body {
  padding: 250px 0 155px;
}
@media (max-width: 992px) {
  .section-body {
    padding: 158px 0 50px;
  }
}

.select-wrapper {
  position: relative;
  gap: 10px;
}

.select-wrapper::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6673 1L6.00065 5.66667L1.33398 1' stroke='%2322AC97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  pointer-events: none;
}
.account .header .select-wrapper::after {
  display: none;
}
.text-green {
  color: #22ac97;
}

.text-red {
  color: rgba(255, 64, 67, 0.8980392157);
}

.text-orange {
  color: #ff8f1f;
}

.container-account {
  padding: 0 30px;
  max-width: calc(100vw - 345px) !important;
}
@media (max-width: 1280px) {
  .container-account {
    padding: 0 15px;
    max-width: calc(100vw - 335px) !important;
  }
}
@media (max-width: 992px) {
  .container-account {
    padding: 0 0 64px;
    max-width: 100% !important;
  }
}

.hidden {
  opacity: 0;
  position: absolute;
  top: 0;
  pointer-events: none;
  visibility: hidden;
}

@media (max-width: 1280px) {
  .pagination {
    margin-top: 34px;
  }
}
@media (max-width: 768px) {
  .pagination {
    border: none;
    background: none;
    gap: 24px;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .pagination__pages-wrapper {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .pagination ul {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .pagination li {
    width: 100% !important;
    height: 55px !important;
  }
}
@media (max-width: 768px) {
  .pagination li svg {
    width: 65px !important;
    height: 55px !important;
  }
}
@media (max-width: 768px) {
  .pagination li:first-child svg,
  .pagination li:last-child svg {
    width: 55px !important;
  }
}
.pagination__sopli {
  width: 100%;
  height: 60px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .pagination__sopli {
    display: none;
  }
}

.select-wrapper {
  overflow: hidden;
  border-width: 2.5px 0px 2.5px 0px;
  height: 74px;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 1440px) {
  .select-wrapper {
    padding: 0 15px;
    height: 60px;
    font-size: 14px;
  }
}

select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2d2443;
  border: none;
  padding-left: 20px;
  margin-left: -20px;
}

.clue {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  height: 25px;
  width: 25px;
  display: flex;
  position: relative;
}
.clue__text {
  padding: 26px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #d1d1d1;
  border-width: 2.5px 0px 2.5px 0px;
  position: absolute;
  z-index: 5;
  width: 20vw;
  top: 30px;
  left: -10vw;
  background-color: #201a2e;
  text-align: left;
  display: none;
}

.info-line {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .info-line {
    flex-direction: column;
    gap: 10px;
  }
}
.info-line__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  color: #7d8993;
  display: flex;
  align-items: center;
}
.info-line__text span {
  font-weight: 700;
  color: #7d8993;
  margin-left: 9px;
}
.info-line img {
  max-width: 75px;
  min-width: 75px;
  margin-left: 9px;
  margin-top: -3px;
  filter: grayscale(1);
}
.info-line button {
  margin-left: 9px;
  margin-top: -3px;
}
@media (max-width: 768px) {
  .info-line button {
    display: none;
  }
}
.info-line__divider {
  width: 1px;
  height: 14px;
  background-color: #7e8b94;
  margin: 0 10px;
}
@media (max-width: 768px) {
  .info-line__divider {
    display: none;
  }
}

.input-error {
  border-color: red !important;
}

/*# sourceMappingURL=main.css.map */
.nav-link.active {
  color: #22b29a;
}
#open-promo-preview img {
  width: 100%;
  max-width: 800px;
}
@media (max-width: 768px) {
  #open-promo-preview .popup {
    padding: 75px 25px;
  }
}

#contacts-form-confirm .popup {
  max-width: 900px;
}
#popup_download_confirm .popup {
  max-width: 1200px;
}
@media (max-width: 992px) {
  #contacts-form-confirm .popup {
    max-width: 90vw;
    gap: 30px;
  }
}
.account-menu {
  display: none;
}
@media (max-width: 992px) {
  .account-menu {
    display: block;
    width: 100%;
    max-width: 360px;
  }
}
.account-menu {
  position: fixed;
  top: 0;
  right: 0;
  border-width: 2.5px 0px 2.5px 0px;
  border-radius: 15px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  padding: 12px 28px 35px;
  background-color: #1b1b1b80;
  transform: translateX(200%);
  transition: 0.5s;
}
@media (max-height: 970px) {
  .account-menu {
    overflow: auto;
    height: calc(100vh - 15px);
  }
}

.account-menu.open {
  transform: translateX(0);
  transition: 0.5s;
}
.account-menu-heading {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #9b9b9b;
  gap: 9px;
  text-transform: uppercase;
}
.account-menu-close {
  background: none;
  outline: none;
  border: none;
  padding: 0;
}
@media (max-width: 992px) {
  .account__nav {
    margin-top: 20px;
  }
}

.account__nav .inner-list {
  display: none;
  padding-bottom: 12px;
}
.account-menu .select-wrapper {
  margin-top: 35px;
}
.account-menu .select-wrapper select option {
  background-color: #231f2f !important;
}
.account-menu-footer {
  display: flex;
  margin-top: 35px;
  align-items: center;
  gap: 14px;
}
.account-menu-footer .dropdown-lan .dropdown-toggle {
  display: block;
}
.account-menu-footer .btn-opacity {
  min-width: auto;
  height: 40px;
  font-size: 12px;
  line-height: 15.28px;
  letter-spacing: 0.03em;
  width: 100%;
}
.account-menu .account__nav-item {
  padding: 0;
}
.account-menu .account__nav-link {
  font-size: 20px;
  padding: 14px 0;
}
.account__nav-item .inner-list {
  /* display: none !important; */
}
.account-menu .account__nav-item .inner-list__item {
  width: max-content;
  margin-right: 50px;
  margin-left: auto;
}
.account-menu .account__nav-item .inner-list__link {
  padding: 4px 0;
  display: block;
  margin: 15px 0 5px;
  text-align: right;
}
.account__nav-item__offers .inner-list {
  display: none !important;
}
.account-menu .account__nav-item {
  position: relative;
}
.account-menu .account__nav-item.arrow .account__nav-link::after {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 15px;
  height: 10px;
}
.account .header {
  z-index: 1000;
}
.popup__block-text.text-gray {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  color: rgb(182, 182, 182);
  text-transform: uppercase;
}
.popup__block-text.text-active {
  position: relative;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  color: rgb(34, 178, 154);
}
.popup__block-text.text-active::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgb(34, 178, 154);
}
.popup__block-text.text-not-active {
  position: relative;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  color: red;
}
.popup__block-text.text-not-active::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
@media (max-width: 1280px) {
  .popup__block-text.text-not-active::before,
  .popup__block-text.text-active::before {
    top: 8px;
  }
}
.popup__block__btns-grup {
  width: 100%;
  margin-left: 45px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px 55px;
}
@media (max-width: 1700px) {
  .popup__block__btns-grup {
    flex-wrap: wrap;
  }
  .popup__block__btns-grup .btn-main {
    width: 90%;
  }
}
@media (max-width: 1280px) {
  .popup__block__btns-grup {
    margin-left: 0;
    justify-content: center;
  }
}
.popup__block-group--grid {
  display: flex;
}
@media (max-width: 1280px) {
  .popup__block-group.popup__block-group--grid {
    display: grid;
    grid-template-columns: auto 70%;
    gap: 10px;
  }
  .popup__block-group--grid .popup__block-text {
    align-self: start;
    text-align: left;
  }
  .popup__block-group--grid .text-not-active,
  .popup__block-group--grid .text-active {
    line-height: 27px;
    margin-left: 15px;
  }
}
.account-my-links__not-links {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .account-my-links__not-links {
    flex-direction: column;
    align-items: center;
  }
}
.account-my-links__not-links-title {
  font-family: AA Duke;
  font-size: 128px;
  font-weight: 400;
  line-height: 128px;
  text-align: left;
  opacity: 0.3;
  text-transform: uppercase;
}
@media (max-width: 1170px) {
  .account-my-links__not-links-title {
    font-size: 50px;
    line-height: 100px;
  }
}
.account-my-links__not-links-title span {
  color: rgb(34, 178, 154);
}
.account-my-links__not-links img {
  width: 50%;
}
@media (max-width: 1280px) {
  .account-my-links .accountOffers__heading {
    display: flex;
    flex-direction: column;
  }
}
.account-links__items-2_btns {
  display: flex;
}
.account-links__items-2_btns .account-links__btn {
  border-radius: 0;
}
.account-links__items-2_btns .account-links__btn.account-links__btn:first-child {
  border-bottom-left-radius: 30px !important;
  border-right: 1px solid rgba(34, 178, 154, 1);
}
.account-links__items-2_btns .account-links__btn.account-links__btn:last-child {
  border-bottom-right-radius: 30px !important;
  border-left: 1px solid rgba(34, 178, 154, 1);
}
.account-links__bottom-btns {
  display: flex;
  justify-content: center;
  gap: 65px;
}
@media (max-width: 560px) {
  .account-links__bottom-btns {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
.account-links__bottom-btns .btn-main {
  width: 300px;
}
@media (max-width: 1280px) {
  .banners-account .sort {
    height: auto;
    flex-wrap: wrap;
    gap: 15px;
  }
  .banners-account .sort__count {
    margin-left: 15px;
  }
  .sort__left-bloc {
    flex-wrap: wrap;
  }
}
#register_form input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 25%;
  height: auto;
  opacity: 0;
}
#register_form input:not([type="radio"]),
#login_form input:not([type="radio"]) {
  -webkit-box-shadow: 0 0 0 50px #252042 inset;
  background-clip: text;
  -webkit-text-fill-color: white;
  caret-color: #c030ec;
}
.account.profile #popup_send_question .modal-content.popup,
.modal-content.support__block.support__block_mobile.popup {
  max-width: 800px;
}
@media(max-width: 992px) {
  .account.profile #popup_send_question .modal-content.popup,
  .modal-content.support__block.support__block_mobile.popup {
    max-width: 650px;
  }
}

.modal-content.support__block.support__block_mobile.popup .btn-main{
  max-width: 50%;
  width: 100%;
}
@media(max-width: 1280px) {
  .modal-content.support__block.support__block_mobile.popup .btn-main{
    max-width: 100%;
  }
}

.account.profile #popup_send_question .modal-content.popup .popup__title {
  display: grid;
  text-align: center;
}
.account.profile #popup_send_question .modal-content.popup .popup__title svg {
  margin: auto;
}
@media(max-width: 992px) {
  .account.profile #custom_popup_send_question, 
  .account.profile #popup_send_question {
    padding-left: 17px;
  }
}

.support__form input:not([type="radio"]) {
  -webkit-box-shadow: 0 0 0 50px #4c4854 inset;
  background-clip: text;
  -webkit-text-fill-color: white;
}
form[data-tab-target="change-password"] input:not([type="radio"]),
form[data-tab-target="profile"] input:not([type="radio"]) {
  -webkit-box-shadow: 0 0 0 50px #443c5a inset;
  background-clip: text;
  -webkit-text-fill-color: white;
}
.file-names .file-item {
  margin-top: 10px;
}
.file-names .file-item .file-name {
  color: #22ac97;
}
.file-names .file-item .remove-file {
  color: red;
  margin-left: 14px;
  cursor: pointer;
  font-size: 16px;
    font-weight: bold;
}
.banner_popup {
  max-width: 800px;
  
}
.color_white {
  color: #fff !important;
}
/* input[type="password"], 
input[type="tel"], 
#input_theme {
  -webkit-box-shadow: 0 0 0 50px #252042 inset;
  background-clip: text;
  -webkit-text-fill-color: white;
  caret-color: #c030ec;
}
form [data-tab-target="profile"] {

}
#443c5a */
@media (max-width: 768px) {
  .our-blog.p-b {
      padding-bottom: 0px;
  }
}
#popup_get_script .popup{
  max-width: 70%;
  margin: auto;
}
@media(max-width: 768px) {
  #popup_get_script .popup{
    max-width: 90%;
  }
}

.add-avatar {
  display: inline;
}
#upload-success {
  display: none;
  color: #22AC97;
}

.modal-share {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.417);
}

.modal-share-content {
  margin: 10% auto;
  padding: 20px;
  border-radius: 5px;
  width: 560px;
  text-align: center;
  background: linear-gradient(339.93deg, #db2efe 8.22%, #6c37b1 57.47%, #430877 125.48%);
  box-shadow: 0px 0px 25.4px 0px #c02bea;
}
.close-share {
  float: right;
  font-size: 20px;
  cursor: pointer;
}

.modal-share-content h2 {
  margin-bottom: 25px;

}
.jssocials-share {
  width: 60px;
}
#shareModal .jssocials-shares {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
}
#shareModal .jssocials-share-linkedin i:before {
  content: ' ';
  display: inline-block;
  flex-direction: column;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("https://prav.ugc-up.com/whitecore/images/linkedin.png") no-repeat center/contain;
}
#shareModal .jssocials-share-facebook i:before {
  content: ' ';
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("https://prav.ugc-up.com/whitecore/images/Facebook.png") no-repeat center/contain;
}
#shareModal .jssocials-share-twitter i:before {
  content: ' ';
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("https://prav.ugc-up.com/whitecore/images/Twitter.png") no-repeat center/contain;
}
#shareModal .jssocials-share-telegram i:before {
  content: ' ';
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("https://prav.ugc-up.com/whitecore/images/Telegram.png") no-repeat center/contain;
}
#shareModal .jssocials-share-whatsapp i:before {
  content: ' ';
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("https://prav.ugc-up.com/whitecore/images/Vector.png") no-repeat center/contain;
}
#shareModal .jssocials-share-viber i:before {
  content: ' ';
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("https://prav.ugc-up.com/whitecore/images/Viber.png") no-repeat center/contain;
}

@media (max-width: 620px) {
  .modal-share-content {
    width: 300px;
  }
  .jssocials-share {
    width: 50px;
  }
  #shareModal .jssocials-share-linkedin i:before,
  #shareModal .jssocials-share-facebook i:before,
  #shareModal .jssocials-share-twitter i:before,
  #shareModal .jssocials-share-telegram i:before,
  #shareModal .jssocials-share-whatsapp i:before,
  #shareModal .jssocials-share-viber i:before {
    width: 30px;
    height: 30px;
  }
}
.offers .slick-dots {
  margin-bottom: 40px;
}
.offers .slick-next {
  right: -300px;
}
.offers .slick-prev {
  left: -300px;
}

/* .seo__descr p {
  margin-bottom: 10px ;
}
.seo__descr b {
  font-weight: 800 ;
}
.seo__descr ol {
  list-style-type: decimal;
  margin-bottom: 10px;
}
.seo__descr ul {
  list-style-type: disc;
}
.seo__descr li {
  margin-left: 30px;
} */