{% if module.featured_media.featured_media_vertical_alignment == 'valign--middle' %}
.grid__item.grid-position--outside .lap-and-up-absolute{
  top: calc(50% - (px/2)) !important;
}
.section.section--hero-01 .section--hero--subheader {
  margin-top: -15px!important;
}

.section--hero-01 .video--svg-bg img{
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}

.section--hero-01 .customVideo--overlay{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.58%, rgba(0, 0, 0, 0.53) 72.92%);
  z-index: 10;
}

.section--hero-01 .video--play-caption{
  align-items: center;
  padding: 20px 20px;
}

.section--hero-01 .video-standard--wrapper .video--play-caption .video-caption--text-small {
  padding-left: 12px;
  text-align: left !important;
}

.section--hero-01 .video--video-wrapper .customVideo--image{
  transform: scale(1);
  -webkit-transition: transform .4s ease-in-out;
  -moz-transition: transform .4s ease-in-out;
  -ms-transition: transform .4s ease-in-out;
  -o-transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
}

.section--hero-01 .video--video-wrapper:hover .customVideo--image{
  transform: scale(1.05) !important;
}

@media screen and (min-width: 1024px) {
  .section--hero-01 .grid__item.grid-position--outside{
    padding: 0px !important;
  }

  .section--hero-01 .grid__item.grid-position--outside .lap-and-up-absolute{
    top: 0;
    bottom: 0;
  }

  .section--hero-01 .grid__item.grid-position--outside .section--testimonialslider--slide-placeholder{
    max-width: none;
    width: auto;
    position: relative;
  }
}

@media screen and (min-width: 1024px) {
  .section--hero-01 .media-desktop-position--right{
    padding-right: 40px;
  }
  .section--hero-01 .media-desktop-position--right .section--hero--subheader{
    padding-right: 10px;
  }

  .section--hero-01 .media-desktop-position--left{
    padding-left: 40px;
  }

  .section--hero-01 .media-desktop-position--left .section--hero--subheader{
    padding-left: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .section--hero-01 .lap-and-up-hard--sides.palm-one-whole{
    width: 100%;
  }
}

.section--hero-01 .lap-and-up-all--text--left .btn--equalize-width{
  display:flex !important;
  margin: 0 auto 0 0 !important;
}

@media screen and (max-width: 1023px) {
  .section--hero-01 .portable-all--text--center .btn--equalize-width{
    margin: 0 auto !important;
  }
  .section--hero-01 .portable-all--text--center .btn--equalize-width .btn--equalize-width--cta>p{
    align-items: center;
    justify-content: center;
  }
}

@media screen and (min-width: 680px) {
  .section--hero-01 .video--play-btn{
    height: 50px;
    width: 50px;
  }

  .section--hero-01 .btn--equalize-width--cta:not(:first-child){
    margin-left:4%;
  }
}

@media screen and (max-width: 679px) {
  .section--hero-01 .video--play-btn{
    height: 40px;
    width: 40px;
  }

  .section--hero-01 .lap-and-up-all--text--left .btn--equalize-width:not(:only-child){
    flex-flow: column;
  }

  .section--hero-01 .section.section--hero-01 .video--btn-caption{
    max-width: initial !important;
  }
}

.section--hero-01 .vidyard-player-container,
.section--hero-01 .vidyard-player-container:hover{
  top: 25px !important;
}

@media screen and (min-width: 680px) and (max-width: 1023px){
  .section--hero-01 .media-mobile-position--below{
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 680px) {
  .section--hero-01 .media-mobile-position--below{
    padding-bottom: 20px !important;
  }

  .section.section--hero-01 .video--play-btn--large{
    width: 70px;
    height: 70px;
  }
}

@media screen and (min-width: 1024px) {
  .grid__item.grid-position--outside .section--homepage-hero-placeholder{
    height: px !important;
  }
}

@media screen and (max-width: 1023px){
  .grid__item.grid-position--inside .section--homepage-hero-placeholder{
    height: auto !important;
    width: auto !impotant;
  }
}
{% endif %}

.pricing-details--wrapper{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--livid300);
}

.pricing-details--strikeout{
  background: linear-gradient(89deg, #E4319A 25.75%, #0A6CFF 55.83%, #02B4CA 87.85%);
  height: 6px;
  width: 100%;
  transform: rotate(13.213deg);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
}

.section-hero-custom--video-mask{
  -webkit-mask-image: url('../impact%20production%20website%20(2023.html)/Homepage/Assets/Hero-Video-Mask.svg');
  mask-image: url('../impact%20production%20website%20(2023.html)/Homepage/Assets/Hero-Video-Mask.svg');
  -webkit-mask-position: center center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

@media screen and (min-width: 1024px){
  .section--hero-01 .grid-position--inside .section--video-placeholder{
    width: 450px;
  }

  .section--hero-01 .grid-position--outside .section-hero-custom--video-mask{
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }

  .section--hero-01 .grid-position--inside .section-hero-custom--video-mask{
    -webkit-mask-size: 86%;
    mask-size: 86%;
  }

  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--2{
    top: 2%;
    right: 2%;
  }
}

@media screen and (max-width: 1023px){
  .section-hero-custom--video-mask{
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }
}

.section-hero-custom--video-mask .section-hero-custom--video--player{
  position: relative;
  height: 100%;
  width: auto;
}

.section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--1{
  position: absolute;
  bottom:-3%;
  left:1%;
  z-index: 0;
  width: 95%;
}

.section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--gradient{
  width: 100%;
  height: auto;
  max-width: 100%;
  overflow: visible;
}

.section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--2{
  position: absolute;
  z-index: 3;
  width: 100%;
}

.section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--blue-outline{
  overflow: visible;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--3{
  position: absolute;
  top: 4%;
  right: 4%;
  z-index: 1;
  width: 50%;
}

.section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--gradient-stroke{
  overflow: visible;
  width: 100%;
  height: auto;
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--1{
    width: 89%;
  }

  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--3{
    width: 61%;
  }

  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--gradient-stroke,
  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--gradient,
  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--2,
  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--blue-outline{
    width: 100%;
  }

  .section-hero-custom--video-group .section-hero-custom--video-ellipses .section-hero-custom--ellipse--2{
    top: 4%;
    right: 0.8%;
  }
}

.section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-imgs{
  left: -27%;
}

.section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-imgs .section--video-tagline-text{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-imgs .section--video-tagline-arrow{
  position: absolute;
  bottom: 8%;
  right: 19%;
}

@media screen and (max-width: 1023px) {
  .video--video-wrapper{
    padding-top: 20px;
  }

  .section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-imgs {
    left: 0;
    top: -46px;
  }
  .section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-imgs .section--video-tagline-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 25vw;
  }
  .section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-imgs .section--video-tagline-arrow {
    position: absolute;
    top: 53%;
    left: 56%;
    right: unset;
    bottom: unset;
    width: 3.3vw;
  }

  .section-hero-custom--video-group .section-hero-custom--tagline .section--video-tagline-placeholder img{
    width: 25vw !important;
    height: auto !important;
    max-width: 152px;
  }
}

.section--half-and-half-01 .video--svg-bg img {
  max-width: 80% !important;
}