:root {
  --wp--preset--color---primary: #6A5BE2;
  --wp--preset--color---secondary: #505665;
  --wp--preset--color---white: $white;
  --wp--preset--color---black: $black;
  --wp--preset--color---light-grey: $light_grey;
  --font-default: "Gabarito", sans-serif;
  --font-size-default: 18px;
  --font-weight-default: 400;
  --line-height-default: 1.3;
}

body {
  --wp--preset--font-size--medium: 18px;
}

/**  end vars */
.wp-block-intro-video {
  padding: 64px 0;
  background-color: #EFEFEF;
}
@media (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) {
  .wp-block-intro-video {
    padding: 60px 0;
  }
}
.wp-block-intro-video .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 32px;
}
.wp-block-intro-video .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.wp-block-intro-video .video-wrapper iframe,
.wp-block-intro-video .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}