@import url("https://use.typekit.net/cgu1say.css");

/* .new-bnr-outer {
background: linear-gradient(to bottom, rgba(229, 236, 247, 1), rgba(255, 255, 255, 1));
} */
p.mble {display: none;}
.new-bnr-logo {padding-top: 20px;}
.new-bnr-outer {background: linear-gradient(to bottom, rgba(229, 236, 247, 1) 0%, rgba(229, 236, 247, 1) 80%, rgba(255, 255, 255, 1) 100%);}
.new-bnr-img img {width: 100%;}
.page-center {
  float: none!important;
  margin: 0 auto!important;
  max-width: 1240px;
  padding: 0 20px;
}
.new-bnr-outer {padding: 80px 0px;
background: radial-gradient(22.92% 22.92% at 50% 25.77%, #FFF 0%, #F5F7FC 27.5%, #E5ECF7 100%);

}
.new-bnr-heading {padding-bottom: 24px;}
.new-bnr-text {padding-bottom: 30px;}
.new-bnr-heading h1 {
  font-style: normal;
  font-weight: 900;
  line-height: 63px;
  letter-spacing: -0.72px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: -8px 9px 24px rgba(146, 167, 201, 0.40);
  
}

.new-bnr-text p {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  margin: 0;
}

.new-bnr-logo-heading h2 {
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.4px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.new-bnr-logo-heading {padding-bottom: 40px;}

.new-bnr-logo-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.new-bnr-logo-inner {flex: 0 14%;text-align: center;}

.new-bnr-btn {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-bottom: 30px;
}
.bannerEmailOuter {
  text-align: center;
}
.bannerEmailOuter button {
  background-color: #6FDFB9;
  border: 0px;
  height: 55px;
  padding: 10px 20px;
  width:170px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  color: #2F3A45;
  cursor:pointer;
  border-radius:0 7px 7px 0px;
  text-align: center;
  box-shadow: -11.23px 9.83px 32.29px 4.21px #4F70A71A;
}
.bannerEmailOuter form#customEmailForm {
  margin: 0 auto;
  display:flex;
  max-width: 100%;
}
.bannerEmailOuter input#banneremail {
  width: 395px;
  border: 0px;
  height: 55px;
  padding: 10px 20px 10px 54px;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;  
  flex: 0 100%;
  background-image: url(https://www.expansivefm.com/hubfs/PopupForm-2024/mail.svg);
  background-repeat: no-repeat;
  background-position: 20px 14px;
  border-radius: 7px 0px 0px 7px;
  background-color:#ffffff !important;
  box-shadow: -11.23px 9.83px 32.29px 4.21px #4F70A71A;
}
.bannerEmailOuter input#banneremail::placeholder {
  color: #A2A2A2;
}
.growShrink {
  transition: transform 0.3s ease-in-out; /* Smooth grow-shrink transition */
}
.growShrink:hover {
  transform: scale(1.1); /* Grow on hover (10% larger) */
}


.bannerEmailInner {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}


/* START – New Buttons for Homepage Test B */
.buttontext, .buttondemo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

/* Button Text Styles */
.buttontext {
  padding: 0 10px;
  color: var(--Expansive-Azure, #3979E0);
  line-height: 1.67; /* Approx 26.8px for 16px font size */
  align-self: stretch;
}

.buttontext:hover {
  color: #2A5D91;
}

.buttontext::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("https://www.expansivefm.com/hubfs/Homepage%20Landing%20Page/Icons/icon_play_azure.svg") no-repeat center / contain;
}

.buttontext:hover::after {
  background-image: url("https://www.expansivefm.com/hubfs/Homepage%20Landing%20Page/Icons/icon_play_hover.svg");
}

/* Button Demo Styles */
.buttondemo {
  padding: 15px 25px;
  color: #2F3A45;
  background-color: #6FDFB9;
  border-radius: 7px;
  line-height: 1.31; /* Approx 21px for 16px font size */
  box-shadow: -10.3px 7.42px 55.28px rgba(26, 191, 152, 0.3);
}

.buttondemo:hover {
  color: #2F3A45!important;
  background-color: #2EBD8C;
}

/* Responsive Adjustments for Mobile */
@media (max-width: 600px) {
  .buttontext, .buttondemo {
    padding: 18px 20px; /* Reduced padding for mobile */
    gap: 5px; /* Reduced gap between icon and text */
        font-size: 13px; /* Slightly smaller font size for mobile */

  }
}
@media (max-width: 600px) {
.new-bnr-btn {
    align-items: center;
    display: flex;
    gap: 1vw !important;
    justify-content: center;
    padding-bottom: 30px;
}
}

/* END – New Buttons for Homepage Test B */




.bannerEmailLogo {
  padding-top: 8px;
  margin-bottom: 20px;
  
}
.emailInputGroup {
  display: flex;
  flex-wrap: wrap;
  width: 395px;
}
.bannerEmailOuter span#emailError {
  flex: 0 100%;
  text-align: left;
  //display:none !important;
}
:focus {
  outline: 0px !important;
}
button#requestademo:hover {
  background-color: #2EBD8C !important;
}

/* .new-bnr-inner-1 a {
background: #ffa72b;
padding: 15px 25px;
font-size: 16px;
border-radius: 7px;
border: 0;
text-align: center;
transition: .35s cubic-bezier(0.4,0,0.2,1);
line-height: 21px;
font-weight: 700;
text-decoration: none;
color: #2f3a45;
display: inline-block;
width: auto;
}
.new-bnr-inner-1 a:hover {
background-color: #3979E0;
color:#fff ;
}
.new-bnr-inner-2 a:hover {
background-color: #FFA72B;
color: #2f3a45;
}
.new-bnr-inner-2 a {
padding: 16.18px 27px;
font-size:17px;
background:#3979E0;
border-radius: 7px;
border: 0;
cursor: pointer;
text-align: center;
transition: .35s cubic-bezier(0.4,0,0.2,1);
line-height: 22.647px;
font-weight: 700;
text-decoration: none;
color: #fff;
display: inline-block;
} */
@media only screen and (max-width: 847px) {
  .new-bnr-text p br { display: none;}
  .new-bnr-logo-sec {gap: 10px;}
}
@media only screen and (max-width: 600px) {
  .new-bnr-outer { background: linear-gradient(180deg,#e5ecf7 0,#e5ecf7 50%,#fff);}
  .new-bnr-outer {padding: 40px 0;}
  .new-bnr-heading h1 {
    font-size: 47px  !important;
    line-height: 43px  !important;
    letter-spacing: -0.47px;
  }
  .new-bnr-logo-heading h2 {
    font-size: 36px !important;
    letter-spacing: -.36px !important;
    line-height: 36px !important;
  }
}
@media only screen and (max-width: 767px) {
  .new-bnr-logo-sec {    text-align: center;  gap: 30px; }
  .new-bnr-logo-inner {flex: 0 100%;  }
  .new-bnr-logo-heading h2 {
    font-size: 26px !important;
    letter-spacing: -.25px;
    line-height: 1.15;
  }
}

}
@media only screen and (max-width: 479px) {
  p.desktop {display: none;}
  p.mble {display: block;}

  .new-bnr-img img {display: none;}

  .new-bnr-img-mobile img{ display:block !important; }

  .new-bnr-btn { display: block;padding-bottom: 15px;}
  .new-bnr-inner a, .new-bnr-inner a { width: 100%; }
  .new-bnr-inner { margin-bottom: 20px; }
}

@media(max-width:479px){
  .new-bnr-img img {display: none;}
  .new-bnr-img-mobile{padding-right:16px;}
 .new-bnr-img-mobile img{ display:block !important; }
}