.field-hint {
   display: inline-flex;
   align-items: center;
   column-gap: 10px;
   min-width: 160px;
}
.field-hint__tooltip {
   font-size: 0;
   display: block;
}

.tippy-neon {
   color: var(--dark-navy-30);
}
.tippy-neon:hover {
   color: #ffd752;
}
.tippy-neon .tippy-box {
   color: var(--dark-navy-80);
   border: 1px solid #ffd752;
   background-color: #fff;
   border-radius: 12px;
   box-shadow: none;
}
.tippy-neon .tippy-content {
   padding: 15px;
   font-size: 15px;
   line-height: 130%;
}
.tippy-neon .tippy-svg-arrow {
   display: none;
}
.services-list__head {
   margin-bottom: 27px;
}
.services-filters {
   display: grid;
   align-items: center;
   justify-content: space-between;
   grid-template-columns: 258px 218px 298px 160px 160px;
   box-shadow: 0px 8px 28px -12px rgba(22, 24, 66, 0.12);
   border: 1px solid #f3f4ff;
   background-color: #fff;
   border-radius: 12px;
   column-gap: 30px;
   padding: 12px;
}
.services-filters__btn {
   width: 100%;
}
.services-filters__btn:disabled{
   opacity: 0.4;
}
.services-filters .select2-container {
   flex: 1;
}

.services-cell__logo_mid {
   width: 46px;
   height: 46px;
}
.services-name__num {
   font-size: 17px;
   font-weight: 700;
   color: var(--dark-navy);
}
.services-cell__top {
   display: flex;
   align-items: center;
   column-gap: 12px;
}
.services-cell__currency {
   margin: 19px 0 26px;
}
.services-cell__currency-title {
   font-size: 13px;
   color: var(--dark-navy-50);
   margin-bottom: 4px;
}
.services-cell__currency-list {
   display: flex;
   align-items: center;
   gap: 6px;
   flex-wrap: wrap;
   font-size: 0;
}
.fee-info-table {
   position: absolute;
}
.services-cell__foundation,
.geo-cell {
   color: var(--dark-navy-80);
}
.geo-cell__items {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
   column-gap: 16px;
   row-gap: 8px;
}
.geo-cell__item {
   display: flex;
   column-gap: 6px;
   align-items: flex-start;
}
.geo-cell__item.hide {
   display: none;
}
.geo-cell__item img {
   width: 25px;
}
.services-cell__title {
   color: var(--dark-navy);
   font-size: 20px;
}
.number-cell,
.services-cell {
   justify-content: flex-start;
}
.pay-cell__fee-info {
   padding-bottom: 21px;
}
.cards-cell__fee-info {
   padding-bottom: 1px;
}
.btns-cell__fee-info {
   padding-bottom: 10px;
}
.actions-cell__btns {
   display: flex;
   flex-direction: column;
}
.actions-cell__btn {
   text-align: left;
   justify-content: space-between;
   margin-bottom: 12px;
}
.services-cell__rating {
   padding-left: 2px;
}

.service-items {
   display: none;
}

/* deposit-methods */
.deposit-methods__item span {
   color: var(--dark-navy-50);
}
.deposit-methods__item + .deposit-methods__item {
   margin-top: 12px;
}

/* Styles from promo-modal */
.promo-modal {
   font-size: 17px;
}

.promo-modal__action-text {
   color: #576fee;
   margin-bottom: 12px;
}

.promo-modal__discount {
   font-weight: 700;
   font-size: 34px;
   margin-bottom: 4px;
}

.promo-modal__description {
   margin-bottom: 14px;
   color: var(--dark-navy-80);
}

.promo-modal__btns {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 12px;
}

.promo-modal__btn-link {
   gap: 10px;
}

/* Media */
@media screen and (max-width: 1599px) {
   .services-filters {
      grid-template-columns: repeat(5, 1fr);
      column-gap: 20px;
   }
}
@media screen and (max-width: 1023px) {
   .services-filters {
      border: none;
      box-shadow: none;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
   }
   .filters__btn {
      grid-column: span 2;
   }
}

@media screen and (max-width: 767px) {
   .services-list__head {
      margin-bottom: 20px;
   }
   .services-filters {
      padding: 20px 0 32px 0;
      border-bottom: 1px solid #f3f4ff;
      border-radius: 0;
      grid-template-columns: 1fr;
      gap: 16px;
   }
   .filters__btn {
      grid-column: initial;
   }

   /* Services for mobile */
   .table-services-wrapper {
      display: none;
   }
   .service-items {
      display: block;
      font-size: 13px;
      margin-bottom: 19px;
   }

   .service-item__btns,
   .service-item__pricing {
      display: flex;
      column-gap: 12px;
      align-items: stretch;
   }
   .service-item {
      padding: 20px 0 19px;
   }
   .service-item {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }
   .addons-info {
      display: flex;
      gap: 20px;
   }
   .service-item__title {
      font-size: 13px;
      color: var(--dark-navy-50);
   }
   .service-item__btn,
   .addons-info__item,
   .service-item__pricing .deposit-methods {
      width: 100%;
   }
   .service-item__btn-link {
      display: flex;
      column-gap: 12px;
   }
   .service-item__currecy-title {
      margin-bottom: 6px;
   }
   .service-item__geo-title,
   .service-item__pricing .service-item__title {
      margin-bottom: 7px;
   }
   .service-item__preview {
      display: flex;
      align-items: flex-start;
      gap: 22px;
   }
   .service-item__more {
      text-align: left;
      font-size: 15px;
   }
   .services-name__num {
      font-size: 15px;
   }
   .services-cell__logo_mid {
      width: 40px;
      height: 40px;
   }
   .services-cell__title {
      font-size: 17px;
   }

   .deposit-methods__item + .deposit-methods__item {
      margin-top: 5px;
   }

   .info-dropdown .fee-info:not(:first-child) {
      margin-top: 20px;
   }

   .info-dropdown {
      display: none;
   }

   .service-item {
      border-bottom: 1px solid #e6e6f2;
   }

   .service-item .fee-info__top {
      margin-bottom: 5px;
   }

   .services-filters .services-filters__select {
      height: 52px;
      column-gap: 18px;
   }

   .field-hint__tooltip svg {
      width: 15px;
      height: 15px;
   }

   /* Styles for promo-modal */
   .promo-modal {
      font-size: 15px;
   }

   .promo-modal__discount {
      font-size: 26px;
   }
}