/* Start custom CSS for html, class: .elementor-element-9203f39 */.header-container {
  max-width: 600px;
  margin: 30px auto;                  /* Center and add top/bottom space */
  padding: 20px 15px;
  background: #fff;                   /* White background */
  border-radius: 8px;                 /* Rounded corners */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Soft shadow for depth */
  text-align: center;                 /* Center the text */
  font-family: 'Poppins', Arial, sans-serif; /* Modern font */
}

.header-title {
  font-size: 32px;                    /* Large, bold heading */
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.2;
}

.header-subtitle {
  font-size: 18px;                    /* Subheading size */
  color: #555;
  margin: 0;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8be764 *//* Main Container with Card Style */
.mobile-container {
  max-width: 600px;
  margin: 30px auto;
  padding: 30px 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  color: #333;
  text-align: center;
  font-family: 'Poppins', Arial, sans-serif; /* Modern font; adjust if needed */
}

/* Main Heading */
.main-heading {
  font-size: 32px;
  font-weight: 700;
  color: #C62828;
  line-height: 1.2;
  margin-bottom: 20px;
}

/* Sub-heading */
.sub-heading {
  font-size: 26px;
  font-weight: 600;
  color: #444;
  margin-bottom: 25px;
}

/* Paragraph Text */
.mobile-container p {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Bullet List Container */
.mobile-container ul {
  list-style: none;
  padding: 0;
  margin: 0 auto 25px auto;
  max-width: 550px;
  text-align: left;
}

/* List Items with Flex to Align Custom Arrow & Text */
.mobile-container li {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

/* Custom Arrow Icon for List Items */
.mobile-container li::before {
  content: "➤";
  color: #FF9800;
  font-weight: bold;
  margin-right: 10px;
  font-size: 24px;
}

/* Highlight Orange Text */
.highlight-orange {
  color: #FF9800;
  font-weight: bold;
}

/* Responsive Adjustments for Mobile */
@media (max-width: 768px) {
  .mobile-container {
    padding: 25px 15px;
    margin: 20px 10px;
  }
  .main-heading {
    font-size: 28px;
  }
  .sub-heading {
    font-size: 24px;
  }
  .mobile-container p,
  .mobile-container li {
    font-size: 22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51c26f5 */.review-box {
  max-width: 600px;
  margin: 20px auto;
  padding: 20px;
  border: 2px solid #E91E63;
  border-radius: 8px;
  background: #fff;
  font-family: Arial, sans-serif;
  color: #333;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Stars + Rating */
.stars-rating {
  text-align: center;
  margin-bottom: 15px;
  font-size: 22px; /* Bigger rating text */
  font-weight: bold;
}
.stars {
  color: #FFD700; /* Gold */
  margin-right: 5px;
}
.rating-text {
  color: #333;
  font-weight: bold;
}

/* Pros Heading */
.pros-heading {
  font-size: 26px; /* Larger heading */
  margin-bottom: 15px;
  color: #E91E63;
  font-weight: bold;
  text-align: left;
}

/* Pros List - Force single column */
.pros-list {
  list-style: none;
  padding: 0;
  margin: 0;
  column-count: 1 !important;
  -webkit-column-count: 1 !important;
  -moz-column-count: 1 !important;
}

/* List Items: Use flex to align arrow and text */
.pros-list li {
  display: flex;
  align-items: center;
  font-size: 20px;       /* Bigger text */
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 12px;
}

/* Arrow Icon */
.pros-list li .arrow {
  flex-shrink: 0;
  color: #E91E63;
  font-size: 26px;       /* Bigger arrow */
  margin-right: 10px;
  line-height: 1;
}

/* Text after the arrow */
.pros-list li .text {
  flex: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .review-box {
    margin: 15px;
    padding: 15px;
  }
  .stars-rating {
    font-size: 20px;
  }
  .pros-heading {
    font-size: 22px;
  }
  .pros-list li {
    font-size: 18px;
  }
  .pros-list li .arrow {
    font-size: 22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-477c22b *//* Container Box */
.special-box {
  max-width: 600px;                  /* Keep layout neat on large screens */
  margin: 20px auto;                 /* Center horizontally */
  padding: 20px;                     
  border: 2px solid #E91E63;         /* Pinkish border */
  border-radius: 8px;               
  background: #fff;                  
  font-family: Arial, sans-serif;    
  color: #333;                       
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* Top statement with red icon */
.icon-heading {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start; /* Keep icon + text aligned */
}

/* The red square icon on the left */
.red-icon {
  font-size: 24px;  /* Bigger icon */
  margin-right: 8px;
  flex-shrink: 0;   /* Prevent icon from shrinking */
}

/* Section Heading */
.report-heading {
  font-size: 22px;
  margin-bottom: 15px;
  color: #E91E63;  /* Pinkish heading color */
  font-weight: bold;
  text-align: left;
}

/* Numbered List (single column) */
.report-list {
  list-style: none;
  padding: 0;
  margin: 0;
  column-count: 1 !important;       /* Force single column if theme tries multi-column */
  -webkit-column-count: 1 !important;
  -moz-column-count: 1 !important;
}

/* Each list item: number + text */
.report-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 18px;         /* Larger text */
  font-weight: normal;     /* Normal weight, we’ll bold certain words only */
  line-height: 1.4;
}

/* The number on the left (e.g. "1.", "2.") */
.number {
  color: #E91E63;          /* Same accent color as border */
  font-size: 24px;
  margin-right: 10px;
  font-weight: bold;
  flex-shrink: 0;
}

/* The main text after the number */
.text {
  flex: 1;
}

/* Responsive Tweaks for Mobile */
@media (max-width: 768px) {
  .special-box {
    margin: 15px;
    padding: 15px;
  }
  .icon-heading {
    font-size: 16px;
  }
  .red-icon {
    font-size: 20px;
  }
  .report-heading {
    font-size: 20px;
  }
  .report-list li {
    font-size: 16px;
  }
  .number {
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca3c7dd *//* Main Container */
.price-offer {
  max-width: 500px;
  margin: 30px auto;
  padding: 30px 20px;
  background: #fff;
  border-radius: 12px;
  text-align: center;
  font-family: 'Poppins', Arial, sans-serif; /* Use Poppins if available */
  color: #333;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

/* Top Gradient Accent Bar */
.price-offer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(to right, #FF5722, #FFC107);
}

/* Offer Heading */
.offer-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #FF5722;
  text-transform: uppercase;
}

/* Original Price */
.original-price {
  font-size: 18px;
  margin-bottom: 10px;
  color: #666;
}

/* Offer & Discount Line */
.offer-line {
  font-size: 20px;
  margin-bottom: 15px;
  color: #333;
  font-weight: 600;
}
.arrow {
  margin: 0 5px;
}

/* Big Discount Number */
.discount-big {
  font-size: 32px;
  color: #FF5722;
}

/* Final Price Line */
.final-price-line {
  font-size: 20px;
  margin-bottom: 25px;
  color: #333;
  font-weight: 600;
}
.final-price {
  font-size: 32px;
  color: #FF5722;
  margin-left: 5px;
}

/* Call-to-Action Note */
.cta-note {
  font-size: 16px;
  color: #444;
  margin-bottom: 15px;
}

/* NEXT Button */
.next-button {
  display: inline-block;
  background: linear-gradient(to right, #FF5722, #FFC107);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.next-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* Hurry Up Note */
.hurry-note {
  font-size: 16px;
  color: #FF5722;
  font-weight: 600;
}

/* Responsive: Make Text Bigger on Mobile Screens */
@media (max-width: 768px) {
  .price-offer {
    margin: 20px 10px;
    padding: 20px 15px;
  }
  .offer-heading {
    font-size: 26px;  /* Increased from 24px */
  }
  .original-price {
    font-size: 20px;  /* Increased from 18px */
  }
  .offer-line {
    font-size: 24px;  /* Increased from 20px */
  }
  .discount-big {
    font-size: 36px;  /* Increased from 32px */
  }
  .final-price-line {
    font-size: 24px;  /* Increased from 20px */
  }
  .final-price {
    font-size: 36px;  /* Increased from 32px */
  }
  .cta-note {
    font-size: 18px;  /* Increased from 16px */
  }
  .next-button {
    font-size: 22px;  /* Increased from 20px */
    padding: 12px 35px; /* Slightly bigger padding */
  }
  .hurry-note {
    font-size: 18px;  /* Increased from 16px */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a1738e *//* Full-width button */
.full-width-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: white;
    border: none;
    cursor: pointer;
    background: #0057FF;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

/* Hover Effect */
.full-width-button:hover {
    background: #0040CC;
}

/* When clicked, hide text and make the whole button a loader */
.full-width-button.loading {
    color: transparent; /* Hide text */
    cursor: not-allowed;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Add spinner inside the button */
.full-width-button.loading::after {
    content: "";
    width: 30px;
    height: 30px;
    border: 4px solid white;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

/* Spinner Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4460b07 */.menu-vertical-container {
  max-width: 200px;               /* Very small container width */
  margin: 10px auto;              /* Center horizontally */
  padding: 10px;                  
  border: 1px solid #e3e3e3;      /* Subtle border */
  border-radius: 6px;             /* Slightly rounded corners */
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* Light shadow */
  font-family: Arial, sans-serif; /* Clean, readable font */
}

.menu-vertical.nav {
  list-style: none;               /* Remove default bullets */
  margin: 0;
  padding: 0;
}

.menu-vertical.nav li {
  margin: 6px 0;                  /* Minimal spacing between items */
}

/* Link Styles (Very small font) */
.menu-vertical.nav li a {
  text-decoration: none;
  color: #1976d2;
  font-size: 12px;                /* Small text */
  transition: color 0.2s ease;
}

.menu-vertical.nav li a:hover {
  text-decoration: underline;
  color: #0d47a1;                 /* Darker blue on hover */
}

/* On Mobile, slightly bigger text for readability */
@media (max-width: 768px) {
  .menu-vertical-container {
    max-width: 80%;               /* Fill more space on small screens */
  }
  .menu-vertical.nav li a {
    font-size: 14px;              /* A bit bigger for mobile */
  }
}/* End custom CSS */