/*
Theme Name: Enfold Child
Description: Global baseline styles + Hero (rx-hero)
Version: 1.0
Template: enfold
*/

/* Optional fonts. If you already load fonts via Enfold Theme Options, you can remove this import */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap");

/* Enfold special ampersand helper */
.special_amp{
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit !important;
}

/* =========================
   GLOBAL BASELINE
   ========================= */

/* Base font */
#top,
#top body{
  font-family: "Inter", system-ui, sans-serif;
  color: #0f172a; font-size: 16px;
}
#scroll-top-link{background-color: #caa13a;}
/* Headings font + sizes */
#top h1,
#top h2,
#top h3,
#top h4,
#top h5,
#top h6{
  font-family: "Sora", "Inter", system-ui, sans-serif;
  color: #0f172a;
  letter-spacing: -0.02em;
  text-transform: none;
}

#top h1{ font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: 1.10; font-weight: 600; }
#top h2{ font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.15; }
#top h3{ font-size: 22px; line-height: 1.20; }
#top h4{ font-size: 20px; line-height: 1.25; }
#top h5{ font-size: clamp(1.15rem, 1.7vw, 1.4rem); line-height: 1.30; }
#top h6{ font-size: clamp(1.00rem, 1.4vw, 1.2rem); line-height: 1.35; font-weight: 400; }
.av-main-nav > li > a{font-size: 16px; padding: 0px 16px;}

/* =========================
   HERO ONLY  rx-hero
   ========================= */

#top #wrap_all .avia-section.rx-hero{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hero theme tokens */
.rx-hero{
  --rx-text: #0f172a;
  --rx-muted: rgba(15, 23, 42, 0.70);

  --rx-primary: /*#0ea5a8*/#fff;
  --rx-accent: #0f766e;
  --rx-gold: #d4b04c;

  --rx-gradient-primary: linear-gradient(90deg, #4f46e5 0%, #3b82f6 50%, #22d3ee 100%);
  --rx-gradient-hero: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);

  --rx-shadow-lg: 0 8px 32px -8px rgba(15, 23, 42, 0.16);

  position: relative;
  overflow: hidden;
  background: var(--rx-gradient-hero);
  color: var(--rx-text);
}


/* Hero pill */
.rx-hero .rx-hero-pill{
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  background: #caa13a;
  border: 1px solid #3b82f6;
  color: var(--rx-primary);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 14px;letter-spacing: 1px;
}

/* Hero title styling (Enfold Special Heading) */


#top .rx-hero h1.av-special-heading-tag{
  font-family: "Sora", "Inter", system-ui, sans-serif;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 14px;
  color: var(--rx-text);
  font-size: clamp(2.2rem, 4vw, 3.5rem) !important;
}


/* Hero paragraph */
.rx-hero p{
  color: var(--rx-muted);
  font-size: 18px;
  line-height: 1.65;
}

@media (min-width: 768px){
  .rx-hero p{ font-size: 20px; }
}
/* Limit the popup width */
.enfold-inline-video-popup{
  max-width: 80%;     /* change: 480, 600, 800 etc */
  width: 92%;
  margin: 0 auto;
}

/* Make the video fit inside the popup */
.enfold-inline-video-popup video{
  width: 100%;
  height: auto;
  display: block;
}

/* Optional: reduce the popup padding */
.mfp-content .enfold-inline-video-popup{
  padding: 0;
}





/* Shared button look */
.avia-button-wrap.rx-btn-primary > a.avia-button,
.avia-button-wrap.rx-btn-secondary > a.avia-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  padding: 14px 22px !important;

  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-decoration: none !important;

  box-shadow: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}



/* Primary button */
.avia-button-wrap.rx-btn-primary > a.avia-button{
  background: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%) !important;
  background-color: #3b82f6 !important;
  background-image: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%) !important;

  border: 2px solid #3b82f6;
  color: #ffffff !important;

  box-shadow: 0 4px 16px -4px rgba(15,23,42,.12), 0 0 40px -10px rgba(13,165,165,.40) !important;
}

.avia-button-wrap.rx-btn-primary > a.avia-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 32px -8px rgba(15,23,42,.16), 0 0 50px -10px rgba(13,165,165,.50) !important;
}



/* Secondary button (no teal fill) */
.avia-button-wrap.rx-btn-secondary > a.avia-button{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: #3b82f6 !important;
  border: 2px solid #3b82f6 !important;
}

.avia-button-wrap.rx-btn-secondary > a.avia-button:hover{
  background: rgba(13,165,165,.08) !important;
  background-color: rgba(13,165,165,.08) !important;
  transform: translateY(-1px);
}

/* Mobile stack */
@media (max-width: 767px){
  .avia-button-wrap.rx-btn-primary,
  .avia-button-wrap.rx-btn-secondary{
    display: block !important;
    margin: 12px 0 0 0 !important;
    width: 100% !important;
  }

  .avia-button-wrap.rx-btn-primary > a.avia-button,
  .avia-button-wrap.rx-btn-secondary > a.avia-button{
    width: 100% !important;
  }
}

/* =========================
   HERO H6 DOTS (your 3 separate H6 blocks)
   ========================= */

#top .rx-hero .av-special-heading-h6 h6.av-special-heading-tag{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-family: "Inter", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;

  margin: 0;
  white-space: nowrap;
}

#top .rx-hero .av-special-heading-h6 h6.av-special-heading-tag:before{
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: #4f46e5;
  flex: 0 0 auto;
}


.avia-tooltip{width: 150px;}
/* Hero trust line (3 items in one row) */
.rx-hero .rx-hero-trust{
  display: flex;
  align-items: center;
  gap: 18px 26px;
  flex-wrap: nowrap;         /* one line on desktop */
  margin-top: 18px;
}

.rx-hero .rx-hero-trust-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.70);
  white-space: nowrap;       /* each item stays intact */
}

/* Small dot icon before each item */
.rx-hero .rx-hero-trust-item:before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #d4b04c;       /* icon color */
  flex: 0 0 auto;
}

/* Mobile: allow wrap to next line */
@media (max-width: 767px){
  .rx-hero .rx-hero-trust{
    flex-wrap: wrap;
  }
}
.rx-hero .avia-tt{background-color: #dbe0f0;}
.rx-hero .avia-tt p{font-size: 14px; font-weight: 600;}
.av-hotspot-container .av-image-hotspot_inner {
  background: #888;
  color: #fff;}
/* =========================
   FEATURES SECTION (Light)
   Section class: rx-features
   Iconbox class: rx-feature-card
   ========================= */


/* Center and style the top label "Features" that is in Special Heading subheading */
/*.rx-features */.rx-features-heading .av-subheading p{
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  border-radius: 999px;
  background: #caa13a;
  border: 1px solid #3b82f6;
  color: #fff;
  font-size: 16px;
  font-weight: 700; letter-spacing: 1px;
}
.rx-features-heading-red .av-subheading p{background: linear-gradient(135deg, rgba(239,68,68,0.18) 0%, rgba(155,4,4,0.12) 100%) !important; color: #ef4444 !important;}
.rx-features .av-milestone-indicator{background-color:#caa13a!important;}

/* Main section title H2 */
.rx-features .rx-features-heading h2.av-special-heading-tag{
  margin-top: 16px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 800;
}

/* Section subtitle paragraph under heading */
.rx-features .rx-features-heading + .av_textblock_section p{
  text-align: center;
  color: rgba(15,23,42,0.70);
  font-size: 18px;
  line-height: 1.6;
}

/* Card container style for Enfold Icon Box */
.rx-features .rx-feature-card{
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,0.14);
  border-radius: 18px;
  padding: 26px 24px 24px 24px;
  box-shadow: 0 10px 28px -18px rgba(15,23,42,0.22);
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
  overflow: hidden;
}

/* Hover lift */
.rx-features .rx-feature-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 44px -26px rgba(15,23,42,0.30);
  border-color: rgba(13,165,165,0.35);
}

/* Target common Enfold Icon Box markup inside your card */
.rx-features .rx-feature-card .iconbox_icon,
.rx-features .rx-feature-card .iconbox_icon_heading,
.rx-features .rx-feature-card .iconbox-icon{
  position: absolute;
  top: 22px;
  left: 22px;

  width: 44px;
  height: 44px;
  border-radius: 14px;

  background: rgba(13,165,165,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Make the icon itself teal */
.rx-features .rx-feature-card .iconbox_icon .avia-icon,
.rx-features .rx-feature-card .iconbox_icon i{
  color: #4f46e5 !important;
}



/* Card title */
.rx-features .rx-feature-card .iconbox_content_title,
.rx-features .rx-feature-card h3,
.rx-features .rx-feature-card h4{
  font-size: 22px;
  font-weight: 800;
  line-height: 1.18;
  margin: 0 0 10px 0;
  color: #0f172a;
}

/* Card body text */
.rx-features .rx-feature-card p{
  margin: 0;
  color: rgba(15,23,42,0.70);
  font-size: 16px;
  line-height: 1.6;
	padding:5px 0px;}


/* Spacing between rows of 3 cards */
.rx-features .flex_column_table{
  row-gap: 26px;
}

/* Mobile adjustments */
@media (max-width: 767px){
  .rx-features{
    padding-top: 54px;
    padding-bottom: 64px;
  }

  .rx-features .rx-feature-card{
    padding: 24px 18px 22px 18px;
  }

  .rx-features .rx-feature-card .iconbox_icon,
  .rx-features .rx-feature-card .iconbox_icon_heading,
  .rx-features .rx-feature-card .iconbox-icon{
    top: 18px;
    left: 18px;
  }

  .rx-features .rx-feature-card .iconbox_content,
  .rx-features .rx-feature-card .iconbox_content_container{
    padding-top: 52px;
  }
}
/* =========================
   FEATURES ICON FIX ONLY
   Works when each Icon Box has class: rx-feature-card
   ========================= */

/* Make the icon container a rounded square and position it top left */
.rx-features .rx-feature-card .iconbox_icon,
.rx-features .rx-feature-card .iconbox_icon_heading,
.rx-features .rx-feature-card .iconbox-icon{
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(79,70,229,0.18) 0%, rgba(60,131,247,0.12) 100%) !important;
  border: 1px solid rgba(202,161,58,0.20) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0  !important;
}

/* Ensure the icon itself is teal and properly sized */
.rx-features .rx-feature-card .iconbox_icon i,
.rx-features .rx-feature-card .iconbox_icon .avia-icon,
.rx-features .rx-feature-card .iconbox_icon svg,
.rx-features .rx-feature-card .iconbox_icon_heading i,
.rx-features .rx-feature-card .iconbox_icon_heading .avia-icon,
.rx-features .rx-feature-card .iconbox_icon_heading svg{
  color: #caa13a !important;
  fill: #caa13a !important;
  font-size: 24px !important;
  line-height: 1 !important;
}
.rx-features .entry-content-header{margin-top: 20px;}
/* Stop Enfold from reserving left space for the icon (common Icon Box layout) */
.rx-features .rx-feature-card .iconbox_content{
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-top: 40px !important;
}
.rx-features .rx-feature-card-red .iconbox_icon,
.rx-features .rx-feature-card-red .iconbox_icon_heading,
.rx-features .rx-feature-card-red .iconbox-icon{
  background: linear-gradient(135deg, rgba(239,68,68,0.18) 0%, rgba(155,4,4,0.12) 100%) !important;
}

/* Ensure the icon itself is teal and properly sized */
.rx-features .rx-feature-card-red .iconbox_icon i,
.rx-features .rx-feature-card-red .iconbox_icon .avia-icon,
.rx-features .rx-feature-card-red .iconbox_icon svg,
.rx-features .rx-feature-card-red .iconbox_icon_heading i,
.rx-features .rx-feature-card-red .iconbox_icon_heading .avia-icon,
.rx-features .rx-feature-card-red .iconbox_icon_heading svg{
  color: #ef4444 !important;
  fill: #ef4444 !important;
}




/* Mobile */
@media (max-width: 767px){
  .rx-features .rx-feature-card .iconbox_icon,
  .rx-features .rx-feature-card .iconbox_icon_heading,
  .rx-features .rx-feature-card .iconbox-icon{
    top: 18px !important;
    left: 18px !important;
    width: 46px !important;
    height: 46px !important;
  }

  .rx-features .rx-feature-card .iconbox_content,
  .rx-features .rx-feature-card .iconbox_content_container{
    padding-top: 58px !important;
  }
}

/* Gradient text utility for headings */
.rx-gradient-text{
  background-image: linear-gradient(90deg, #4f46e5 0%, #3b82f6 50%, #22d3ee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* =========================
   Built for Busy Families
   ========================= */




/* Section heading */
.rx-families .rx-families-heading h2.av-special-heading-tag{
  text-align: center;
  font-weight: 800;
  margin-bottom: 10px;
}
.rx-families .rx-families-heading + .av_textblock_section p{
  text-align: center;
  color: rgba(15,23,42,0.70);
  font-size: 18px;
  line-height: 1.6;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.rx-family-card p, .av-milestone-content p{font-size: 16px;}
/* Card base (apply to the 1/2 columns) */
.rx-families .rx-family-card{
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(15,23,42,0.12);
  border-radius: 22px;
  padding: 26px 26px 22px 26px;
  box-shadow: 0 18px 50px -32px rgba(15,23,42,0.25);
  backdrop-filter: blur(8px);
  position: relative;
  overflow: hidden;
}




.rx-families h3.av-special-heading-tag { font-size: 26px!important; line-height: 1.20; font-weight: 600;  }
/* =========================
   Mastery section (Dark) for your current Enfold structure
   Left: Text + .rx-mastery-result with OL
   Right: H3 + Icon List (.rx-mastery-gains)
   ========================= */

.rx-mastery-dark{
  background:
    radial-gradient(circle at 20% 15%, rgba(13,165,165,0.20), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(212,176,76,0.18), transparent 55%),
    linear-gradient(180deg, #071024 0%, #050B18 100%);
  padding-top: 80px;
  padding-bottom: 80px;
  color: rgba(255,255,255,0.86);
}

.rx-mastery-dark .special-heading-border{ display:none; }

.rx-mastery-dark p{
  color: rgba(255,255,255,0.72);
}

.rx-mastery-dark .rx-mastery-left .avia_textblock{
  font-size: 15px;
  line-height: 1.65;
}

/* Right side "What you gain..." heading (your H3) */
.rx-mastery-dark .rx-mastery-right h3{
  color: rgba(255,255,255,0.90);
  font-weight: 800;
  font-size: 16px;
  margin: 8px 0 16px 0;
}

/* Left "The result" box (you used OL LI) */
.rx-mastery-dark .rx-mastery-result{
  margin-top: 18px;
  padding: 18px 18px 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 60px -44px rgba(0,0,0,0.75);
}

.rx-mastery-dark .rx-mastery-result-title{
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 14px;
}

/* OL styling with teal check dots */
.rx-mastery-dark .rx-mastery-result ol{
  list-style: none;
  padding: 0;
  margin: 0;
}
.rx-mastery-dark .rx-mastery-result li{
  position: relative;
  padding-left: 26px;
  margin: 8px 0;
  color: rgba(255,255,255,0.78);
  font-weight: 600;
  font-size: 14px;
}
.rx-mastery-dark .rx-mastery-result li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: rgba(13,165,165,0.18);
  border: 1px solid rgba(13,165,165,0.35);
}
.rx-mastery-dark .rx-mastery-result li:after{
  content: "✓";
  position: absolute;
  left: 4px;
  top: 0.05em;
  font-size: 12px;
  color: #11B7B2;
  font-weight: 900;
}

/* Right side benefit list (Icon List) as stacked dark cards */
.rx-mastery-dark .rx-mastery-gains .av-iconlist-item{
  padding: 14px 14px;
  margin-bottom: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
}

/* remove Enfold timeline connector line */
.rx-mastery-dark .rx-mastery-gains .av-iconlist-item:before,
.rx-mastery-dark .rx-mastery-gains .av-iconlist-item:after,
.rx-mastery-dark .rx-mastery-gains .iconlist_icon:before,
.rx-mastery-dark .rx-mastery-gains .iconlist_icon:after{
  content: none !important;
  display: none !important;
}

/* Icon square */
.rx-mastery-dark .rx-mastery-gains .iconlist_icon{
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: rgba(13,165,165,0.14) !important;
  border: 1px solid rgba(13,165,165,0.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 14px !important;
}

.rx-mastery-dark .rx-mastery-gains .iconlist_icon i{
  color: #11B7B2 !important;
}

/* Title and description */
.rx-mastery-dark .rx-mastery-gains .iconlist_title{
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 4px;
}

.rx-mastery-dark .rx-mastery-gains .iconlist_content_wrap,
.rx-mastery-dark .rx-mastery-gains .iconlist_content,
.rx-mastery-dark .rx-mastery-gains p{
  color: rgba(255,255,255,0.70);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

/* Mobile */
@media (max-width: 767px){
  .rx-mastery-dark{
    padding-top: 56px;
    padding-bottom: 60px;
  }
}
/* =========================================
   Mastery section: force right Icon List to card style (no timeline)
   Scope: only inside .rx-mastery-dark and right column
   ========================================= */

/* Safety: make all headings readable on dark bg */
.rx-mastery-dark h1,
.rx-mastery-dark h2,
.rx-mastery-dark h3,
.rx-mastery-dark h4,
.rx-mastery-dark h5,
.rx-mastery-dark h6,
.rx-mastery-dark .av-special-heading-tag{
  color: #ffffff!important;
  font-weight: 700;
}

/* Target the Enfold Icon List container in the right column */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container{
  margin-top: 14px;
}

/* Remove any timeline connector line */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist-timeline,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist-timeline-line,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li:before,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li:after,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon:before,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon:after{
  content: none !important;
  display: none !important;
}

/* Make each list item a "card" row */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li.av-iconlist-item{
  list-style: none !important;
  margin: 0 0 12px 0 !important;

  padding: 14px 14px !important;
  border-radius: 16px !important;

  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 24px 60px -44px rgba(0,0,0,0.75);

  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;

  position: relative !important;
}

/* Stop Enfold timeline spacing */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li.av-iconlist-item .iconlist_content_wrap,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li.av-iconlist-item .iconlist_content{
  padding: 0 !important;
  margin: 0 !important;
}

/* Square icon like lovable */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon{
  position: static !important;
  float: none !important;

  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;

  background: rgba(13,165,165,0.14) !important;
  border: 1px solid rgba(13,165,165,0.22) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  flex: 0 0 auto !important;
}

.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon i{
  color: #11B7B2 !important;
}

/* Title and description */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_title{
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  margin: 0 0 4px 0 !important;
}

.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_content_wrap,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_content,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container p{
  color: rgba(255,255,255,0.70) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
.rx-gold-text{
  background-image: linear-gradient(90deg, #F3C84B 0%, #D4B04C 55%, #C79014 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* =========================================================
   Mastery section final tuning (match Lovable reference)
   Put this at the END of style.css
   Requires section class: rx-mastery-dark
   Left column class: rx-mastery-left
   Right column class: rx-mastery-right
   Title special heading class: rx-mastery-title
   ========================================================= */

/* Base fonts inside the dark section */
.rx-mastery-dark,
.rx-mastery-dark p,
.rx-mastery-dark li,
.rx-mastery-dark .avia_textblock{
  font-family: "Inter", system-ui, sans-serif;
}

/* Background closer to Lovable */
.rx-mastery-dark{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(13,165,165,0.22), rgba(0,0,0,0) 60%),
    radial-gradient(900px 520px at 85% 22%, rgba(212,176,76,0.14), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, #071327 0%, #060D1D 55%, #060B18 100%) !important;
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

/* Force headings to white inside this dark section */
.rx-mastery-dark h1,
.rx-mastery-dark h2,
.rx-mastery-dark h3,
.rx-mastery-dark h4,
.rx-mastery-dark h5,
.rx-mastery-dark h6,
.rx-mastery-dark .av-special-heading-tag{
  color: #ffffff !important;
}

/* Title typography like Lovable */
.rx-mastery-dark .rx-mastery-title .av-special-heading-tag{
  font-family: "Sora", "Inter", system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  font-size: 56px !important;
  margin-bottom: 18px !important;
}

/* Left side paragraph typography */
.rx-mastery-dark .rx-mastery-left p{
  color: rgba(255,255,255,0.72) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 14px 0 !important;
}

/* Gold highlight span */
.rx-gold-text{
  background-image: linear-gradient(90deg, #F3C84B 0%, #D4B04C 55%, #C79014 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Result box like Lovable */
.rx-mastery-dark .rx-mastery-result{
  margin-top: 20px !important;
  padding: 18px 18px 16px 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 26px 70px -55px rgba(0,0,0,0.85) !important;
}
.rx-mastery-result p{font-size: 18px; text-align: center; line-height: 1.4em; padding: 5px 50px;}
.rx-mastery-dark .rx-mastery-result-title{
  font-size: 16px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.92) !important;
  margin-bottom: 10px !important;
}

.rx-mastery-dark .rx-mastery-result li{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.74) !important;
  margin: 9px 0 !important;
  padding-left: 28px !important;
}

/* Teal check circle (Lovable-like) */
.rx-mastery-dark .rx-mastery-result li:before{
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: /*rgba(13,165,165,0.20)*/#3c83f7 !important;
  border: 1px solid /*rgba(13,165,165,0.40)*/#fff !important;
}

.rx-mastery-dark .rx-mastery-result li:after{
  color: #000 !important;
  font-size: 12px !important;
  left: 4px !important;
  top: 0.3em !important;
}

/* Right side heading */
.rx-mastery-dark .rx-mastery-right h3{
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.92) !important;
  margin: 8px 0 16px 0 !important;
}

/* Right Icon List: force card layout, kill timeline styling */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li.av-iconlist-item{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  padding: 16px 16px !important;
  margin: 0 0 14px 0 !important;

  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon{
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;

  background-image: linear-gradient(135deg, rgba(79,70,229,0.24) 0%, rgba(60,131,247,0.10) 100%) !important;
  background-color: rgba(13,165,165,0.14) !important;
  border: 1px solid rgba(202,161,58,0.22) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon i{
  color: #11B7B2 !important;
}

.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_title{
  font-size: 18px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.92) !important;
  margin: 0 0 4px 0 !important;
}

.rx-mastery-dark .rx-mastery-right .avia-icon-list-container p,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_content{
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.68) !important;
  margin: 0 !important;
}

/* Remove timeline dots and vertical lines reliably */
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist-timeline,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist-timeline-line,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li:before,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container li:after,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon:before,
.rx-mastery-dark .rx-mastery-right .avia-icon-list-container .iconlist_icon:after{
  content: none !important;
  display: none !important;
}

/* Responsive title sizing */
@media (max-width: 767px){
  .rx-mastery-dark .rx-mastery-title .av-special-heading-tag{
    font-size: 38px !important;
  }
  .rx-mastery-dark{
    padding-top: 60px !important;
    padding-bottom: 64px !important;
  }
}
/* ============ Mastery (Right side) Icon List layout fix ============ */
/* Make each <li> a horizontal row: icon left, content right */
.rx-mastery-dark .rx-mastery-right .avia-icon-list .avia_start_animation,
.rx-mastery-dark .rx-mastery-right .avia-icon-list li{
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

/* Ensure the icon block stays left and does not jump above */
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist_icon{
  flex: 0 0 auto !important;
  margin: 2px 0 0 0 !important;     /* small top align like Lovable */
}

/* Make the text container sit to the right and fill remaining space */
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist_content_wrap{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Stack title + text neatly */
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist_content_wrap .entry-content-header{
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
}
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist_content_wrap .iconlist_title{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist_content_wrap .iconlist_content{
  margin: 0 !important;
  padding: 0 !important;
}
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist_content_wrap .iconlist_content p{
  margin: 0 !important;
}

/* If Enfold adds the timeline/line column, keep it from pushing layout */
.rx-mastery-dark .rx-mastery-right .avia-icon-list .iconlist-timeline{
  flex: 0 0 auto !important;
  margin-right: 0 !important;
}
/* Soft background like Family section 
#top .avia-section.rx-soft-bg{
  background:
    radial-gradient(900px circle at 12% 15%, rgba(14,165,164,0.18), transparent 55%),
    radial-gradient(900px circle at 88% 10%, rgba(234,179,8,0.14), transparent 55%),
    linear-gradient(180deg, #f7fbff 0%, #f8fafc 100%) !important;
}*/
.rx-platform{
  background: #f7fbff;
  /* padding-top: 70px;
  padding-bottom: 80px; */
}
.rx-platform .rx-platform-heading .av-subheading p{
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  border-radius: 999px;
  background: #caa13a;
  border: 1px solid #3b82f6;
  color: #fff;
  font-size: 16px;
  font-weight: 700; letter-spacing: 1px;
}

/* Main section title H2 */
.rx-platform .rx-platform-heading h2.av-special-heading-tag{
  margin-top: 16px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 800;
}

/* Section subtitle paragraph under heading */
.rx-platform .rx-platform-heading + .av_textblock_section p{
  text-align: center;
  color: rgba(15,23,42,0.70);
  font-size: 18px;
  line-height: 1.6;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
/* Experience Tabs minimum (safe) */
@media (min-width: 990px){
  .rx-platform-tabs .avia-tabs,
  .rx-platform-tabs .tabcontainer{
    display: flex !important;
    gap: 0% !important;
    align-items: stretch !important;
  }

  .rx-platform-tabs .tab_titles{
    width: auto !important;
    float: none !important;
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }

  .rx-platform-tabs .tab_content,
  .rx-platform-tabs .tab_content_container{
    width: auto !important;
    float: none !important;
    flex: 0 0 56% !important;
    max-width: 56% !important;
    left: 3%;
  }
}
.rx-platform .tab{margin-bottom: 10px!important; font-family: "Sora", "Inter", system-ui, sans-serif; font-size: 16px;}

/* Blue gradient border for each Enfold tab title item */
.rx-platform .tab{
  position: relative;
  border-radius: 0;
}

/* gradient border */
.rx-platform .tab::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;                /* border thickness */
  border-radius:0%;
  background: linear-gradient(135deg, #4f46e5 0%, #22d3ee 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* optional: stronger highlight for active tab */
.rx-platform .tab.active_tab{
  background: #eef2ff;
}
/* Apply the SAME gradient border to the active content panel */
.rx-platform .tab_content.active_tab_content{
  position: relative;
  border-radius: 0;
  background: #fff;         /* change if you want a tinted panel */
  overflow: hidden;
}

/* gradient border (content area) */
.rx-platform .tab_content.active_tab_content::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;             /* border thickness */
  border-radius: 0;
  background: linear-gradient(135deg, #4f46e5 0%, #22d3ee 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* keep content above the pseudo border layer */
.rx-platform .tab_content.active_tab_content > *{
  position: relative;
  z-index: 1;
}
.rx-platform .active_tab_content, .rx-platform .active_tab{background-color: rgba(255,255,255,1)!important;}
.rx-platform{font-size: 16px;}
/* Dark learning section background */
.rx-learning.rx-learning-dark{
  /*padding: 90px 0;*/
  background: #fff;
    /* radial-gradient(900px 520px at 18% 25%, rgba(34,211,238,0.22), transparent 60%),
    radial-gradient(820px 520px at 78% 18%, rgba(79,70,229,0.22), transparent 60%),
    radial-gradient(900px 620px at 50% 90%, rgba(15,23,42,0.70), rgba(2,6,23,0.95)); */
}



/* Module cards (each 1/3 column) */
.rx-learning-dark .rx-module-card{
  position: relative;
  border-radius: 18px;
  padding: 26px 26px 22px;
  background: rgba(60,131,247,0.55);
  border: 1px solid rgba(148,163,184,0.18);
  box-shadow: 0 22px 60px rgba(2,6,23,0.35);
  backdrop-filter: blur(10px);color: #000!important;
}


/* Card title (Special Heading tag inside the column) */
.rx-learning-dark .rx-module-card .av-special-heading-tag,
.rx-learning-dark .rx-module-card h3{
  margin: 0 0 14px 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 1em;
  color: #4f46e5!important;
}
.rx-module-card strong, .rx-module-card b{color:#fff!important;}
/* Icon List look */
.rx-learning-dark .rx-module-card .avia-icon-list{
  margin-top: 10px;
}

.rx-learning-dark .rx-module-card .avia-icon-list li{
  margin: 10px 0;
}

.rx-learning-dark .rx-module-card .avia-icon-list .iconlist_icon{
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 999px;
  border: 0px solid #000;
  box-shadow: 0 0 0 3px rgba(34,211,238,0.08);
}

.rx-learning-dark .rx-module-card .iconlist_content{
  color: rgba(226,232,240,0.72);
  font-size: 14px;
}
.rx-section-heading .av-subheading p{
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  border-radius: 999px;
  background: #caa13a;
  border: 1px solid #3b82f6;
  color: #fff;
  font-size: 16px;
  font-weight: 700; letter-spacing: 1px;
}

/* Main section title H2 */
.rx-learning .rx-section-heading h2.av-special-heading-tag{
  margin-top: 16px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 800;
}

/* Section subtitle paragraph under heading */
.rx-section-heading + .av_textblock_section p{
  text-align: center;
  color: rgba(15,23,42,0.70);
  font-size: 18px;
  line-height: 1.6;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* Mobile spacing */
@media (max-width: 767px){
  .rx-learning.rx-learning-dark{ padding: 70px 0; }
  .rx-learning-dark .rx-module-card{ padding: 22px 20px 18px; }
  .rx-learning-dark .rx-module-card .av-special-heading-tag,
  .rx-learning-dark .rx-module-card h3{ font-size: 20px; }
}
/* Reusable section heading (Special Heading / H2) */
#top .rx-section-heading .av-special-heading-tag{
  font-family: "Sora","Inter",system-ui,sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-size: clamp(34px, 4.2vw, 56px);
  margin: 0;
}

/* If you use the Special Heading subheading field (like "Learning Content") */
#top .rx-section-heading .av-special-heading-title{
  font-family: "Sora","Inter",system-ui,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(15,23,42,0.65);
  margin-bottom: 10px;
}

/* Reusable section supporting text */
#top .rx-section-subtext{
  max-width: 780px;
  margin: 14px auto 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(15,23,42,0.70);
}
.rx-learning-dark #top .rx-section-heading .av-special-heading-tag{ color:#fff; }
.rx-learning-dark #top .rx-section-heading .av-special-heading-title{ color: rgba(226,232,240,0.75); }
.rx-learning-dark #top .rx-section-subtext{ color: rgba(226,232,240,0.72); }
.rx-module-card .avia-icon-list-container{margin-top: 0px!important;font-size: 16px;}
.testimonial .avia-single-number{ font-family: "Sora","Inter",system-ui,sans-serif; font-weight: 700;}
.testimonial .avia-no-number{color: #4f46e5; opacity: 1; font-weight: 600;}
/* =========================
   FAQ section (rx-faq)
   ========================= */

/* Background like your dark Lovable-style FAQ */
.rx-faq{
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 90px;
  background:
    radial-gradient(900px 500px at 18% 25%, rgba(34,211,238,0.18) 0%, rgba(34,211,238,0) 60%),
    radial-gradient(900px 500px at 82% 18%, rgba(79,70,229,0.16) 0%, rgba(79,70,229,0) 60%),
    linear-gradient(180deg, #070a12 0%, #060810 100%);
}

/* Headings inside dark section should be light (override your global heading color) */
.rx-faq,
.rx-faq .av-special-heading-tag{
  color: #ffffff !important;
}

/* Optional: keep body text slightly softer */
.rx-faq .av-subheading p{
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  border-radius: 999px;
  background: #caa13a;
  border: 1px solid rgba(14,165,168,0.18);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

/* ===== Section heading block ===== */

/* Small pill (the "FAQ" label) */
.rx-faq .rx-sec-heading .av-subheading{
  display: inline-block;
  margin: 0 auto 12px auto;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(2,6,23,0.55);
  border: 1px solid rgba(148,163,184,0.18);
  color: #22d3ee;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Main heading sizing like your other sections */
.rx-faq .rx-sec-heading .av-special-heading-tag{
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(34px, 4.2vw, 56px);
}

/* If you wrap one word in a span for gradient (example: <span class="rx-gradient-text">questions</span>) */
.rx-faq .rx-gradient-text{
  background: linear-gradient(90deg, #4f46e5 0%, #22d3ee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* Subtitle text block under heading */
.rx-faq .rx-sec-subtitle{
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}
.rx-faq .toggle_content p{font-size: 16px;}

/* Mobile: slightly tighter padding */
@media (max-width: 767px){
  .rx-faq{ padding-top: 70px; padding-bottom: 70px; }
}
/* =========================
   CTA (light) like Hero
   ========================= */

/* section spacing + soft hero-like glow */
.rx-cta.avia-section{
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 90px;
  background:
    radial-gradient(900px 520px at 50% 42%, rgba(20,184,166,0.18) 0%, rgba(20,184,166,0) 60%),
    radial-gradient(900px 520px at 85% 40%, rgba(245,158,11,0.14) 0%, rgba(245,158,11,0) 62%),
    radial-gradient(900px 520px at 15% 40%, rgba(34,211,238,0.12) 0%, rgba(34,211,238,0) 62%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

/* TOP small label (your "Start Your Journey") */
.rx-cta-heading .av-subheading p{
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  margin: 0px auto 15px auto;
  border-radius: 999px;
  background: #caa13a;
  border: 1px solid #4f46e5;
  color: #fff;
  font-size: 16px;
  font-weight: 700; letter-spacing: 1px;
}

/* MAIN H2 */
.rx-cta .rx-cta-heading .av-special-heading-tag{
  font-family: "Sora","Inter",system-ui,sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.06;
  font-size: clamp(34px, 4.6vw, 62px);
  color: #0f172a !important;
  margin: 0 auto;
  max-width: 980px;
}
/* Gradient text helper */
.rx-gradient-teal{
  display: inline-block;
  background-image: linear-gradient(90deg, #4f46e5 0%, #3b82f6 50%, #22d3ee 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

/* If Enfold forces heading color, this makes sure the span wins */
#top .rx-cta .av-special-heading-tag .rx-gradient-teal{
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.rx-cta .rx-hero-trust{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px 26px;
  flex-wrap: nowrap;         /* one line on desktop */
  margin: 50px auto;
}

.rx-cta .rx-hero-trust-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.70);
  white-space: nowrap;       /* each item stays intact */
}

/* Small dot icon before each item */
.rx-cta .rx-hero-trust-item:before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #d4b04c;       /* icon color */
  flex: 0 0 auto;
}
/* Force both button wrappers to sit on one row */


/* Shared button look */
#top .rx-cta .avia-button-wrap.rx-btn-primary > a.avia-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  padding: 14px 22px !important;

  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-decoration: none !important;

  box-shadow: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

/* Ensure Enfold does not force span color */
#top .rx-hero .avia-button-wrap.rx-btn-primary span{
  color: inherit !important;
}

/* Primary button */
#top .rx-cta .avia-button-wrap.rx-btn-primary > a.avia-button{
  background: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%) !important;
  background-color: #3b82f6 !important;
  background-image: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%) !important;

  border: 0 !important;
  color: #ffffff !important;

  box-shadow: 0 4px 16px -4px rgba(15,23,42,.12), 0 0 40px -10px rgba(13,165,165,.40) !important;
}

#top .rx-cta .avia-button-wrap.rx-btn-primary > a.avia-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 32px -8px rgba(15,23,42,.16), 0 0 50px -10px rgba(13,165,165,.50) !important;
}
#top .av-timeline-nav a.av-nav-btn.avia-svg-icon{background-color:#caa13a;}
#top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next>a.next-slide, #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev>a.prev-slide{opacity:1}
/* Mobile: allow wrap to next line */
@media (max-width: 767px){
  .rx-cta .rx-hero-trust{
    flex-wrap: wrap;
  }
}

/* mobile */
@media (max-width: 767px){
  .rx-cta.avia-section{ padding-top: 70px; padding-bottom: 70px; }
  .rx-cta .rx-cta-subtitle{ font-size: 16px; }
}
#socket .copyright{text-align: center; width: 100%;}

#socket {font-size: 13px;}
@media only screen and (max-width: 600px) {
	#top .rx-hero .av-special-heading-h6 h6.av-special-heading-tag{display: block; white-space:normal;}
	.rx-mastery-result p{padding:10px;}
	.rx-platform .tab.active_tab{background-color: #000!important;}
}
/* ===============================
   RX PRICING fixes (match mockup)
   =============================== */
.rx-pricing .pricing-table > li:first-child{border-top-left-radius:20px!important; border-top-right-radius:20px!important; text-align:center!important;}
.rx-pricing ul.avia-highlight-col.pricing-table > li:first-child{border-top-left-radius:0px!important; border-top-right-radius:0px!important;}
.rx-pricing .pricing-table.avia-highlight-col .pricing-extra{border-top-left-radius:20px!important; border-top-right-radius:20px!important;}
.rx-pricing .avia_pricing_default .pricing-table li.avia-pricing-row small, .rx-pricing .avia-heading-row small {opacity: 1; color: #000; text-shadow: 0 1px 1px rgba(255,255,255,.3); padding-top:10px; font-size:16px; font-weight:400; text-align:center!important;}
.rx-pricing .avia-heading-row{font-size:24px; font-weight:600;}
.rx-pricing ul.pricing-table li{text-align:left;}
.rx-pricing ul.pricing-table li.avia-pricing-row{text-align:center!important; color:#fff!important;}
.rx-pricing .not-include{color:#64748b;}
/* Base icon */
.pricing-icon{
  --icon-size: 16px;      /* change size */
  --icon-stroke: 2px;     /* change stroke thickness */
  --icon-color: currentColor;

  width: var(--icon-size);
  height: var(--icon-size);
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: var(--icon-color);
}

/* Tick */
.icon--tick::before{
  content: "";
  position: absolute;
  left: 0px;
  top: -4px;
  width: 8px;
  height: 16px;
  border-right: var(--icon-stroke) solid currentColor;
  border-bottom: var(--icon-stroke) solid currentColor;
  transform: rotate(45deg);
  box-sizing: border-box;
}

/* Cross */
.icon--cross::before,
.icon--cross::after{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: var(--icon-stroke);
  background: currentColor;
  transform-origin: 50% 50%;
  border-radius: 999px;
}

.icon--cross::before{
  transform: translateY(-50%) rotate(45deg);
}

.icon--cross::after{
  transform: translateY(-50%) rotate(-45deg);
}
#top select{padding:16px 8px 0px 8px;}
.lma-custom-amount-form button.rx-cta-primary{
background: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%) !important;
background-color: #3b82f6 !important;
background-image: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%) !important;
border: 2px solid #3b82f6;
color: #ffffff !important;
box-shadow: 0 4px 16px -4px rgba(15,23,42,.12), 0 0 40px -10px rgba(13,165,165,.40) !important;
font-size:16px; font-weight:600; padding:10px 20px; border-radius:20px; cursor:pointer;
}