/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/
/* Prevent all click and hover interaction with an element */
.pointer-events-off {
  pointer-events: none;
}
/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}
/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
/*Hide focus outline for main content element*/
main:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
/* Make sure containers never lose their center alignment*/
.container-medium,
.container-small,
.container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}
/*Reset selects, buttons, and links styles*/
.w-input,
.w-select,
a {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
/*Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}
/* These classes are never overwritten */
.hide {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .hide,
  .hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide-mobile-landscape {
    display: none !important;
  }
}
@media screen and (max-width: 479px) {
  .hide-mobile {
    display: none !important;
  }
}
.margin-0 {
  margin: 0rem !important;
}
.padding-0 {
  padding: 0rem !important;
}
.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}
.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}
.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}
.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
html {
  font-size: 1rem;
}

@media screen and (max-width: 1920px) {
  html {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: calc(0.8126951092611863rem + 0.20811654526534862vw);
  }
}
@media screen and (max-width: 479px) {
  html {
    font-size: calc(0.7494769874476988rem + 0.8368200836820083vw);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1148px) {
    .navbar_link {
        font-size: 0.875rem;
    }
}

.radio-content {
    pointer-events: none;
}
.table_highlight {
    pointer-events: none;
}
.plan-select-radio-content {
    pointer-events: none;
}
select {
    appearance: none;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




/* Контейнер с карточками */
.price-cards-container {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
  
    @media (max-width: 668px) {
      gap: 30px;
    }
}

/* Карточка */
.card {
    width: 100%;
    max-width: 298px;
    padding: 20px 24px 18px 24px;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    @media (max-width: 668px) {
      max-width: 100%;
    }
}

/* Список фич каждой из подписок */
.card__info-list {
    display: flex;
    flex-direction: column;
}

/* Пункт в списке фич */
.card__info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 10px;
    border-bottom: 1px solid rgba(169, 169, 169, 0.15);
    padding: 0 0 8px 0;
}
.card__info-item:nth-child(2) {
    margin-top: 20px;
}


/* Иконка в пункте в списке фич */
.card__info-icon {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    fill: #8ecdac;
    margin-top: 5px;
}

/* Икнока на синей карточке */
.card__info-icon--blue {
    fill: #ffffff;
}

/* Текст в пункте в списке фич */
.card__info-text {
    font-weight: 500;
}
.card__info-text--with-rows {
    display: flex;
    gap: 4px;
    flex-direction: column;
}
.card__info-data--white {
    color: white;
}

.card__info-speed {
    color: #bbbbbb;
    margin-left: 3px;
    cursor: pointer;
}
.card__info-title {
    color: #9e9e9e;
    font-size: 12px;
    line-height: 12px;
}

/* Обертка для цены, скидки и кнопки */
.card__price-and-button-wrap {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

/* Обертка для цены и скидки */
.card__price-and-discount-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 10px;
}

/* Текст цена */
.card__price-text {
    font-weight: 600;
}

/* Скидка */
.card__discount {
    min-width: 72px;
    padding: 3px;
    border: 2px solid #8ecdac;
    border-radius: 1rem;
}

/* Скидка на синей карточке */
.card__discount--blue {
    border: 2px solid #ffffff;
    min-width: 76px;
}

/* Полная цена */
.card__full-price {
    margin-top: 16px;
}

/* Полная цена на синей карточке */
.card__full-price--blue {
    opacity: 0.95;
}

/* Кнопка */
.button--card {
    margin-top: 7px;
    border: 2px solid #8ecdac;
}

/* Починить бордер при ховере */
.button--card:hover {
    background: transparent;
    color: black;
    transform: none;
    border: 2px solid #8ecdac;
}