:root {
  --home-height: 85vh;
}
@media (max-width: 425px){
  :root {
    --home-height: 90vh;
  }
}
.home-wrapper{
  background: linear-gradient(5deg, #3C83B7 0%, #283582 100%), url('https://5741638.fs1.hubspotusercontent-na1.net/hubfs/5741638/phone-solid%20(2).svg');
  width: 100%;
  position: relative;
  min-height: fit-content;
  padding-bottom: 200px;
  z-index: 2;
}
.background-circles{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background:  url('https://5741638.fs1.hubspotusercontent-na1.net/hubfs/5741638/circle_new.svg'), url('https://5741638.fs1.hubspotusercontent-na1.net/hubfs/5741638/circle_new.svg');
  background-position: -4% -47vh,109% -34vh;
  background-repeat: no-repeat,no-repeat;
  background-size: 59%,63%;
  z-index: 0;
  opacity: .5;
}
.texts{
  z-index: 3;
  position: relative; 
}
.webinar-video img { width: 100%; }
.home-content-wrapper{

  padding-top: 296px; 
  width: 100%;
}
.waves{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}
.title {
  text-align: left; 
}
.home-content-wrapper .container{
  position: relative;
  z-index: 2;
}
.presenters-title p{
  font: normal normal normal 20px/30px Red Hat Text;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.presenters figure{
  width: 100%;
  height: 100%;
  max-width: 102px;
  max-height: 102px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1/1;
}
.presenters .col-md-4{
  margin-top: 27px;
}
.presenters .speaker-name{ 
  font: normal normal bold 16px/21px Red Hat Text;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.presenters .speaker-role p{
  font-family: Red Hat Text;
  font-size: 14px!important;
  line-height: 21px!important;
  font-weight: 500!important;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom: 0;
}



.vid:before,
.vid:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: 0.2s ease;
}

.vid:after {
  background-repeat: no-repeat;
  background-position: 0.7em 0.7em;
  background-size: 2em;
}

.vid:before {
  -webkit-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.vid:hover:after {
  opacity: 1;

}

.vid:hover:before {
  backdrop-filter: blur(1.5px);
  opacity: 1;
  width: 100%;
  height: 100%;
}

.vimeo:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20150%22%3E%3Cpath%20d%3D%22M150%20135c0%208.28-6.72%2015-15%2015H15c-8.28%200-15-6.72-15-15V15C0%206.72%206.72%200%2015%200h120c8.28%200%2015%206.72%2015%2015v120%22%20fill%3D%22%2353bded%22%2F%3E%3Cpath%20d%3D%22M126.22%2049.8c-.5%2010.56-7.85%2025-22.1%2043.35-14.75%2019.15-27.22%2028.72-37.42%2028.72-6.32%200-11.66-5.82-16.03-17.5L41.92%2072.3c-3.24-11.66-6.72-17.5-10.44-17.5-.82%200-3.65%201.7-8.5%205.1l-5.1-6.56c5.34-4.7%2010.62-9.4%2015.8-14.1%207.14-6.17%2012.5-9.4%2016.07-9.74%208.44-.8%2013.63%204.96%2015.58%2017.3%202.1%2013.32%203.56%2021.6%204.38%2024.84%202.45%2011.05%205.13%2016.57%208.05%2016.57%202.27%200%205.68-3.57%2010.22-10.74%204.54-7.16%206.97-12.6%207.3-16.36.65-6.2-1.78-9.3-7.3-9.3-2.6%200-5.27.6-8.02%201.78%205.33-17.45%2015.5-25.92%2030.53-25.44%2011.14.33%2016.4%207.55%2015.75%2021.67%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}


.iframevid:after,
.youtube:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  background-size: 2.5em;
}


#bp_loader {
  box-shadow: none;
}

@media all and (max-width: 1076px) {
  #broken_vid {
    height: auto;
    padding-bottom: 20.2%;
  }
}

@media all and (max-width: 450px) {

  #broken_vid {
    padding-bottom: 42%;
  }
}
.webinar-video{
  position: relative; 
}
.hidden-form {
  cursor: pointer;
  min-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  border-radius: 25px;
  padding: 0 1.5em;
  height: fit-content;
}
.white{
  background: #fff; 
}
.formh{
  transition: display .3s easy; 
}
.formh.hidden{
  display: none; 
}
.shown-description{
  position: absolute;
  bottom: 25px;
  z-index: 5;
  text-align: center;
  width: 100%;  
}
.shown-description p span{
  font: normal normal normal 16px/30px Red Hat Display;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: 1px solid #fff;
  padding: 8px 19px;
  border-radius: 50px;
}
.note{
  border-left: 1px solid #FFFFFF; 
  padding: 10px;
  padding-left: 32px;
  margin-top: 40px;
  padding-right: 0;
}
.note p{
  font: normal normal normal 20px/30px Red Hat Text;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.presenters{
  margin-bottom: 1em; 
}

@media (max-width: 768px){

  .shown-description{
    bottom: 0; 
  } 
  .home-content-wrapper {
    padding-top: 6em;
  }
  .waves {
    display: none; 
  }
  .home-wrapper {
    padding-bottom: 40px; 
  }
}
.home-content-wrapper h6{
  font: Red Hat Display;
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #1B2022;
}
.home-content-wrapper p{
  font: normal normal normal 18px/27px Red Hat Text;
  letter-spacing: 0px;
  color: #1B2022;
}
.hero-button {
  background: #e63338;
  border-radius: 33px;
  color: #fff;
  font: normal normal medium 16px/18px Red Hat Display!important;
  font-size: 16px;
  opacity: 1;
  padding: 16px 36px;
}
}
a:hover .hero-button{
  background-color: #C03750!important;
  color: #fff!important;
}
.popupFormWrapper{
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.25);
  top: 0;
  left: 0;
  display: flex;
  z-index: 99998; 
  align-items: center;
  justify-content: center;
}
span.hs-form-required{
  display: none; 
}
.form-wrapper{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 50px #1E272B;
  border-radius: 25px; 
}
.form-container{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 50px #1E272B; 
  border-radius: 25px;
  padding: 2em 2.5em;
  position: relative;
}
.form-container form{
  min-width: 40vw; 
}
@media (min-width: 1200px){
  .form_header, .form-container form{
    max-width: 40vw;
  }
}
.form-container h2{
  font-size: 40px; 
}
.form-container p{
  font-size: 20px; 
}
form label, .hs-form label span{
  text-align: left;
  font-family: 'Red Hat Text'!important;
  font-size: 16px;
  color:#1B2022;
  font-weight: 600;
}
form .hs-button, form input[type=submit] {
  font:  16px/18px Red Hat Display
}
form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {
  border: none;
}
.form-container .card-indicator{
  border-radius: 9px;
  bottom: 6px;
  height: 18px;
  left: calc(50% - 40px);
  position: absolute;
  width: 80px;
} 
.exit{
  position: fixed;
  right: 4em;
  top: 4em;
  z-index: 99999;
  cursor: pointer;
  transform: scale(2.5);
}
.redbutton a, #formPopup{
  color: #fff; 
}
.webinar-video{
  position: relative; 
}
.videoOverlayed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

#formPopup {
  margin-bottom: 1em; 
}
@media (max-width: 1024px){
  .webinar-video{
    margin-top: 1.5em; 
  }
}