.elementor-135 .elementor-element.elementor-element-74d56e9:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-74d56e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-74d56e9 > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor4 );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-135 .elementor-element.elementor-element-74d56e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15px;margin-bottom:-15px;}.elementor-135 .elementor-element.elementor-element-b6d65a6:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-b6d65a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-135 .elementor-element.elementor-element-b6d65a6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-135 .elementor-element.elementor-element-b6d65a6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-135 .elementor-element.elementor-element-bee3e83:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-bee3e83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-bee3e83{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-135 .elementor-element.elementor-element-bee3e83 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-135 .elementor-element.elementor-element-d51db76:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-d51db76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-d51db76{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-135 .elementor-element.elementor-element-d51db76 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-135 .elementor-element.elementor-element-8d629dd:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-8d629dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-8d629dd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-135 .elementor-element.elementor-element-8d629dd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-135 .elementor-element.elementor-element-26d6017:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-26d6017 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-26d6017{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-135 .elementor-element.elementor-element-26d6017 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-135 .elementor-element.elementor-element-74d56e9{margin-top:-30px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-510f119 *//* ================= RESET ================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
}

/* ================= HERO ================= */
.hero {
  width: 100%;
  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 40px 80px;
  gap: 40px;

  background: linear-gradient(135deg, #4c1d95, #7c3aed);
}

/* ================= LEFT ================= */
.hero-content {
  max-width: 520px;
  color: #fff;

  background: rgba(255,255,255,0.08);
  padding: 30px;
  border-radius: 20px;
  backdrop-filter: blur(15px);
}

/* HEADING */
.hero h1 {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.3;
  color: #fff;

  text-shadow: 0 5px 20px rgba(0,0,0,0.4);
}

.hero h1 span {
  display: block;
  background: linear-gradient(90deg, #c4b5fd, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ================= SERVICES ================= */
.hero-services {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-services span {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 20px;

  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
}

/* ================= TAGLINE ================= */
.hero-tagline {
  margin-top: 12px;
  font-size: 14px;
  color: #e5e7eb;
}

/* ================= BUTTONS ================= */
.hero-buttons {
  margin-top: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.btn {
  padding: 12px 18px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

/* PRIMARY */
.primary {
  background: linear-gradient(135deg, #25D366, #16a34a);
  color: #fff;
}

/* SECONDARY */
.secondary {
  background: #fff;
  color: #4c1d95;
}

/* HOVER */
.btn:hover {
  transform: translateY(-3px);
}

/* ================= IMAGE ================= */
.hero-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-image img {
  width: 100%;
  max-width: 600px;
  border-radius: 20px;

  transform: rotate(5deg);
  transition: 0.5s;

  box-shadow: 
    0 30px 80px rgba(0,0,0,0.6),
    0 0 40px rgba(124,58,237,0.5);

  animation: float 4s ease-in-out infinite;
}

.hero-image img:hover {
  transform: rotate(0deg) scale(1.05);
}

/* FLOAT ANIMATION */
@keyframes float {
  0% { transform: translateY(0px) rotate(5deg); }
  50% { transform: translateY(-10px) rotate(5deg); }
  100% { transform: translateY(0px) rotate(5deg); }
}

/* ================= MOBILE ================= */
@media(max-width: 768px) {

  .hero {
    flex-direction: column;
    padding: 20px;
    text-align: center;
  }

  .hero h1 {
    font-size: 26px;
  }

  .hero-buttons {
    flex-direction: column;
  }

  .hero-image img {
    margin-top: 20px;
    transform: rotate(3deg);
  }
}
/* ================= SERVICES ================= */
.hero-services {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-services span {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 20px;

  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
}

/* ================= MOBILE FIX ADVANCED ================= */
@media(max-width: 768px) {

  .hero {
    flex-direction: column;
    padding: 20px 15px;
    text-align: center;
    gap: 20px;
  }

  .hero-content {
    max-width: 100%;
    padding: 20px;
  }

  /* HEADING FIX (important 🔥) */
  .hero h1 {
    font-size: clamp(22px, 6vw, 32px);
    line-height: 1.2;
    white-space: normal;   /* wrap allow for mobile */
  }

  /* SUB TEXT (agar use kar raha hai) */
  .hero-sub {
    font-size: 16px;
  }

  /* SERVICES FIX */
  .hero-services {
    justify-content: center;
  }

  .hero-services span {
    font-size: 12px;
    padding: 5px 10px;
  }

  /* BUTTON FIX */
  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }

  .btn {
    width: 100%;
    text-align: center;
  }

  /* IMAGE FIX */
  .hero-image {
    width: 100%;
  }

  .hero-image img {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    transform: rotate(2deg);
  }
}
.hero h1 {
  font-size: 42px;
  white-space: nowrap;
}

/* MOBILE FIX */
@media(max-width: 768px) {
  .hero h1 {
    font-size: clamp(22px, 6vw, 32px);
    white-space: normal;  /* 🔥 mobile me wrap allow */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-653068e *//* SECTION */
.quick-services {
  padding: 70px 15px;
  text-align: center;
  background: linear-gradient(135deg, #f9fafb, #eef2ff);
}

/* TITLE */
.quick-services h2 {
  font-size: 26px;
  font-weight: 700;
  color: #111827;
}

.sub {
  font-size: 14px;
  color: #6b7280;
  margin-top: 6px;
}

/* CONTAINER */
.qs-container {
  display: grid;
  gap: 18px;
  margin-top: 30px;
}

/* CARD */
.qs-card {
  background: rgba(255,255,255,0.7);
  padding: 22px;
  border-radius: 18px;
  transition: all 0.35s ease;
  backdrop-filter: blur(10px);

  border: 1px solid rgba(0,0,0,0.05);

  box-shadow: 
    0 10px 25px rgba(0,0,0,0.06),
    0 2px 8px rgba(0,0,0,0.04);

  position: relative;
  overflow: hidden;
}

/* ICON */
.qs-card .icon {
  font-size: 30px;
  margin-bottom: 12px;
  display: inline-block;
  transition: 0.3s;
}

/* TEXT */
.qs-card h3 {
  font-size: 17px;
  font-weight: 600;
  color: #111827;
}

.qs-card p {
  font-size: 13px;
  color: #6b7280;
  margin-top: 6px;
  line-height: 1.5;
}

/* HOVER EFFECT 🔥 */
.qs-card::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, rgba(124,58,237,0.15), transparent);
  top: -50%;
  left: -50%;
  opacity: 0;
  transition: 0.4s;
}

.qs-card:hover::before {
  opacity: 1;
}

.qs-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 
    0 20px 40px rgba(0,0,0,0.12),
    0 5px 15px rgba(124,58,237,0.2);
}

.qs-card:hover .icon {
  transform: scale(1.2);
}

/* BUTTON */
.qs-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 13px 28px;
  background: linear-gradient(135deg, #7c3aed, #4c1d95);
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 600;
  transition: 0.3s;

  box-shadow: 0 10px 20px rgba(124,58,237,0.3);
}

.qs-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(124,58,237,0.4);
}

/* DESKTOP */
@media(min-width: 768px) {
  .qs-container {
    grid-template-columns: repeat(3, 1fr);
  }

  .quick-services h2 {
    font-size: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbd478d *//* SECTION */
.insta-proof {
  padding: 60px 15px;
  text-align: center;
  background: #f9fafb;
}

/* TITLE */
.insta-proof h2 {
  font-size: 22px;
}

.proof-sub {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
}

/* CONTAINER */
.proof-container {
  display: grid;
  gap: 15px;
  margin-top: 25px;
}

/* CARD */
.proof-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

/* IMAGE */
.proof-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* OVERLAY */
.overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 13px;
}

/* BUTTON */
.proof-btn {
  display: inline-block;
  margin-top: 25px;
  padding: 12px 25px;
  background: #7c3aed;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  font-weight: 600;
}

/* DESKTOP */
@media(min-width: 768px) {
  .proof-container {
    grid-template-columns: repeat(3, 1fr);
  }

  .insta-proof h2 {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00b68f5 *//* SECTION */
.pricing {
  padding: 70px 20px;
  text-align: center;
  background: #f9fafb;
}

/* TITLE */
.pricing h2 {
  font-size: 26px;
}

.price-sub {
  margin-top: 5px;
  color: #555;
}

/* GRID */
.pricing-container {
  display: grid;
  gap: 20px;
  margin-top: 40px;
}

/* CARD */
.price-card {
  background: #fff;
  padding: 25px 20px;
  border-radius: 16px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  position: relative;
  transition: 0.3s;
}

/* POPULAR CARD */
.popular {
  border: 2px solid #7c3aed;
  transform: scale(1.03);
}

/* TAG */
.tag {
  position: absolute;
  top: -12px;
  right: 12px;
  background: #7c3aed;
  color: #fff;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 20px;
}

/* PRICE */
.price-card h2 {
  margin: 10px 0;
  font-size: 26px;
}

.price-card span {
  font-size: 14px;
  color: #777;
}

/* FEATURES (IMPORTANT ALIGNMENT) */
.features {
  list-style: none;
  padding: 0;
  margin: 20px 0;

  text-align: left;
}

.features li {
  margin: 10px 0;
  font-size: 14px;

  display: flex;
  align-items: center;
  gap: 8px;
}

/* CHECK ICON */
.features li::before {
  content: "✔";
  color: #22c55e;
  font-weight: bold;
}

/* BUTTON */
.btn {
  margin-top: auto;
  padding: 12px;
  border-radius: 25px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  text-align: center;
}

/* HOVER */
.price-card:hover {
  transform: translateY(-8px);
}

/* DESKTOP */
@media(min-width: 768px) {
  .pricing-container {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1000px;
    margin: 40px auto 0;
  }

  .pricing h2 {
    font-size: 32px;
  }
}
/* PRICE CARD TEXT FIX */
.price-card {
  color: #111; /* DARK TEXT */
}

/* TITLE */
.price-card h3 {
  color: #111;
}

/* PRICE */
.price-card h2 {
  color: #111;
}

/* FEATURES TEXT */
.features li {
  color: #333;
}

/* REMOVE ANY WHITE TEXT */
.price-card * {
  color: inherit;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f06301 *//* SECTION */
.why {
  padding: 70px 20px;
  text-align: center;
  background: #f9fafb;
}

/* TITLE */
.why h2 {
  font-size: 26px;
  color: #111;
}

.why-sub {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
}

/* GRID */
.why-wrap {
  display: grid;
  gap: 20px;
  margin-top: 40px;
}

/* CARD */
.why-card {
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  transition: 0.3s;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* ICON */
.icon {
  font-size: 28px;
  margin-bottom: 10px;
}

/* TEXT */
.why-card h3 {
  font-size: 18px;
  color: #111;
}

.why-card p {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
}

/* HOVER */
.why-card:hover {
  transform: translateY(-6px);
}

/* DESKTOP */
@media(min-width: 768px) {
  .why-wrap {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1100px;
    margin: 50px auto 0;
  }

  .why h2 {
    font-size: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f9ce31 *//* SECTION */
.results {
  padding: 70px 20px;
  text-align: center;
  background: #111;
  color: #fff;
}

/* TITLE */
.results h2 {
  font-size: 26px;
}

.result-sub {
  margin-top: 5px;
  color: #aaa;
  font-size: 14px;
}

/* GRID */
.result-wrap {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}

/* BOX */
.result-box h3 {
  font-size: 28px;
  color: #7c3aed;
}

.result-box p {
  font-size: 14px;
  color: #ccc;
}

/* DESKTOP */
@media(min-width: 768px) {
  .results h2 {
    font-size: 32px;
  }

  .result-box h3 {
    font-size: 36px;
  }
}/* End custom CSS */