/* TMA Pricing Cards Elementor Widget - v1.5.17 Ya Hala / Figma 1752:888 */

.tma-pricing-tabs-widget,
.tma-pricing-tabs-widget * {
  box-sizing: border-box;
}

.tma-pricing-tabs-widget {
  width: 100%;
  max-width: 1484px;
  margin: 0 auto;
  color: #111111;
  font-family: inherit;
}

.tma-pricing-tabs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: nowrap;
  width: 100%;
}

.tma-pricing-tabs-header .tma-pricing-tabs-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  text-align: start !important;
}

.tma-pricing-tabs-widget[dir="rtl"] .tma-pricing-tabs-header .tma-pricing-tabs-title {
  text-align: right !important;
}

.tma-pricing-tabs-widget[dir="ltr"] .tma-pricing-tabs-header .tma-pricing-tabs-title {
  text-align: left !important;
}

.tma-pricing-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border: 1px solid #f7f7f7;
  border-radius: 360px;
  background: #fafafa;
  flex: 0 0 auto;
}

.tma-pricing-filter-btn {
  min-width: 113px;
  padding: 10px 16px;
  border: 0;
  border-radius: 360px;
  background: transparent;
  color: #646464;
  font: inherit;
  font-size: 18px;
  line-height: normal;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.tma-pricing-filter-btn.is-active {
  background: #32be5b;
  color: #155026;
  font-weight: 600;
}

.tma-pricing-filter-btn:not(.is-active) {
  background: #fdfdfd;
}

.tma-pricing-variant {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 100%;
}

.tma-pricing-variant.is-hidden {
  display: none !important;
}

.tma-pricing-card--fixed,
.tma-pricing-card--variable {
  display: flex;
  flex-direction: column;
}

.tma-pricing-tabs-title {
  margin: 0 0 32px;
  text-align: center !important;
  color: #000000;
  font-size: clamp(32px, 3vw, 48px);
  font-weight: 600;
  line-height: 1.25;
}

.tma-pricing-tabs-title span {
  color: #32be5b;
}

.tma-pricing-tabs-grid {
  display: grid;
  grid-template-columns: repeat(4, 355px);
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}

.tma-pricing-card {
  width: 355px;
  min-height: 527px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #ffffff !important;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  box-shadow: none;
  transition: box-shadow 0.2s ease;
  cursor: pointer;
}

.tma-pricing-card.is-featured {
  box-shadow: 0 16px 29px -20px rgba(0, 0, 0, 0.1);
}

.tma-pricing-card:focus-visible {
  outline: 3px solid rgba(50, 190, 91, 0.35);
  outline-offset: 4px;
}

.tma-pricing-card:hover {
  border-color: #d9d9d9 !important;
  box-shadow: none;
  transform: none;
}

.tma-pricing-card.is-featured:hover {
  box-shadow: 0 16px 29px -20px rgba(0, 0, 0, 0.1);
}

.tma-pricing-card-top {
  position: relative;
  height: auto;
  min-height: 132px;
  padding: 48px 32px 30px;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
  background: transparent !important;
}

/* Figma header: white + pattern 5% normal, black + pattern 16% on hover / featured */
.tma-pricing-card-top::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #ffffff;
  z-index: 0;
  transition: background 0.25s ease;
}

.tma-pricing-card-top::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../img/pricing-header-pattern.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.tma-pricing-card:hover .tma-pricing-card-top::before {
  background: transparent;
}

.tma-pricing-card:hover .tma-pricing-card-top::after {
  background-image: url("../img/pricing-header-pattern-hover.svg");
  opacity: 1;
}

.tma-pricing-card.is-featured .tma-pricing-card-top::before {
  background: #ffffff;
}

.tma-pricing-card.is-featured .tma-pricing-card-top::after {
  background-image: url("../img/pricing-header-pattern.svg");
  opacity: 1;
}

.tma-pricing-card.is-featured:hover .tma-pricing-card-top::before {
  background: transparent;
}

.tma-pricing-card.is-featured:hover .tma-pricing-card-top::after {
  background-image: url("../img/pricing-header-pattern-hover.svg");
  opacity: 1;
}

.tma-pricing-card:hover .tma-pricing-card-top {
  border-bottom-color: #f5f5f5;
}

.tma-pricing-card.is-featured .tma-pricing-card-top {
  border-bottom-color: #f5f5f5;
}

.tma-pricing-card-head {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start !important;
  justify-content: space-between;
  gap: 8px 12px;
  width: 100%;
  min-height: 34px;
}

.tma-pricing-card-head h3,
.tma-pricing-card-head strong {
  margin: 0;
  color: #000000;
  font-size: 20px;
  line-height: normal;
  font-weight: 700;
}

.tma-pricing-card.is-featured .tma-pricing-card-head h3,
.tma-pricing-card.is-featured .tma-pricing-card-head strong {
  color: #000000;
}

.tma-pricing-card:hover .tma-pricing-card-head h3,
.tma-pricing-card:hover .tma-pricing-card-head strong,
.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-price-text,
.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-price-amount,
.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-price-suffix,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head h3,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head strong,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-price-text,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-price-amount,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-price-suffix {
  color: #ffffff !important;
}

.tma-pricing-card:hover .tma-pricing-price-before .tma-pricing-price-amount {
  color: rgba(255, 255, 255, 0.72) !important;
}

.tma-pricing-card:hover .tma-pricing-currency {
  filter: brightness(0) invert(1);
}

.tma-pricing-card-head h3 {
  min-width: 0;
  flex: 1 1 52%;
  max-width: 100%;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  overflow-wrap: anywhere;
  line-height: 1.3 !important;
  hyphens: auto;
}

.tma-pricing-card-head strong {
  flex: 0 0 auto;
  white-space: nowrap;
}

.tma-pricing-circle {
  display: none !important;
}

.tma-pricing-description {
  position: relative;
  height: auto;
  min-height: 0;
  margin: 0 0 22px;
  padding: 26px 24px 22px;
  color: #111111;
  border-bottom: 0 !important;
  font-size: 18px;
  line-height: 1.6;
  text-align: center !important;
  overflow: visible;
}

.tma-pricing-description::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 40px);
  height: 1px;
  transform: translateX(-50%);
  background: #eeeeee;
  pointer-events: none;
}

/* Hide injected/read-more links inside pricing cards */
.tma-pricing-card .tma-blog-read-more,
.tma-blog-read-more {
  display: none !important;
  visibility: hidden !important;
}

.tma-pricing-features {
  flex: 1;
  padding: 27px 30px 14px;
}

.tma-pricing-features h4 {
  margin: 0 0 20px;
  color: #111111;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 800;
}

.tma-pricing-features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tma-pricing-features li {
  position: relative;
  margin-bottom: 14px;
  padding-inline-start: 28px;
  color: #111111;
  font-size: 14px;
  line-height: 1.65;
}

.tma-pricing-features li::before {
  content: "✓";
  position: absolute;
  inset-inline-start: 0;
  top: -1px;
  color: #32be5b;
  font-size: 19px;
  font-weight: 900;
}

.tma-pricing-button,
.tma-pricing-open-modal,
.tma-pricing-button:visited,
.tma-pricing-open-modal:visited {
  width: calc(100% - 48px);
  min-height: 46px;
  margin: 0 24px 22px;
  padding: 12px 18px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #ffffff !important;
  color: #000000 !important;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  cursor: pointer;
  transition: 0.2s ease;
}

.tma-pricing-card:hover .tma-pricing-button,
.tma-pricing-card:hover .tma-pricing-open-modal {
  background: #32be5b !important;
  color: #1a281a !important;
  border-color: #32be5b !important;
  font-weight: 700;
  text-decoration: none !important;
  outline: none;
}

.tma-pricing-button:hover,
.tma-pricing-open-modal:hover,
.tma-pricing-button:focus,
.tma-pricing-open-modal:focus {
  text-decoration: none !important;
  outline: none;
}

.tma-pricing-card .tma-pricing-button:hover,
.tma-pricing-card .tma-pricing-open-modal:hover {
  background: #32be5b !important;
  color: #1a281a !important;
  border-color: #32be5b !important;
  font-weight: 700;
}

.tma-pricing-card:hover .tma-pricing-button:hover,
.tma-pricing-card:hover .tma-pricing-open-modal:hover {
  background: #2aab50 !important;
  color: #1a281a !important;
  border-color: #2aab50 !important;
}

.tma-pricing-button *,
.tma-pricing-open-modal * {
  text-align: center !important;
}

/* Header language switch vertical alignment helper */
.site-header .wpml-ls,
.site-header .wpml-ls-legacy-dropdown,
.site-header .wpml-ls-legacy-dropdown-click,
.site-header .lang-switcher,
.site-header .header-lang,
.site-header .language-switcher,
.site-header .trp-language-switcher,
header .wpml-ls,
header .wpml-ls-legacy-dropdown,
header .wpml-ls-legacy-dropdown-click,
header .lang-switcher,
header .header-lang,
header .language-switcher,
header .trp-language-switcher {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

.site-header .wpml-ls-link,
.site-header .lang-switcher a,
.site-header .header-lang a,
.site-header .language-switcher a,
.site-header [class*="language"] a,
.site-header [class*="lang"] a,
header .wpml-ls-link,
header .lang-switcher a,
header .header-lang a,
header .language-switcher a,
header [class*="language"] a,
header [class*="lang"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  line-height: 1 !important;
}

@media (max-width: 1490px) {
  .tma-pricing-tabs-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tma-pricing-card {
    width: 100%;
  }

  .tma-pricing-card-top {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tma-pricing-card-head h3,
  .tma-pricing-card-head strong {
    font-size: 22px;
  }
}

@media (max-width: 1024px) {
  .tma-pricing-tabs-grid {
    grid-template-columns: repeat(2, minmax(0, 355px));
    gap: 18px;
  }

  .tma-pricing-card {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tma-pricing-tabs-title {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .tma-pricing-tabs-grid {
    grid-template-columns: minmax(0, 355px);
    gap: 16px;
  }

  .tma-pricing-card {
    width: 100%;
    min-height: 0;
  }

  .tma-pricing-card-top {
    height: auto;
    min-height: 124px;
    padding: 42px 22px 26px;
  }

  .tma-pricing-card-head h3,
  .tma-pricing-card-head strong {
    font-size: 21px;
  }

  .tma-pricing-circle {
    top: 100px !important;
  }

  .tma-pricing-description {
    height: auto;
    min-height: 0;
    font-size: 16px;
    padding: 18px 20px;
  }

  .tma-pricing-features {
    padding: 22px 22px 16px;
  }

  .tma-pricing-features h4 {
    font-size: 17px;
  }

  .tma-pricing-button,
  .tma-pricing-open-modal,
  .tma-pricing-button:visited,
  .tma-pricing-open-modal:visited {
    width: calc(100% - 40px);
    margin: 0 20px 20px;
  }
}

.tma-program-type-hidden {
  display: none !important;
}

/* Hide empty CF7 messages inside popups until CF7 sets a result state */
.pum-container form:not(.sent):not(.invalid):not(.failed):not(.spam) .wpcf7-response-output,
.pum-content form:not(.sent):not(.invalid):not(.failed):not(.spam) .wpcf7-response-output,
.popmake form:not(.sent):not(.invalid):not(.failed):not(.spam) .wpcf7-response-output,
.pum-container .wpcf7-response-output:empty,
.pum-content .wpcf7-response-output:empty,
.popmake .wpcf7-response-output:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.pum-container .wpcf7-form-control-wrap,
.pum-content .wpcf7-form-control-wrap,
.popmake .wpcf7-form-control-wrap {
  position: relative !important;
}

/* ==========================================================
   v1.0.37 - Pricing section full responsive width
   Desktop: fills the page like the sections above it.
   Tablet: 2 wide cards.
   Mobile: 1 wide card, no boxed-container squeezing.
========================================================== */

/* Base wrapper stays clean inside Elementor */
body .tma-pricing-tabs-widget {
  box-sizing: border-box !important;
}

/* Desktop and large desktop: break out of boxed Elementor containers */
@media (min-width: 1025px) {
  body .tma-pricing-tabs-widget {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: clamp(36px, 3vw, 90px) !important;
    padding-right: clamp(36px, 3vw, 90px) !important;
  }

  body .tma-pricing-tabs-title,
  body .tma-pricing-tabs-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body .tma-pricing-tabs-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(18px, 1.15vw, 34px) !important;
    justify-content: center !important;
    align-items: stretch !important;
  }

  body .tma-pricing-card {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Extra large screens: slightly wider section, like the facts/cards above */
@media (min-width: 1600px) {
  body .tma-pricing-tabs-widget {
    padding-left: clamp(44px, 2.6vw, 96px) !important;
    padding-right: clamp(44px, 2.6vw, 96px) !important;
  }
}

/* Laptop: keep 4 columns but reduce internal text a bit */
@media (min-width: 1025px) and (max-width: 1300px) {
  body .tma-pricing-tabs-widget {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body .tma-pricing-card-head h3,
  body .tma-pricing-card-head strong {
    font-size: 20px !important;
  }

  body .tma-pricing-description {
    font-size: 16px !important;
  }
}

/* Tablet: break out of boxed container and show 2 wide cards */
@media (min-width: 768px) and (max-width: 1024px) {
  body .tma-pricing-tabs-widget {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body .tma-pricing-tabs-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  body .tma-pricing-card {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Mobile: one card, wide like the section above, not squeezed */
@media (max-width: 767px) {
  body .tma-pricing-tabs-widget {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body .tma-pricing-tabs-title,
  body .tma-pricing-tabs-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body .tma-pricing-tabs-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    justify-content: stretch !important;
  }

  body .tma-pricing-card {
    width: 100% !important;
    max-width: none !important;
  }
}

/* ==========================================================
   v1.0.39 - Wide desktop pricing grid
   Moved the large-screen width fix into the plugin so no
   Additional CSS is needed for pricing.
========================================================== */
@media (min-width: 1025px) {
  body .elementor-widget-tma_pricing_tabs_widget .tma-pricing-tabs-widget,
  body .tma-pricing-tabs-widget {
    width: min(2200px, calc(100vw - 160px)) !important;
    max-width: min(2200px, calc(100vw - 160px)) !important;

    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  body .elementor-widget-tma_pricing_tabs_widget .tma-pricing-tabs-title,
  body .elementor-widget-tma_pricing_tabs_widget .tma-pricing-tabs-grid,
  body .tma-pricing-tabs-widget .tma-pricing-tabs-title,
  body .tma-pricing-tabs-widget .tma-pricing-tabs-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body .elementor-widget-tma_pricing_tabs_widget .tma-pricing-tabs-grid,
  body .tma-pricing-tabs-widget .tma-pricing-tabs-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    justify-content: center !important;
    align-items: stretch !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .elementor-widget-tma_pricing_tabs_widget .tma-pricing-card,
  body .tma-pricing-tabs-widget .tma-pricing-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 1025px) and (max-width: 1300px) {
  body .elementor-widget-tma_pricing_tabs_widget .tma-pricing-tabs-widget,
  body .tma-pricing-tabs-widget {
    width: calc(100vw - 60px) !important;
    max-width: calc(100vw - 60px) !important;
  }
}



/* TMA final safeguards */
.tma-pricing-card .tma-blog-read-more,
.tma-blog-read-more {
  display: none !important;
  visibility: hidden !important;
}

.tma-pricing-description {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: 22px !important;
  margin-bottom: 22px !important;
}

.tma-pricing-description::after {
  bottom: 0 !important;
}

/* ==========================================================
   v1.5.0 - Figma 1752:888 delivery filter, discount, show more
========================================================== */

.tma-pricing-card-head h3 {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  overflow-wrap: anywhere;
  line-height: 1.3 !important;
}

.tma-pricing-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex: 0 1 auto;
  max-width: 46%;
  min-width: 88px;
}

.tma-pricing-price--label {
  align-items: center;
}

.tma-pricing-price-text {
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}

.tma-pricing-price-before {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none !important;
}

.tma-pricing-price-before .tma-pricing-price-amount.is-struck,
.tma-pricing-price.has-discount .tma-pricing-price-before .tma-pricing-price-amount {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #000000;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px;
}

.tma-pricing-price-current {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  width: 100%;
}

.tma-pricing-price-main {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
  white-space: nowrap;
}

.tma-pricing-price-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  width: 100%;
}

.tma-pricing-price-text,
.tma-pricing-price-amount,
.tma-pricing-currency-label {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}

.tma-pricing-price-current .tma-pricing-price-amount.is-current,
.tma-pricing-price.has-discount .tma-pricing-price-current .tma-pricing-price-amount {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #000000;
  text-decoration: none !important;
}

.tma-pricing-price-suffix {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  white-space: normal;
  text-align: end;
}

.tma-pricing-price-before .tma-pricing-currency-label,
.tma-pricing-price.has-discount .tma-pricing-price-before .tma-pricing-currency-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-decoration: line-through !important;
}

.tma-pricing-card:hover .tma-pricing-currency-label,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-currency-label {
  color: #ffffff !important;
}

.tma-pricing-card:hover .tma-pricing-price-before .tma-pricing-currency-label {
  color: rgba(255, 255, 255, 0.72) !important;
}

.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-price-text,
.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-price-amount,
.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-price-suffix,
.tma-pricing-card:hover .tma-pricing-card-head .tma-pricing-currency-label,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-price-text,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-price-amount,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-price-suffix,
.tma-pricing-card.is-featured:hover .tma-pricing-card-head .tma-pricing-currency-label {
  color: #ffffff !important;
}

.tma-pricing-card:hover .tma-pricing-price-before .tma-pricing-price-amount.is-struck,
.tma-pricing-card:hover .tma-pricing-price.has-discount .tma-pricing-price-before .tma-pricing-price-amount {
  color: rgba(255, 255, 255, 0.72) !important;
}

.tma-pricing-currency {
  display: inline-block;
  width: 19px;
  height: 23px;
  background: url("../img/pricing-sar.svg") center / contain no-repeat;
}

.tma-pricing-price-before .tma-pricing-currency {
  width: 11px;
  height: 14px;
}

.tma-pricing-features ul.is-collapsed .is-extra {
  display: none;
}

.tma-pricing-features ul.is-expanded .is-extra {
  display: list-item;
}

.tma-pricing-features-toggle-item {
  margin-bottom: 0 !important;
  padding-inline-start: 0 !important;
}

.tma-pricing-features-toggle-item::before {
  display: none !important;
  content: none !important;
}

.tma-pricing-features-toggle {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000000;
  font: inherit;
  font-size: 14px;
  text-align: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.tma-pricing-card.is-features-expanded {
  min-height: 0 !important;
  height: auto !important;
}

.tma-pricing-card.is-features-expanded .tma-pricing-variant {
  min-height: 100%;
}

.tma-pricing-features li {
  padding-inline-start: 32px;
}

.tma-pricing-features li::before {
  content: "";
  width: 24px;
  height: 24px;
  top: 0;
  background: url("../img/pricing-tick.svg") center / contain no-repeat;
}

.tma-pricing-card .tma-pricing-description,
.tma-pricing-card .tma-pricing-features,
.tma-pricing-card .tma-pricing-button,
.tma-pricing-card .tma-pricing-open-modal {
  position: relative;
}

.tma-pricing-card--fixed > .tma-pricing-variant,
.tma-pricing-card--variable > .tma-pricing-variant {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .tma-pricing-tabs-header {
    flex-wrap: wrap;
    gap: 16px;
  }

  .tma-pricing-tabs-header .tma-pricing-tabs-title {
    flex: 1 1 100%;
    text-align: center !important;
  }

  .tma-pricing-filter {
    align-self: center;
    margin-inline: auto;
  }
}