.elementor-25127 .elementor-element.elementor-element-770384e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25127 .elementor-element.elementor-element-d505ff5{border-style:none;--item-text-color:var( --e-global-color-astglobalcolor1 );--item-text-hover-color:var( --e-global-color-astglobalcolor1 );--item-text-hover-decoration:underline;}.elementor-25127 .elementor-element.elementor-element-d505ff5 .elementor-toc__header-title{text-align:start;}.elementor-25127 .elementor-element.elementor-element-d505ff5 .elementor-toc__header{flex-direction:row;}.elementor-25127 .elementor-element.elementor-element-0aa68a7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25127 .elementor-element.elementor-element-0aa68a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25127 .elementor-element.elementor-element-744b970{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25127 .elementor-element.elementor-element-9fc300b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25127 .elementor-element.elementor-element-9fc300b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25127 .elementor-element.elementor-element-916f50a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25127 .elementor-element.elementor-element-5253768{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25127 .elementor-element.elementor-element-5253768.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25127 .elementor-element.elementor-element-85b3cea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25127 .elementor-element.elementor-element-244af47{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25127 .elementor-element.elementor-element-244af47.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25127 .elementor-element.elementor-element-c288353{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25127 .elementor-element.elementor-element-7788ee5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25127 .elementor-element.elementor-element-7788ee5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25127 .elementor-element.elementor-element-0f1ec2e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25127 .elementor-element.elementor-element-db95a86{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25127 .elementor-element.elementor-element-db95a86.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25127 .elementor-element.elementor-element-a9c5ad7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-25127 .elementor-element.elementor-element-770384e{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25127 .elementor-element.elementor-element-d505ff5{--box-min-height:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--box-border-width:0px;--box-border-radius:0px;--separator-width:0px;--box-padding:0px;--nested-list-indent:0px;}.elementor-25127 .elementor-element.elementor-element-0aa68a7{padding:40px 0px 40px 0px;}.elementor-25127 .elementor-element.elementor-element-744b970{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25127 .elementor-element.elementor-element-9fc300b{padding:40px 0px 40px 0px;}.elementor-25127 .elementor-element.elementor-element-916f50a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25127 .elementor-element.elementor-element-5253768{padding:40px 0px 40px 0px;}.elementor-25127 .elementor-element.elementor-element-85b3cea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25127 .elementor-element.elementor-element-244af47{padding:40px 0px 40px 0px;}.elementor-25127 .elementor-element.elementor-element-c288353{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25127 .elementor-element.elementor-element-7788ee5{padding:40px 0px 40px 0px;}.elementor-25127 .elementor-element.elementor-element-0f1ec2e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25127 .elementor-element.elementor-element-db95a86{padding:40px 0px 40px 0px;}}/* Start custom CSS *//* Custom CSS to make WPReviewPro match your content section styling */

/* Give the review wrapper the same box styling as content sections */
.wp-review-13753.review-wrapper {
  margin: 30px 0;
  background-color: #fff;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
  padding: 30px !important;
  position: relative;
  overflow: hidden;
  border: none !important;
}

/* Add the red gradient top border */
.wp-review-13753.review-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #ef4d48 0%, #d90700 100%);
  z-index: 1;
}

/* Match heading styles with content sections */
.wp-review-13753 .review-title {
  color: #2c5282 !important;
  font-weight: 700 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 0 10px 0 !important;
  position: relative;
}

.wp-review-13753 .review-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: #ef4d48;
  border-radius: 3px;
}

/* Match paragraph text styling */
.wp-review-13753 .review-desc p,
.wp-review-13753 .reviewed-item p {
  color: #4a5568 !important;
  line-height: 1.7 !important;
}

/* Style the review list items */
.wp-review-13753 .review-list li {
  background-color: #f8fafc !important;
  border-radius: 8px !important;
  margin-bottom: 10px !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.wp-review-13753 .review-list li:nth-child(2n) {
  background-color: #f0f4f8 !important;
}

/* Style the pros and cons */
.wp-review-13753 .review-pros-cons {
  border-top: 1px solid #edf2f7 !important;
  border-bottom: 1px solid #edf2f7 !important;
  padding: 20px 0 !important;
  margin: 20px 0 !important;
}

.wp-review-13753 .review-pros ul li,
.wp-review-13753 .review-cons ul li {
  color: #4a5568 !important;
  line-height: 1.7 !important;
  margin-bottom: 8px !important;
  position: relative !important;
}

/* Style the links to match your site */
.wp-review-13753 .review-links a {
  color: #ef4d48 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  background: transparent !important;
  transition: color 0.2s !important;
}

.wp-review-13753 .review-links a:hover {
  color: #d90700 !important;
  background: transparent !important;
  text-decoration: underline !important;
}

/* Remove any extra borders */
.wp-review-13753 .review-list li:last-child,
.wp-review-13753 .reviewed-item,
.wp-review-13753 .review-links {
  border: none !important;
}

/* Make the review box take full width */
.wp-review-13753.review-wrapper {
  width: 100% !important;
  float: none !important;
}

/* Remove ALL hover effects that cause blue backgrounds */
.e-con-boxed:hover {
  background-color: transparent;
}

/* Intro section title styling */
h1.elementor-heading-title,
h2.elementor-heading-title {
  color: #2c5282;
  font-weight: 700;
}

/* Table of Contents styling */
.elementor-toc__header {
  background-color: #f8fafc;
  padding: 15px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.elementor-toc__header-title {
  color: #2c5282;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
}

.elementor-toc__body {
  padding: 15px 20px;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.elementor-toc__list-wrapper {
  padding-left: 20px;
  margin: 0;
}

.elementor-toc__list-item {
  margin-bottom: 10px;
}

.elementor-toc__list-item-text {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.elementor-toc__list-item-text:hover {
  color: #d90700; /* Updated to darker red for hover */
  font-weight: 700;
}

.elementor-toc__list-item-text.elementor-item-active {
  font-weight: 700;
}

/* Call to action box */

.e-con-boxed p {
  margin: 0;
  color: #2c5282;
}

.e-con-boxed strong {
  font-weight: 700;
}

.e-con-boxed a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
}

.e-con-boxed a:hover {
  color: #d90700; /* Updated to darker red */
}

/* Button styling */
.elementor-button {
  background-color: #ef4d48;
  color: #fff;
  font-weight: 700;
  padding: 12px 24px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  transition: background-color 0.3s;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.elementor-button:hover {
  background-color: #d90700;
  color: #fff;
}

.elementor-button-text {
  display: inline-block;
}

/* Breadcrumb styling */
.aioseo-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  color: #718096;
}

.aioseo-breadcrumb {
  display: inline-flex;
  align-items: center;
}

.aioseo-breadcrumb a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  transition: color 0.2s;
  font-weight: 700;
}

.aioseo-breadcrumb a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

.aioseo-breadcrumb-separator {
  margin: 0 8px;
  color: #cbd5e0;
}

@media (max-width: 768px) {
  .review-faq-section {
    padding: 20px;
  }
  
  .elementor-tab-title {
    padding: 12px 15px;
  }
  
  .elementor-tab-content {
    padding: 15px;
  }
}

/* Styling for Elementor FAQ Widget */
.elementor-accordion {
  margin: 20px 0;
}

.elementor-accordion-item {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  overflow: hidden;
}

.elementor-tab-title {
  background-color: #f8fafc;
  padding: 15px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
}

.elementor-tab-title:hover {
  background-color: #f0f4f8;
}

.elementor-tab-title.elementor-active {
  background-color: #e3f2fd;
  border-bottom: 1px solid #e0e0e0;
}

.elementor-tab-title a {
  color: #2c5282;
  font-weight: 600;
  text-decoration: none;
}

.elementor-accordion-icon {
  color: #3498db;
  margin-right: 10px;
}

.elementor-tab-content {
  padding: 20px;
  color: #4a5568;
  line-height: 1.7;
}

.elementor-tab-content p {
  margin-bottom: 15px;
}

.elementor-tab-content p:last-child {
  margin-bottom: 0;
}

.elementor-tab-content ul {
  padding-left: 25px;
  margin-bottom: 15px;
}

.elementor-tab-content li {
  margin-bottom: 8px;
  position: relative;
  color: #4a5568;
}

.elementor-tab-content a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.elementor-tab-content a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Custom classes to add to the FAQ widget in Elementor - matching other section styles */
.review-faq-section {
  margin: 30px 0;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.review-faq-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #ef4d48 0%, #d90700 100%);
  z-index: 1;
}

.review-faq-heading .elementor-heading-title {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}

.review-faq-heading .elementor-heading-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: #ef4d48;
  border-radius: 3px;
}

/* What To Do When an Offer Doesn't Track section */
.tracking-steps {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
}

.tracking-step {
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.tracking-step h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
}

.tracking-step ol {
  padding-left: 25px;
  margin-bottom: 0;
}

.tracking-step ol li {
  margin-bottom: 12px;
  color: #4a5568;
  padding-left: 5px;
  line-height: 1.7;
}

.tracking-step ol li:last-child {
  margin-bottom: 0;
}

.tracking-step ol li ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 8px;
  margin-bottom: 0;
}

.tracking-step ol li ul li {
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

.tracking-step ol li ul li .fa {
  color: #3498db;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

.tracking-step ul li:last-child {
  margin-bottom: 0;
}

.tracking-step a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.tracking-step a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

.tracking-guide-promo {
  background-color: #e3f2fd;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0 0 0;
  border-left: 4px solid #2196F3;
  text-align: center;
}

.tracking-guide-promo p {
  margin-bottom: 0;
  font-weight: 500;
}

.tracking-guide-promo a {
  color: #ef4d48; /* Updated to match red link color */
  font-weight: 700;
}

.tracking-guide-promo a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Tips for Success section */
.tips-category {
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.tips-category h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
  position: relative;
}

.tips-for-success ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 15px;
}

.tips-for-success ul li {
  margin-bottom: 12px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

/* Style the inline FontAwesome icons */
.tips-for-success ul li .fa {
  color: #48bb78;
  position: absolute;
  left: 0;
  top: 2px;
}

.tips-for-success ul li ul {
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}

.tips-for-success ul li ul li {
  padding-left: 25px;
  margin-bottom: 5px;
}

.tips-for-success ul li ul li .fa {
  color: #3498db;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

.tips-for-success ul li:last-child {
  margin-bottom: 0;
}

.tips-for-success ul li ul li:last-child {
  margin-bottom: 0;
}

.tips-category a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.tips-category a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

.tracking-note {
  background-color: #fff5f5;
  border-left: 4px solid #f56565;
  padding: 15px;
  margin: 20px 0 0 0;
  border-radius: 4px;
}

.tracking-note p {
  margin-bottom: 0;
  color: #c53030;
  font-weight: 500;
}

.tracking-note a {
  color: #c53030;
  text-decoration: underline;
  font-weight: 700;
}

.tracking-note a:hover {
  color: #9b2c2c;
}

.earning-method h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
  position: relative;
}

.sub-section h4 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
}

/* Base styles for content sections */
.content-section {
  margin: 30px 0;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.content-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #ef4d48 0%, #d90700 100%);
  z-index: 1;
}

.content-section h2 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}

.content-section h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: #ef4d48;
  border-radius: 3px;
}

/* ==== H3 Heading Styles ==== */
.content-section h3 {
  color: #2c5282;
  margin-top: 25px;
  margin-bottom: 20px;
  font-weight: 700;
}

.content-section h3:first-child {
  margin-top: 0;
}

/* ==== H4 Heading Styles ==== */
.content-section h4,
.feature-box h4,
.sub-section h4 {
  color: #2c5282;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: 700;
}

/* First h4 in containers shouldn't have top margin */
.content-section h4:first-child,
.feature-box h4:first-child,
.sub-section h4:first-child {
  margin-top: 0;
}

.content-section p {
  color: #4a5568;
  line-height: 1.7;
  margin-bottom: 16px;
}

/* Feature box styles */
.feature-box {
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 25px;
  margin: 20px 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}

.feature-box h3 {
  margin-top: 0;
  color: #2c5282;
  font-weight: 700;
  margin-bottom: 15px;
}

/* Feature box h4 headings should have no top margin */
.feature-box h4 {
  margin-top: 0;
  color: #2c5282;
  font-weight: 700;
  margin-bottom: 15px;
}

/* Standard list styling - BACK TO ORIGINAL */
.content-section ul,
.feature-box ul,
.feature-list {
  padding-left: 0;
  list-style-type: none;
  margin: 0 0 15px 0;
}

.content-section ul li,
.feature-box ul li,
.feature-list li {
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

/* Style the inline FontAwesome icons */
.content-section ul li .fa,
.feature-list li .fa {
  color: #3498db;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 2px;
}

/* Icon variants - BACK TO ORIGINAL STYLING */
.feature-box--check ul li {
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

.feature-box--check li .fa {
  color: #68D391;
  position: absolute;
  left: 0;
  top: 0;
}

.feature-box--arrow ul li {
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

.feature-box--arrow li .fa {
  color: #3498db;
  position: absolute;
  left: 0;
  top: 0;
}

.feature-box--check-circle ul li {
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

.feature-box--check-circle li .fa {
  color: #68D391;
  position: absolute;
  left: 0;
  top: 0;
}

/* Nested lists - BACK TO ORIGINAL */
.content-section ul li ul {
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 0;
}

.content-section ul li ul li {
  padding-left: 25px;
}

.content-section ul li ul li .fa {
  color: #3498db;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

/* Ensure consistent list styling across all sections */
.content-section ol,
.tracking-step ol {
  padding-left: 25px;
  margin-bottom: 15px;
}

.content-section ol li,
.tracking-step ol li {
  margin-bottom: 8px;
  color: #4a5568;
  padding-left: 5px;
  line-height: 1.7;
}

/* Color variants */
.feature-box--green:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #68D391 0%, #38A169 100%);
}

.feature-box--blue:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #3498db 0%, #2c5282 100%);
}

.feature-box--yellow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #ffd700 0%, #ffb300 100%);
}

.feature-box--orange:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #ff9500 0%, #ff6b00 100%);
}

.feature-box--purple:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #9f7aea 0%, #805ad5 100%);
}

/* Notice components */
.notice {
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
}

.notice p {
  margin: 0;
}

.notice a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.notice a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

.notice--warning {
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
}

.notice--warning p {
  color: #5d4037;
}

.notice--info {
  background-color: #e3f2fd;
  border-left: 4px solid #2196F3;
}

.notice--info p {
  color: #0d47a1;
}

.notice--info a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.notice--info a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Lite mode note (specific variant of notice) */
.lite-mode-note {
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
}

.lite-mode-note p {
  margin: 0;
  color: #5d4037;
}

.lite-mode-note a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.lite-mode-note a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Restriction notes */
.restriction-note,
.legit-warning,
.important-note {
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
  padding: 15px;
  margin: 15px 0;
  border-radius: 4px;
}

.restriction-note h4,
.important-note h4 {
  color: #b45309;
  margin-top: 0;
  margin-bottom: 10px;
}

.restriction-note p,
.legit-warning p,
.important-note p {
  margin-bottom: 0;
  color: #5d4037;
}

.restriction-note a,
.legit-warning a,
.important-note a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.restriction-note a:hover,
.legit-warning a:hover,
.important-note a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Image containers */
.lite-mode-image {
  margin: 20px 0;
  border-radius: 8px;
  overflow: hidden;
}

.lite-mode-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Payment proof */
.payment-proof {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
}

.payment-proof img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.payment-proof p {
  margin-top: 10px;
  font-style: italic;
  color: #718096;
}

/* Steps container */
.steps-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 25px 0;
}

@media (min-width: 768px) {
  .steps-container {
    flex-direction: row;
  }
}

.step {
  display: flex;
  align-items: flex-start;
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 15px;
  flex: 1;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #ef4d48;
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
  margin-right: 12px;
  flex-shrink: 0;
}

.step-content h3 {
  color: #2c5282;
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 1rem;
}

.step-content p {
  margin: 0;
  color: #4a5568;
}

/* Coin info */
.coin-info {
  background-color: #e3f2fd;
  padding: 15px;
  border-radius: 8px;
  margin: 15px 0;
  border-left: 4px solid #2196F3;
}

.coin-info p {
  margin-bottom: 0;
  color: #0d47a1;
}

.coin-info a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.coin-info a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Earnings info */
.earnings-info {
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  margin: 15px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.earnings-info p:last-child {
  margin-bottom: 0;
}

.earnings-info a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.earnings-info a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Sub-sections */
.sub-section {
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  margin: 15px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.sub-section h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
}

.sub-section h4 {
  color: #2c5282;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 700;
}

.sub-section h5 {
  color: #2c5282;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 10px;
}

.sub-section a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.sub-section a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Link styling */
.content-section a {
  color: #ef4d48; /* Updated from #3182ce (blue) to #ef4d48 (red) */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.content-section a:hover {
  color: #d90700; /* Updated to darker red for hover state */
  text-decoration: underline;
}

/* Ways to earn components */
.earning-method {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #edf2f7;
}

.earning-method:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.earning-method h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
  position: relative;
}

.earning-method a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.earning-method a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Offer types layout */
.offer-types {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 15px;
}

.offer-type {
  flex: 1;
  min-width: 200px;
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.offer-type h5 {
  margin-top: 0;
  color: #2c5282;
  font-weight: 600;
}

.offer-type a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.offer-type a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Survey tips */
.survey-tips {
  background-color: #f0f4f8;
  padding: 15px;
  border-radius: 8px;
  margin-top: 15px;
}

.survey-tips a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.survey-tips a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Commission table */
.commission-table {
  overflow-x: auto;
  margin: 15px 0;
}

.commission-table table {
  width: 100%;
  border-collapse: collapse;
}

.commission-table th, 
.commission-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #edf2f7;
}

.commission-table th {
  background-color: #f8fafc;
  color: #2c5282;
  font-weight: 600;
}

.commission-table tr:nth-child(even) {
  background-color: #f8fafc;
}

.commission-table tr:hover {
  background-color: #f0f4f8;
}

.commission-table a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.commission-table a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Bonus lists */
.bonus-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

@media (min-width: 768px) {
  .bonus-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bonus-item {
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.bonus-item h4 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.bonus-item a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.bonus-item a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Feature note and conclusion note */
.feature-note,
.conclusion-note {
  background-color: #e3f2fd;
  padding: 15px;
  border-radius: 8px;
  margin: 15px 0;
  border-left: 4px solid #2196F3;
}

.feature-note p,
.conclusion-note {
  margin-bottom: 0;
  color: #0d47a1;
}

.feature-note a,
.conclusion-note a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.feature-note a:hover,
.conclusion-note a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

.conclusion-note {
  background-color: #e8f5e9;
  border-left: 4px solid #4caf50;
  font-weight: 500;
}

/* Payout categories */
.payout-categories {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin: 20px 0;
}

@media (min-width: 768px) {
  .payout-categories {
    grid-template-columns: repeat(2, 1fr);
  }
}

.payout-category {
  background-color: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  position: relative;
}

.payout-category h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
  position: relative;
  padding-bottom: 5px;
}

.payout-category h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: #ef4d48;
  border-radius: 2px;
}

.payout-category ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.payout-category ul li {
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
  color: #4a5568;
}

.payout-category ul li .fa {
  color: #3498db;
  position: absolute;
  left: 0;
  top: 2px;
}

.payout-category ul li:last-child {
  margin-bottom: 0;
}

.payout-category a {
  color: #ef4d48; /* Updated to match red link color */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.payout-category a:hover {
  color: #d90700; /* Updated to darker red */
  text-decoration: underline;
}

/* Special heading styles for different contexts */
.tips-category h3,
.tracking-step h3,
.payout-category h3,
.earnings-info h3,
.earning-method h3 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
}

/* Override any conflicting styles for small headings */
.feature-box h4,
.payout-category h4,
.bonus-item h4,
.offer-type h4 {
  color: #2c5282 !important;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.offer-type h5,
.bonus-item h5 {
  color: #2c5282;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

/* Mobile Spacing Improvements */
@media (max-width: 768px) {
  /* ==== Increase Vertical Spacing Only ==== */
  .content-section,
  .review-faq-section,
  .wp-review-13753.review-wrapper {
    padding: 25px 5px !important; /* Keep horizontal 5px, increase vertical */
    margin: 25px 0 !important; /* Vertical margins only */
  }
  
  /* ==== More Vertical Breathing Room for Feature Boxes ==== */
  .feature-box,
  .sub-section,
  .payout-category,
  .tracking-step,
  .tips-category,
  .earnings-info {
    padding: 25px 15px; /* Keep horizontal, increase vertical */
    margin: 30px 0; /* Increased vertical margin */
  }
  
  /* ==== Better Vertical List Item Spacing ==== */
  .content-section ul li,
  .feature-box ul li,
  .feature-list li,
  .tips-for-success ul li,
  .payout-category ul li {
    margin-bottom: 15px; /* Increased from default 8px */
    line-height: 1.6; /* Add line height for better readability */
  }
  
  .content-section ol li,
  .tracking-step ol li {
    margin-bottom: 18px; /* Increased spacing for numbered lists */
    line-height: 1.6;
  }
  
  /* ==== Paragraph Vertical Spacing ==== */
  .content-section p,
  .feature-box p,
  .sub-section p {
    margin-bottom: 20px; /* Increased from 16px */
  }
  
  /* ==== Notice Blocks - More Vertical Space ==== */
  .notice,
  .lite-mode-note,
  .restriction-note,
  .legit-warning,
  .important-note,
  .coin-info,
  .feature-note,
  .conclusion-note,
  .tracking-note,
  .tracking-guide-promo,
  .survey-tips {
    padding: 20px 12px; /* Keep horizontal tight, increase vertical */
    margin: 30px 0; /* Increased vertical margin */
  }
  
  /* ==== Heading Vertical Spacing ==== */
  .content-section h2 {
    margin-bottom: 30px; /* Increased from 20px */
    margin-top: 25px; /* Add top margin when not first */
  }
  
  .content-section h2:first-child {
    margin-top: 0; /* Remove top margin for first heading */
  }
  
  .content-section h3 {
    margin-top: 25px;
    margin-bottom: 18px;
  }
  
  .content-section h4,
  .sub-section h4 {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  
  .feature-box h3,
  .feature-box h4 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  /* First heading in containers shouldn't have top margin */
  .content-section h3:first-child,
  .feature-box h3:first-child,
  .feature-box h4:first-child,
  .sub-section h4:first-child {
    margin-top: 0;
  }
  
  /* ==== Step Components - More Vertical Room ==== */
  .step {
    padding: 20px 15px; /* Increase vertical, keep horizontal */
    margin-bottom: 25px; /* Add margin between steps */
  }
  
  .steps-container {
    gap: 25px; /* Increased gap between steps */
    margin: 35px 0; /* Increased container margin */
  }
  
  /* ==== Grid Layouts - Better Vertical Spacing ==== */
  .payout-categories,
  .bonus-list,
  .offer-types {
    gap: 25px; /* Increased from 10px */
    margin: 35px 0; /* Increased vertical margin */
  }
  
  /* ==== Table Vertical Spacing ==== */
  .commission-table {
    margin: 30px 0; /* Increased table margin */
  }
  
  .commission-table th, 
  .commission-table td {
    padding: 15px 10px; /* Increased vertical padding, keep horizontal */
  }
  
  /* ==== FAQ and Accordion - Better Vertical Space ==== */
  .elementor-tab-title {
    padding: 20px 15px; /* Increased vertical for better touch targets */
  }
  
  .elementor-tab-content {
    padding: 25px 15px; /* Increased vertical content padding */
  }
  
  .elementor-accordion-item {
    margin-bottom: 20px; /* Increased spacing between items */
  }
  
  /* ==== Table of Contents - More Vertical Space ==== */
  .elementor-toc__header {
    padding: 20px 15px;
  }
  
  .elementor-toc__body {
    padding: 25px 15px;
  }
  
  .elementor-toc__list-item {
    margin-bottom: 15px; /* Increased from 10px */
  }
  
  /* ==== Nested Content Vertical Spacing ==== */
  .content-section ul li ul {
    margin-top: 15px; /* Increased spacing before nested lists */
    margin-bottom: 15px;
  }
  
  .content-section ul li ul li {
    margin-bottom: 12px; /* Better spacing for nested items */
  }
  
  /* ==== Special Components ==== */
  .offer-type,
  .bonus-item,
  .payment-proof {
    padding: 25px 15px; /* Increased vertical padding */
    margin: 25px 0; /* Vertical margin only */
  }
  
  /* ==== Form Elements and Interactive Components ==== */
  .elementor-button {
    padding: 18px 25px; /* Larger vertical touch target */
    margin: 20px 0; /* Vertical space around buttons */
  }
  
  /* Mobile-specific fixes for lists and alignment */
  .content-section ol,
  .tracking-step ol {
    padding-left: 15px;
    margin-left: 0;
  }
  
  .content-section ol li,
  .tracking-step ol li {
    padding-left: 3px;
    position: relative;
  }
  
  .content-section ul li ul,
  .tips-for-success ul li ul,
  .content-section ol li ul {
    padding-left: 0;
    margin-left: 0;
  }
  
  .content-section ul li ul li,
  .tips-for-success ul li ul li,
  .content-section ol li ul li,
  .tracking-step ol li ul li {
    padding-left: 20px;
  }
  
  /* Mobile icon sizing */
  .content-section ul li .fa,
  .tips-for-success ul li .fa,
  .payout-category ul li .fa,
  .feature-box ul li .fa {
    font-size: 12px;
  }
}/* End custom CSS */