.agency-alternative-uplift .agency-alternative-hero {
  position: relative;
  padding: 180px 0 100px;
  background-color: #090235;
  /* z-index: -1; */
}

.agency-alternative-uplift .headerText{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.agency-alternative-uplift .ppc-hdr-wrap li a.whiteBtn{
  background-color: #fff;
  color: #091e42;
  padding: 8px;
  min-width: 110px;
}

.ppc-hdr-wrap nav.affix .ppc-nav li a.whiteBtn{
  background-color: #091e42;
  color: #fff;
}

.ppc-hdr-wrap nav.affix .ppc-nav li a.whiteBtn:hover{
  background-color: #1a3f7e;
  color: #fff !important;

}

.agency-alternative-uplift .agency-alternative-hero .hero-fold-bg{
  background: url(https://www.cloudways.com/wp-content/uploads/2026/04/wp-engine-bg.webp) no-repeat center center #090235;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.agency-alternative-uplift .agency-alternative-hero .agency-alternative-hero-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  z-index: 2;
}

.agency-alternative-uplift .agency-alternative-hero .left-content {
  max-width: 740px;
}
.agency-alternative-uplift .agency-alternative-hero .left-content img.pill{
   margin-bottom: 14px;
}

.agency-alternative-uplift .agency-alternative-hero .left-content .heroFoldCta{
  border-radius: 4.668px;
  background:  linear-gradient(82deg, #FFF -37.59%, #C583E0 -37.58%, #FFBC7D 74.04%, #FFF 115.51%);
  color: #091e42;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
}

.agency-alternative-uplift .agency-alternative-hero .right-content {
  max-width: 500px;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-badge {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  /* border: 1px solid var(--Main-Stroke, rgba(255, 255, 255, 0.70)); */
  background: linear-gradient(113deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.47) 110.84%);
  color: rgba(255, 255, 255, 0.80);
  padding: 12px 20px;
  width: fit-content;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-badge-wrapper{
  position: relative;
  width: max-content;
  display: inline-block;
  z-index: -1;
}

/* .agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-badge-wrapper::before{
  content: "";
  position: absolute;
  left: -1px;
  right: 0px;
  bottom: 0;
  top: 0;
  z-index: 0;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.70);
  pointer-events: none;
}
 */


.agency-alternative-uplift .agency-alternative-hero .agency-alternative-hero-wrap h1 {
  margin: 16px 0;
}

.agency-alternative-uplift .agency-alternative-hero .agency-alternative-hero-wrap .p1-regular {
  margin: 0 0 32px;
  max-width: 570px;
  color: #fff;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-media {
  position: relative;
  width: 100%;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video {
  position: relative;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video img {
  display: block;
  width: 100%;
  height: auto;
}


.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video .videoControlBox {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video .videoControlBox::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  content: "";
  background-color: #6287c7;
  width: 76px;
  height: 76px;
  margin: auto;
  border-radius: 50%;
  z-index: 1;
  animation: play infinite 2s linear both;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video .videoControlBox::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    content: "";
    background-color: #6287c7;
    width: 76px;
    height: 76px;
    margin: auto;
    border-radius: 50%;
    z-index: 1;
    animation: play infinite 2s linear both;
}

.agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video .videoControlBox svg {
  width: 76px;
  height: 76px;
  display: block;
  position: relative;
  z-index: 2;
}

/* section three | Begins */

.agency-alternative-uplift .company_logos{
  padding: 80px 0;
}

.agency-alternative-uplift .FeatsStatsSec{
  padding-bottom: 0;
}

.agency-alternative-uplift .company_logos .FeatsStatsHeading{
  margin-bottom: 64px;
}
.agency-alternative-uplift .company_logos .company_logo_inner{
  opacity: 1;
}

/* section three | Ends */


.agency-alternative-uplift .agency_2023 .migrate_sec_two .migrate_content{
  padding: 100px 32px 100px 0px;
}

.agency-alternative-uplift .agency_2023 .migrate_sec_two .migrate_content h2{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

/* table section | Begins */
.agency-alternative-uplift .cutom_tbl_heading{
  background: #F4F5F7;
}

/* table section | Ends */
.agency-alternative-uplift .wp_engine_main .comparisonStats{
  background: #fff;
}

.agency-alternative-uplift .wp_engine_main .comparisonStats .comparisonStatsWrapper{
  margin: 40px 0 36px;
}

.agency-alternative-uplift .laravel_uplifting .testimonial_slider{
  padding: 80px 0;
}



/* Modal css | Begins */

.customModal.wp_engine_modal .modal-body{
  padding: 0;
}
.customModal.wp_engine_modal  .modal-content{
  max-width: fit-content;
  margin: 0 auto;
  position: relative;
}
.customModal.wp_engine_modal  .modal-content button.close{
  position: absolute;
  top: 20px;
  font-size: 30px;
  right: 20px;
  color: #fff;
  opacity: 1;
  font-weight: 300;
}
.customModal.wp_engine_modal  .modal-content .web-summit-form{
  max-height: 315px;
}


/* Modal css | Ends */

@media (max-width: 992px) {
  .agency-alternative-uplift .agency-alternative-hero .agency-alternative-hero-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .agency-alternative-uplift .agency-alternative-hero .right-content {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-media {
    margin-top: 24px;
  }
  .agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video .videoControlBox,
  .agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-video .videoControlBox svg {
    width: 70px;
    height: 70px;
  }
  .agency-alternative-uplift .agency_2023 .migrate_sec_two .migrate_content h2{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .agency-alternative-uplift .agency-alternative-hero .agency-alternative-hero-wrap h1{
    margin: 0 auto 16px;
    text-align: center;
  }

  .agency-alternative-uplift .agency-alternative-hero .agency-ppc-hero-badge{
    margin: 0 auto 14px;
  }
  .agency-alternative-uplift .agency-alternative-hero .agency-alternative-hero-wrap .p1-regular{
    text-align: center;
    margin: 0 auto 32px;
  }
  .agency-alternative-uplift .agency-alternative-hero{
    padding-top: 160px;
  }
  .agency-alternative-uplift .agency-alternative-hero .left-content .heroFoldCta{
    margin: 0 auto;
  }
  .agency-alternative-uplift .wordpress_uplift_25 .support_cards_section .support_cards_wrapper .support_card h4,
  .agency-alternative-uplift .wordpress_uplift_25 .support_cards_section .support_cards_wrapper .support_card p{
    max-width: 100%;
  }
  .agency-alternative-uplift .headerText h2{
    font-size: 24px;
  }
  .agency-alternative-uplift .support_uplift .support_cards_section .support-carousel h4{
    font-size: 20px;
    line-height: 30px;
  }

  .agency-alternative-uplift .agency_2023 .migrate_sec_two .migrate_content{
    padding: 100px 0px 90px;
    text-align: center;
  }
  .agency-alternative-uplift .migrateWrapper {
    flex-direction: column-reverse;
}
.agency-alternative-uplift .agency-alternative-hero .left-content img.pill{
  display: block;
  margin: 0 auto 14px;
}
}

@media (max-width: 767px) {
  .wp_engine_modal .modal-content .web-summit-form{
    max-height: 220px;
    
  }
  .wp_engine_modal .modal-content .web-summit-form iframe{
    width: 400px;
    height: 220px;
  }
}
@media (max-width: 450px) {
  .wp_engine_modal .modal-content .web-summit-form{
    max-height: 180px;
  }

  .wp_engine_modal .modal-content .web-summit-form iframe {
    width: 350px;
    height: 180px;
  }
}