/*
Theme Name: Shadepulse
Theme URI: 
Author: MSG
Author URI: 
Description:
*/
/* === Banner Row Two-Column Layout === */
/* Banner two-column layout */
/* === Banner two-column layout using CSS Grid === */


/* Make sure child columns don’t force full width */
.banner-row {
    display: grid;
    grid-template-columns: 60% 30%;
    /* gap: 30px; */
    align-items: center;
    justify-content: space-between;
}
.BannerSection .bannerContent {
    position: relative;
    padding: 20px 0px 60px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}
.BannerSection .bannerContent {
    position: relative;
    padding: 20px 0px 0px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}
.banner-col {
  width: 100%;
}


.CtaGroup {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 30px 0px;
}

.formgroup p {
    margin: 0px !important;
}


/* Stack on smaller screens */
@media (max-width: 768px) {
  .banner-row {
    grid-template-columns: 1fr;   /* single column */
  }

span.wpcf7-spinner {
    position: absolute;
    right: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    margin-top: 60px;
}
}
/* --- MOBILE FIX --- */
@media (max-width: 992px) {      /* adjust breakpoint if needed */
  .banner-row {
    grid-template-columns: 1fr;  /* stack columns */
  }
  .banner-col {
    width: 100%;                 /* ensure full width */
  }

}

.phone_icon{
    position: fixed;
    left: 3%;
    bottom: 10%;
    text-align: start;
    z-index: 1;
}