.elementor-653 .elementor-element.elementor-element-be73c61{--display:flex;}.elementor-653 .elementor-element.elementor-element-10157b1{--display:flex;}/* Start custom CSS for html, class: .elementor-element-2e51240 *//* =====================================================
   FORCE UNIVERSAL HEADER TO FULL BROWSER WIDTH
   Fixes Elementor white space on top and sides
   ===================================================== */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

body {
  background: #050505 !important;
}

/* Remove spacing from the first Elementor section/container */
body .elementor,
body .elementor-page,
body .elementor-section-wrap,
body .elementor-location-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Break the header outside any boxed Elementor container */
.driveafy-global-header-wrapper {
  position: relative !important;
  left: 50% !important;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: -50vw !important;

  padding: 0 !important;

  background: #050505 !important;
}

/* Remove spacing around the HTML widget containing the header */
.elementor-widget-html:has(.driveafy-global-header-wrapper),
.elementor-widget-container:has(.driveafy-global-header-wrapper) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Prevent the first Elementor container from adding white borders */
.elementor-element:first-child,
.elementor-section:first-child,
.e-con:first-child {
  margin-top: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e197135 */<style>
/* =========================================================
   FEATURED GUIDE — LAYOUT FIX
   Add this AFTER the original Featured Guide CSS
========================================================= */

.driveafy-featured-guide {
  padding: 90px 0 !important;
}

.driveafy-featured-wrap {
  width: min(1280px, calc(100% - 60px)) !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: minmax(0, 52%) minmax(0, 48%) !important;
  gap: 60px !important;
  align-items: center !important;
}

.driveafy-featured-image,
.driveafy-featured-content {
  width: 100% !important;
  min-width: 0 !important;
}

.driveafy-featured-image {
  min-height: 650px !important;
}

.driveafy-featured-image img {
  width: 100% !important;
  min-height: 650px !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.driveafy-featured-content {
  position: relative !important;
  padding: 20px 0 !important;
  overflow: visible !important;
}

.driveafy-featured-eyebrow {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.driveafy-featured-eyebrow-line {
  width: 45px !important;
  min-width: 45px !important;
  flex-shrink: 0 !important;
}

.driveafy-featured-eyebrow span:last-child {
  display: inline-block !important;
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.driveafy-featured-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-bottom: 22px !important;
}

.driveafy-featured-meta span {
  width: auto !important;
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
}

.driveafy-featured-content h2 {
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 !important;

  font-size: clamp(46px, 4.2vw, 72px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
}

.driveafy-featured-content h2 span {
  display: block !important;
}

.driveafy-featured-description {
  max-width: 600px !important;
  margin-top: 28px !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.driveafy-featured-number {
  top: -50px !important;
  right: 0 !important;
  font-size: 180px !important;
  opacity: 0.65 !important;
}

.driveafy-featured-topics {
  margin-top: 34px !important;
}

.driveafy-featured-topic {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 19px 0 !important;
}

.driveafy-featured-buttons {
  margin-top: 34px !important;
}


/* TABLET */
@media (max-width: 1050px) {

  .driveafy-featured-wrap {
    width: min(900px, calc(100% - 50px)) !important;
    grid-template-columns: 1fr !important;
    gap: 55px !important;
  }

  .driveafy-featured-image,
  .driveafy-featured-image img {
    min-height: 620px !important;
  }

  .driveafy-featured-content h2 {
    max-width: 760px !important;
    font-size: clamp(50px, 7vw, 72px) !important;
  }

  .driveafy-featured-number {
    right: 10px !important;
  }

}


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

  .driveafy-featured-guide {
    padding: 65px 0 75px !important;
  }

  .driveafy-featured-wrap {
    width: calc(100% - 36px) !important;
    gap: 42px !important;
  }

  .driveafy-featured-image,
  .driveafy-featured-image img {
    min-height: 480px !important;
  }

  .driveafy-featured-image::before {
    inset: 12px !important;
  }

  .driveafy-featured-badge {
    top: 28px !important;
    left: 27px !important;
  }

  .driveafy-featured-image-info {
    left: 28px !important;
    right: 28px !important;
    bottom: 31px !important;
  }

  .driveafy-featured-content h2 {
    max-width: 100% !important;
    font-size: clamp(40px, 12vw, 56px) !important;
  }

  .driveafy-featured-eyebrow {
    gap: 12px !important;
  }

  .driveafy-featured-eyebrow-line {
    width: 35px !important;
    min-width: 35px !important;
  }

  .driveafy-featured-eyebrow span:last-child {
    min-width: 0 !important;
    white-space: normal !important;
    line-height: 1.5 !important;
  }

  .driveafy-featured-number {
    top: -18px !important;
    font-size: 115px !important;
  }

  .driveafy-featured-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .driveafy-featured-btn {
    width: 100% !important;
  }

}
</style>/* End custom CSS */