.title_color{
  color: #FFFFFF;
}
.max_w_339 {
  max-width: 339px;
}
.max_w_344 {
  max-width: 344px;
}
.max_w_410 {
  max-width: 410px;
}
.min_h_140 {
  height: 140px;
}
.centered_absolute {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gap_16 {
  gap: 16px;
}
.gap_32 {
  gap: 32px;
}
.w_100p {
  width: 100%;
}
.w_200 {
  width: 200px;
}
.w_260 {
  width: 260px;
}
.w_350 {
  width: 350px;
}
.wh_24 {
  width: 24px;
  height: 24px;
}
.wh_45_25 {
  width: 45px;
  height: 25px;
}
.wh_60 {
  width: 60px;
  height: 60px;
}
.max_w_408 {
  max-width: 408px;
}
.h_64 {
  height: 64px;
}
/*  */
.mb_16 {
  margin-bottom: 16px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_30 {
  margin-bottom: 30px;
}
.pb_100 {
  padding-bottom: 100px;
}
.pb_168{
  padding-bottom: 168px;
}
.pb_120 {
  padding-bottom: 120px;
}
.pt_50 {
  padding-top: 50px;
}
.mb_45 {
  margin-bottom: 45px;
}
.mb_50 {
  margin-bottom: 50px;
}
.mb_91 {
  margin-bottom: 91px;
}
.pb_200 {
  padding-bottom: 200px;
}
.mt_15 {
  margin-top: 15px;
}
.ml_32 {
  margin-left: 32px;
}
/*  */
.flex_center_center_column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.flex {
  display: flex;
}
.justify_content_center {
  justify-content: center;
}
.align_items_center {
  align-items: center;
}
.flex_center_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_end {
  justify-content: flex-end;
}

.grid {
  display: grid;
}
.grid_class_for_benefits {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.grid_class_for_traffic_sources {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.grid_to_payouts {
  /* display: flex;
  justify-content: center;
  flex-wrap: wrap; */
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 61px;
}
.payouts {
  width: 100%;
  max-width: 408px;
}
/*  */
.s14__w300__h22 {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
}
.s26__w300__h40 {
  font-size: 26px;
  font-weight: 300;
  line-height: 42px;
}
.s20__w300__h32 {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  text-align: center;
}
.s24__w400__h36 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.s30__w600__h30 {
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
}
.s32__w600__h40 {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
}
.s32__w700__h32 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
.s48__w600__h70{
  font-size: 48px;
  font-weight: 600;
  line-height: 72px;
  text-align: center;
}
.slider_s56__w600__h84 {
  font-family: 'Geologica';
  font-size: 56px;
  font-weight: 600;
  line-height: 84px;
  text-align: left;
}
.text_for_btn {
  font-size: 22px;
  line-height: 27.5px;
  font-weight: 500;
}
.small_icon_class{
  margin-bottom: 36px;
  width: 36px; 
  height: 36px;
}
.about-block{
  background: #1E2132;
  border-radius: 24px;
  padding: 40px;
  width: 100%;
  max-width: 628px;
}
.description_color {
  color: #ADADC2;
}
.dark_bg{
  background: #131520;
}
.grey_bg {
  background: #1E2132;
}
.tooltip_stuff {
  color: #181B29;
}
.position_relative {
  position: relative;
}
.height_auto {
  height: auto;
}
.z_index_1 {
  z-index: 1;
}
.pointer {
  cursor: pointer;
}
.w_940{
  width: 940px;
}
.h_100p{
  height: 100%;
}
.max_h_100p {
  max-height: 100%;
}
.min_h_270 {
  min-height: 270px;
}
.flex_column_space_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.space_between {
  justify-content: space-between
}
.flex_direction_column {
  flex-direction: column;
}
.flex_wrap {
  flex-wrap: wrap;
}
.border_radius_16 {
  border-radius: 16px;
}
.blur-class {
  background: #00000099;
  backdrop-filter: blur(32px);
  position: fixed; /* Фиксированное позиционирование, чтобы накрыть весь экран */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5; /* Убедитесь, что слой перекрывает остальные элементы */
  /* display: none; */
}
.elipse {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 397px;
  max-height: 397px;
  flex-shrink: 0;
  border-radius: 427px;
  background: #9147FF;
  filter: blur(250px);
}
.main_elipse {
  top: 0px; right: 0px;
}
.custom_elipse {
  top: 320px; 
  left: -420px;
}
.text_align_center {
  text-align: center;
}
.disabled-btn {
  color: #D3B5FF;
  background: #5C2BA5;
  cursor: not-allowed;
}
.avatars {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%, 0%);
  border-radius: 100%;
  box-shadow: 0px 4px 50px 0px #9147FF85;
}
.background_1E2132_border_gradient_9147FF {
  background: linear-gradient(#1E2132,#1E2132) padding-box,
  linear-gradient(116.98deg, #9147FF -14.76%, rgba(255, 255, 255, 0) 41.64%, #9147FF 106.54%) border-box;
  border: 1px solid transparent;
}
/* .border_gradient_4_ED25C1 {
  border: 4px solid transparent;
  border-image: linear-gradient(273.54deg, #ED25C1 2.91%, #A74FFF 40.26%, #874FFF 61.88%, #4D25ED 97.09%);
} */
.background_35225bb3_border_gradient_ED25C1{
  background: linear-gradient(#131520, #131520) padding-box,
  linear-gradient(273.54deg, #ED25C1 2.91%, #A74FFF 40.26%, #874FFF 61.88%, #4D25ED 97.09%) border-box;
  border: 4px solid transparent;
}
/* forms */
.form-container {
  width: 100%;
  background: radial-gradient(82.49% 82.49% at 50.51% 43.15%, #35225bb3 0%, rgba(41, 30, 70, 0.00) 100%);
  padding: 40px;
  border-radius: 60px;
  color: white;
  position: relative;
  border-image-slice: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.request-container {
  width: 100%;
  background: radial-gradient(82.49% 82.49% at 50.51% 43.15%, #35225bb3 0%, rgba(41, 30, 70, 0.00) 100%);
  padding: 40px;
  border-radius: 60px;
  color: white;
  position: relative;
  border-image-slice: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;
}
.request-container.show {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.before_animation {
  height: 0;
  padding: 0;
  margin: 0;
}

.form-container h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 36px;
}
.request-container h2 {
  text-align: center;
  font-size: 36px;
}

form {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
}
.container {
  max-width: 1288px;
}
.mx_124_to_16 {
  margin-right: 124px;
  margin-left: 124px;
}
/* select */
input[type="text"],input[type="email"],input[type="select"],textarea {
  width: 100%;
  border-radius: 10px;
  padding: 10px 10px;
  background:#282D44;
  border: 1px solid #3A3F56;
  color: #FFFFFF;
}

input:-internal-autofill-selected {
  background-color:#282D44 !important;
}
label {
  color: #ADADC2;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 4px;
}
::placeholder, .placeholder {
  color: #ADADC2;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.select {
  cursor: pointer;
}

input[type="text"]:focus,input[type="email"]:focus,textarea:focus {
  border: 1px solid #9147FF;
  outline: none;
}
textarea {
  resize: none;
  height: 140px;
}
.checkbox, button{
  cursor: pointer;
}
.checkbox-group {
  margin-bottom: 16px;
  display: flex;
}
.checkbox-icon {
  width: 18px;
  height: 18px;
}

.error-message, .select-message, .textarea-message {
  color: #F75A7D;
  font-size: 12px;
  display: none;
  margin-top: -15px;
}
.display_none {
  display: none;
}
.error {
  border:1px solid #F75A7D !important;
}

/* forms end */
select.minimal {
  
  -webkit-appearance: none;  /* For Chrome */
  -moz-appearance: none;     /* For Firefox */
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
    /* linear-gradient(to right, #ccc, #ccc); */
  background-position:
    calc(100% - 20px) calc(1em + 5px),
    calc(100% - 15px) calc(1em + 5px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
select.minimal option {
  background-color: #fff; /* Background color of the options */
  color: #333; /* Text color */
  padding: 8px; /* Padding inside each option */
  font-size: 16px; /* Font size */
}



.border_radius_60_to_20 {
  border-radius: 60px;
}
.style_for_head {
  position: relative;
  z-index: 3;
}
/* @media screen and (max-width: 1124px) {
  .payouts {
    max-width: 100%;
  }
} */
/* select */
.custom-select {
  position: relative;
  width: 100%;
  /* max-width: 100%; */
  /* font-size: 1.15rem; */
  /* color: #000; */
  /* margin-top: 3rem; */
}

.select-button {
  width: 100%;
  /* font-size: 1.15rem; */
  background-color: #282D44;
  color: #ADADC2;
  padding: 10px 12px;
  border: 1px solid #3A3F56;
  border-radius: 10px;
  cursor: pointer;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.selected-value {
  color: white;
  text-align: left;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}

.arrow {
  /* border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #000; */
  transition: transform ease-in-out 0.3s;
}

.select-dropdown {
  position: absolute;
  list-style: none;
  width: 100%;
  background:#282D44;
  box-shadow: 0px 7px 20px 0px #1622331A;
  border-radius: 8px;
  padding: 16px, 24px, 16px, 24px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: none;
  /* transition: 0.5s ease; */
  top: 51px;
  /* transform: scaleY(0); */
  /* opacity: 0; */
  visibility: hidden;
}
.UiBtnsCustomButton__spinner {
  display: flex;
  z-index: 5;
  border-radius: 10px;

  &::before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: spin 1s infinite ease;
    border: 2px solid #fafafd1a;
    border-top: 2px solid #ffffff;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.select-dropdown:focus-within {
  background: #464B62;
}

.select-dropdown li {
  position: relative;
  cursor: pointer;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.select-dropdown li label {
  width: 100%;
  padding: 16px 24px;
  cursor: pointer;
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: white;
  margin-bottom: 0;
}

.select-dropdown::-webkit-scrollbar {
  width: 7px;
}
.select-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 25px;
  
}

.select-dropdown::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 25px;
}

.select-dropdown li:hover,
.select-dropdown input:checked ~ label {
  background-color: #464B62;
}

.select-dropdown input:focus ~ label {
  background-color: #dfdfdf;
}

.select-dropdown input[type="radio"] {
  position: absolute;
  left: 0;
  opacity: 0;
}

/* interactivity */

.custom-select.active .arrow {
  transform: rotate(180deg);
}

.custom-select.active .select-dropdown {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
@media (max-width: 991px) {
  .form-container {
      padding: 20px;
      border-radius: 20px;
      box-shadow: none;
  }
  .request-container {
    padding: 50px 20px;
    border-radius: 20px;
    box-shadow: none;
  }
  .before_animation {
    padding: 0;
  }

  .form-container h2 {
      font-size: 24px;
      font-weight: 600;
      line-height: 36px;
  }
  .request-container h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
  }
  .mobile_h_52{
    height: 52px;
  }
  .mobile_h_60{
    height: 60px;
  }
  .mx_124_to_16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .mobile_px_16 {
    padding: 0px 16px;
  }

  button {
      padding: 12px;
      font-size: 14px;
  }
  .grid_class_for_traffic_sources {
    grid-template-columns: repeat(2, 1fr);
  }
  .pre_mobile_flex_column {
    flex-direction: column
  }
  .pre_mobile_flex_center {
    display: flex;
    justify-content: center;
  }
  .pre_mobile_w_100p {
    width: 100%;
  }
  .pre_mobile_max_w_100p {
    max-width: 100%;
  }
  .main_elipse {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .pre_mobile_mb_20 {
    margin-bottom: 20px;
  }
  .pre_mobile_pt_24 {
    padding-top: 24px;
  }
  .slider_s56__w600__h84 {
    text-align: center;
    font-size: 36px;
    line-height: 45px;
  }
  .mobile_s24__w600__h30 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
  }
  .text_for_btn{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .mobile_s36__w600__h40 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
  }
  .mobile_s16__w300__h30 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
  }
  .mobile_s24__w300__h36 {
    font-size: 24px;
    line-height: 36px;
  }
  .pre_mobile_text_align_center {
    text-align: center;
  }
  .pre_mobile_pb_50 {
    padding-bottom: 50px;
  }
  .border_radius_60_to_20 {
    border-radius: 20px;
  }
  .min_h_115 {
    height: 115px;
  }
  .mobile_font_weight_300 {
    font-weight: 300;
  }
}
@media screen and (max-width: 688px) {
  .grid_class_for_traffic_sources {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 630px) {
  .checkbox-group{
    flex-direction: column;
  }
  .mobile_mb_16 {
    margin-bottom: 16px;
  }
  .mobile_mr_0 {
    margin-right: 0px;
  }
}

@media screen and (max-width: 1200px) {
  .display_none {
    display: none;
  }
  .grid_to_payouts {
    grid-template-columns: repeat(1, 1fr);
    gap: 61px;
  }
  .payouts {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .pre_mobbile_min_height_400 {
    min-height: 400px;
  }
  .pre_mobile_mb_50{
    margin-bottom: 50px;
  }
  .mobile_mb_16 {
    margin-bottom: 16px;
  }
  .pre_mobile_ml_0 {
    margin-left: 0;
  }
  .pre_mobile_mb_32 {
    margin-bottom: 32px;
  }
  .pre_mobile_mb_73 {
    margin-bottom: 73px;
  }
  .mobile_mb_37 {
    margin-bottom: 37px;
  }
  .mobile_gap_32 {
    gap: 32px;
  }
  .about-block {
    max-width: 100%;
    padding: 24px;
  }
  .pre_mobile_s24__w600__h36 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
  }
  .small_icon_class {
    width: 30px;
    height: 30px;
  }
  .pre_mobile_w_100p {
    width: 100%;
  }
  .pre_mobile_display_none {
    display: none;
  }
  .pre_mobile_mb_32 {
    margin-bottom: 32px;
  }
  .grid_class_for_benefits {
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }
  /* .custom_elipse{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */
}
@media screen and (max-width: 768px) {
  .mobile_min_h_270 {
    min-height: 270px;
  }
}
@media screen and (max-width: 741px) {
  .custom_w_100p {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px){
  .mobile_pb_50 {
    padding-bottom: 50px;
  }
}