.media-block {  text-align:left;  margin-bottom:3rem; } .media-block:has(+ .scrolling-icons-block), .media-block:has(+ .scrolling-logos-block) {  margin-bottom:0; }   .media-block .banner-media::after {  content:"";  position:absolute;  top:0%;  left:0;  width:100%;  height:100%;  z-index:1;  background:#000;  opacity:0.2; } .media-block .banner-media {  min-height:28rem; } @media (max-width:40em) {  .media-block .banner-media {   min-height:16rem;   padding-bottom:2rem;  } } .media-block-title {  position:relative;  z-index:2;  color:#fff;  padding-top:3rem;  max-width:26rem;  text-align:left;  margin-bottom:3rem; } @media (max-width:800px) {  .media-block-title {   padding-top:2rem;   margin-bottom:1.5rem;   max-width:17rem;  } } .button.media-block-button {  color:#fff;  position:relative;  z-index:2;  transition:all 1s cubic-bezier(0.59, 0, 0.06, 1); } .button.media-block-button i {  margin-left:1rem;  color:#fff; } .button.media-block-button:hover {  color:#d31334; } .button.media-block-button:hover i {  color:#d31334; } .media-block .play-video-step.media-block-play {  justify-content:flex-start;  position:relative;  z-index:2;  width:fit-content; } .media-block .play-video-step.media-block-play.has-text span {  margin-left:15px; } .media-block .play-video-step.media-block-play:hover {  opacity:0.85; } .media-block .play-video-step.media-block-play::after {  display:none; } .media-block .play-video-step:after {  top:0;  height:100%;  display:none; } .media-block .play-video-step.media-block-play i {  color:#d31334;  margin:0;  font-size:3.5rem; } .media-block .play-video-step.media-block-play span {  position:relative; } .media-block .play-video-step.media-block-play span::before {  content:"";  display:block;  position:absolute;  left:50%;  top:50%;  background:#fff;  width:55%;  height:55%;  z-index:-1;  transform:translate(-50%, -50%); }