.elementor-4117 .elementor-element.elementor-element-4ee4195{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-4ee4195:not(.elementor-motion-effects-element-type-background), .elementor-4117 .elementor-element.elementor-element-4ee4195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://thetroublewithbillyseries.com/wp-content/uploads/2026/04/WILLAM-BOO-FINAL.webp") 50% 50%;background-size:cover;}.elementor-4117 .elementor-element.elementor-element-4e3fdeb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-339cb73{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-0074f16{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-c8bf664{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-57a0690{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-1140abd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-97d2c89{--display:flex;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-4117 .elementor-element.elementor-element-49b7806{text-align:center;}.elementor-4117 .elementor-element.elementor-element-49b7806 .elementor-heading-title{color:var( --e-global-color-e6b5c6f );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-4117 .elementor-element.elementor-element-26872bc{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-4117 .elementor-element.elementor-element-26872bc p{margin-block-end:0px;}.elementor-4117 .elementor-element.elementor-element-40be430{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;color:var( --e-global-color-b495d34 );}.elementor-4117 .elementor-element.elementor-element-6c9fe52{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-b40763a{--display:flex;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-1fd3342{text-align:center;}.elementor-4117 .elementor-element.elementor-element-1fd3342 .elementor-heading-title{color:var( --e-global-color-e6b5c6f );}.elementor-4117 .elementor-element.elementor-element-4d98ecf{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-4117 .elementor-element.elementor-element-4d98ecf p{margin-block-end:0px;}.elementor-4117 .elementor-element.elementor-element-98e35ca{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;color:var( --e-global-color-b495d34 );}.elementor-4117 .elementor-element.elementor-element-88d1c35{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-62e9115{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4117 .elementor-element.elementor-element-1980309{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}@media(max-width:1366px){.elementor-4117 .elementor-element.elementor-element-339cb73{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-a34f175 *//* ========================= */
/* HERO */
/* ========================= */
.hero {
  position: relative;
  height: 100vh;
  min-height: 650px;

  display: flex;
  align-items: center;

  padding: 0 40px;

  color: #fff;

  /* YOUR IMAGE HERE */
  background: url("your-hero-image.jpg") center/cover no-repeat;
}

/* DARK OVERLAY */
.hero-overlay {
  position: absolute;
  inset: 0;

  background: linear-gradient(
    to right,
    rgba(0,0,0,0.8) 20%,
    rgba(0,0,0,0.4) 60%,
    rgba(0,0,0,0.1) 100%
  );
}

/* CONTENT */
.hero-content {
  position: relative;
  max-width: 600px;
  z-index: 2;
}

/* ========================= */
/* TITLE */
/* ========================= */
.hero-title {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;

  margin-bottom: 20px;

  color: #fff !important;

  text-shadow: 0 4px 25px rgba(0,0,0,0.8);
}

/* ========================= */
/* SUBTEXT */
/* ========================= */
.hero-sub {
  font-size: 18px;
  line-height: 1.6;

  color: rgba(255,255,255,0.85);

  margin-bottom: 30px;
}

/* ========================= */
/* BUTTONS */
/* ========================= */
.hero-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;

  margin-bottom: 20px;
}

/* PRIMARY */
.btn-primary {
  padding: 14px 26px;

  background: linear-gradient(135deg, #ff6a00, #ff8c42);
  color: #fff !important;

  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;

  box-shadow: 0 12px 35px rgba(255,106,0,0.35);

  transition: 0.3s ease;
}

.btn-primary:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #e65c00, #ff7a1a);
}

/* SECONDARY */
.btn-secondary {
  padding: 14px 24px;

  background: rgba(255,255,255,0.08);
  color: #fff !important;

  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;

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

  transition: 0.3s ease;
}

.btn-secondary:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-2px);
}

/* ========================= */
/* TRUST LINE */
/* ========================= */
.hero-trust {
  font-size: 14px;
  color: rgba(255,255,255,0.65);
}

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

  .hero {
    padding: 0 20px;
    min-height: 600px;
  }

  .hero-title {
    font-size: 34px;
  }

  .hero-sub {
    font-size: 16px;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f9f243 *//* STRIP CONTAINER */
.info-strip {
  background: #151515;
  padding: 18px 20px;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ITEM */
.info-item {
  color: rgba(255,255,255,0.85);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease;
}

/* ICON */
.info-item span {
  opacity: 0.9;
}

/* HOVER EFFECT (subtle premium feel) */
.info-item:hover {
  color: #ffffff;
  transform: translateY(-2px);
}

/* ---------------- */
/* 📱 MOBILE */
/* ---------------- */
@media (max-width: 768px) {
  .info-strip {
    gap: 15px;
    padding: 15px;
  }

  .info-item {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efc076b */.trailer-title {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;

  text-shadow:
    0 2px 10px rgba(0,0,0,0.8),
    0 0 20px rgba(255,106,0,0.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71b8b87 *//* ========================= */
/* SECTION */
/* ========================= */
.story-section {
  position: relative;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #fff;

  /* cinematic background */
  background: radial-gradient(
    circle at center,
    #1a1a1a 0%,
    #0f0f0f 70%
  );

  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ========================= */
/* CONTAINER (GLASS EFFECT) */
/* ========================= */
.story-container {
  max-width: 820px;
  padding: 40px 30px;

  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;

  backdrop-filter: blur(6px);

  animation: fadeUp 0.9s ease forwards;
  opacity: 0;
}

/* ========================= */
/* TITLE */
/* ========================= */
.story-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;

  color: #ffffff;

  text-shadow: 0 2px 12px rgba(0,0,0,0.8);
}

/* ========================= */
/* TEXT */
/* ========================= */
.story-text {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255,255,255,0.78);
  margin-bottom: 16px;
}

/* EMPHASIS */
.story-text strong {
  color: #ffffff;
}

/* ========================= */
/* HOVER (SUBTLE DEPTH) */
/* ========================= */
.story-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  transition: 0.3s ease;
}

/* ========================= */
/* ANIMATION */
/* ========================= */
@keyframes fadeUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* ========================= */
/* MOBILE */
/* ========================= */
@media (max-width: 768px) {
  .story-title {
    font-size: 26px;
  }

  .story-text {
    font-size: 15px;
  }

  .story-container {
    padding: 25px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23abda7 */.emotion-section {
  background: #0f0f0f;
  padding: 80px 20px; /* reduced from 100+ */
}

.emotion-grid {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 50px;
}
.emotion-image {
  flex: 1.2; /* slightly bigger than text */
}

.emotion-image img {
  width: 100%;
  height: 420px; /* force cinematic height */
  object-fit: cover;
  border-radius: 14px;

  /* cinematic shadow */
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}
.emotion-content {
  flex: 1;
  max-width: 500px;
}

/* TITLE */
.emotion-content h2 {
  font-size: 42px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.2;
}

/* HIGHLIGHT TEXT */
.highlight {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.7;
}

/* BODY */
.emotion-content p {
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  line-height: 1.7;
}

/* LOYALTY */
.emotion-content strong {
  color: #ff6a00;
}
.emotion-image {
  position: relative;
}

.emotion-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    transparent 60%,
    #0f0f0f 100%
  );
}
@media (max-width: 768px) {
  .emotion-grid {
    flex-direction: column;
    text-align: center;
  }

  .emotion-image img {
    height: 260px;
  }

  .emotion-content h2 {
    font-size: 28px;
  }
}
.emotion-content h2 {
  text-shadow: 0 4px 20px rgba(0,0,0,0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6c57b3 *//* ========================= */
/* SECTION */
/* ========================= */
.cause-section {
  background: #121212;
  padding: 100px 20px;
  text-align: center;
  color: #fff;
  font-family: 'Poppins', sans-serif;

  /* subtle separators (optional but premium) */
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* CONTAINER */
.cause-container {
  max-width: 1100px;
  margin: auto;
}

/* ========================= */
/* TITLE */
/* ========================= */
.cause-title {
  font-size: 38px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 10px;

  text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}

/* SUBTEXT */
.cause-sub {
  font-size: 16px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 50px;
}

/* ========================= */
/* GRID */
/* ========================= */
.cause-grid {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

/* ========================= */
/* CARD */
/* ========================= */
.cause-card {
  background: #1a1a1a;
  padding: 35px 25px;
  width: 320px;
  border-radius: 14px;

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

  transition: all 0.3s ease;
}

/* ICON */
.cause-card .icon {
  font-size: 36px;
  margin-bottom: 15px;
  color: rgba(255,106,0,0.85);
}

/* TEXT */
.cause-card p {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
}

/* HOVER */
.cause-card:hover {
  transform: translateY(-6px);
  background: #1f1f1f;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

/* ========================= */
/* BUTTON */
/* ========================= */
.cause-btn {
  display: inline-block;
  padding: 15px 32px;
  background: linear-gradient(135deg, #ff6a00, #ff8c42);
  color: #ffffff !important;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;

  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;

  box-shadow: 0 8px 25px rgba(255,106,0,0.25);
}

/* HOVER */
.cause-btn:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #e65c00, #ff7a1a);
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(255,106,0,0.4);
}

/* SHINE */
.cause-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.25),
    transparent
  );
  transition: 0.6s;
}

.cause-btn:hover::before {
  left: 100%;
}

/* ========================= */
/* MOBILE */
/* ========================= */
@media (max-width: 768px) {
  .cause-title {
    font-size: 28px;
  }

  .cause-sub {
    font-size: 14px;
  }

  .cause-grid {
    flex-direction: column;
    align-items: center;
  }

  .cause-card {
    width: 100%;
    max-width: 350px;
  }
}/* End custom CSS */
/* Start custom CSS for main-card-slider, class: .elementor-element-c293f95 */.streamit-card-title .title-tag {
  color: #fff;
}
.css_prefix-card .color-inherit {
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fba3be5 *//* ========================= */
/* SECTION */
/* ========================= */
.press-section {
  background: #0f0f0f; /* switched to flat for better contrast */
  padding: 100px 20px;
  text-align: center;
  color: #ffffff;

  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* CONTAINER */
.press-container {
  max-width: 900px;
  margin: auto;
}

/* ========================= */
/* TITLE (FIXED VISIBILITY) */
/* ========================= */
.press-title {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 10px;

  /* clean readable shadow */
  text-shadow: 0 2px 12px rgba(0,0,0,0.8);

  letter-spacing: 0.3px;
}

/* ========================= */
/* SUBTEXT */
/* ========================= */
.press-sub {
  font-size: 16px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 10px;
}

/* DESCRIPTION */
.press-text {
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 45px;
  line-height: 1.6;
}

/* ========================= */
/* LOGOS */
/* ========================= */
.press-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;

  opacity: 0.75;
  transition: 0.3s ease;
}

/* GROUP HOVER */
.press-logos:hover {
  opacity: 1;
}

/* LOGO TEXT */
.logo {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 1px;
  text-transform: uppercase;

  transition: all 0.3s ease;

  filter: brightness(0.85);
}

/* INDIVIDUAL HOVER */
.logo:hover {
  color: rgba(255,255,255,0.9);
  transform: translateY(-2px);
}

/* ========================= */
/* MOBILE */
/* ========================= */
@media (max-width: 768px) {
  .press-title {
    font-size: 26px;
  }

  .press-sub {
    font-size: 14px;
  }

  .press-text {
    font-size: 14px;
  }

  .press-logos {
    gap: 25px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e0a6ce *//* ========================= */
/* SECTION */
/* ========================= */
.conversion-section {
  background: radial-gradient(circle at center, #141414 0%, #0b0b0b 80%);
  padding: 140px 20px;
  text-align: center;
  color: #fff;
}

/* CONTAINER */
.conversion-container {
  max-width: 1150px;
  margin: auto;
}

/* ========================= */
/* TITLE */
/* ========================= */
.conversion-title {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #ffffff;
  text-shadow: 0 4px 20px rgba(0,0,0,0.9);
}

.conversion-sub {
  font-size: 17px;
  color: rgba(255,255,255,0.75);
  margin-bottom: 80px;
}

/* ========================= */
/* GRID */
/* ========================= */
.pricing-grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
}

/* ========================= */
/* CARD */
/* ========================= */
.price-card {
  background: linear-gradient(180deg, #1c1c1c, #141414);
  padding: 50px 30px;
  width: 300px;
  border-radius: 18px;

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

  transition: all 0.35s ease;
}

/* HOVER */
.price-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 30px 80px rgba(0,0,0,0.8);
}

/* ========================= */
/* PRIMARY CARD */
/* ========================= */
.price-card.primary {
  position: relative;
  transform: scale(1.12);

  background: linear-gradient(180deg, #242424, #181818);

  border: 1px solid rgba(255,255,255,0.15);

  box-shadow:
    0 40px 100px rgba(0,0,0,0.9),
    0 0 60px rgba(255,106,0,0.12);
}

/* BADGE */
.badge {
  background: #ff6a00;
  color: #fff;
}

/* ========================= */
/* TEXT */
/* ========================= */
.price-card h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: rgba(255,255,255,0.9);
}

.price {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 12px;
}

.price span {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
}

.price-card p {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
}

.price-card span {
  display: block;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  margin-bottom: 28px;
}

/* ========================= */
/* BUTTONS */
/* ========================= */
.btn-primary {
  display: inline-block;
  padding: 15px 26px;

  background: linear-gradient(135deg, #ff6a00, #ff8c42);
  color: #fff !important;

  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;

  transition: all 0.3s ease;

  box-shadow: 0 12px 40px rgba(255,106,0,0.35);
}

.btn-primary:hover {
  background: linear-gradient(135deg, #e65c00, #ff7a1a);
  transform: translateY(-3px);
}

/* SECONDARY */
.btn-secondary {
  display: inline-block;
  padding: 15px 26px;

  background: rgba(255,255,255,0.06);
  color: #fff !important;

  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;

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

  backdrop-filter: blur(6px);

  transition: all 0.3s ease;
}

.btn-secondary:hover {
  background: rgba(255,255,255,0.12);
  transform: translateY(-3px);
}

/* ========================= */
/* TRUST LINE */
/* ========================= */
.conversion-note {
  margin-top: 60px;
  font-size: 14px;
  color: rgba(255,255,255,0.65);
}

/* ========================= */
/* MOBILE */
/* ========================= */
@media (max-width: 768px) {
  .conversion-title {
    font-size: 30px;
  }

  .pricing-grid {
    flex-direction: column;
    align-items: center;
  }

  .price-card.primary {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d5fdef *//* ========================= */
/* FOOTER */
/* ========================= */
.footer {
  background: #0b0b0b;
  padding: 80px 20px 40px;
  color: #fff;

  border-top: 1px solid rgba(255,255,255,0.05);
}

/* CONTAINER */
.footer-container {
  max-width: 1100px;
  margin: auto;
}

/* GRID */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

/* COLUMN */
.footer-col h4 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #fff;
}

.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col li {
  margin-bottom: 10px;
}

/* LINKS */
.footer-col a {
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  transition: 0.3s ease;
}

.footer-col a:hover {
  color: #fff;
}

/* TEXT */
.footer-col p {
  color: rgba(255,255,255,0.65);
  font-size: 14px;
  margin-bottom: 15px;
}

/* ========================= */
/* FORM */
/* ========================= */
.footer-form {
  display: flex;
  gap: 10px;
}

.footer-form input {
  flex: 1;
  padding: 10px;
  background: #141414;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  color: #fff;
}

.footer-form button {
  padding: 10px 16px;
  background: #ff6a00;
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s ease;
}

.footer-form button:hover {
  background: #e65c00;
}

/* ========================= */
/* BOTTOM */
/* ========================= */
.footer-bottom {
  margin-top: 60px;
  text-align: center;
}

.footer-bottom p {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
}

/* ========================= */
/* MOBILE */
/* ========================= */
@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-form {
    flex-direction: column;
  }
}/* End custom CSS */