.cr-hero.cr-hero__bg-opt {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.gartner-badge {
  margin: 20px 0px;
  width: 60%;
}
.cr-hero__bg-opt.videoBG {
  height: fit-content;
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.cr-hero__bg-opt.videoBG.bg-set {background-size: 1500px; background-position: right center;}
  
.cr-hero__bg-opt.videoBG .container.page-center {width: 100%!important;}

.cr-hero.cr-hero__bg-opt.videoBG .container.columns.is-desktop {display: block; max-width: 1300px;}

.cr-hero.cr-hero__bg-opt.videoBG .container.columns .column .container .column.left {margin-top: 150px; padding-bottom: 120px;}
.cr-hero.cr-hero__bg-opt.videoBG .container.columns .column .container .column.left.compress {margin-top: 90px; padding-bottom: 90px;}

.cr-hero.cr-hero__bg-opt.videoBG h1 {padding-bottom: 0;}
.cr-hero.cr-hero__bg-opt.videoBG h1 span:first-of-type {
  font-family: 'Flama Condensed-Light',sans-serif;
  font-size: 80px;
  letter-spacing: -.3px;
  line-height: 80px;
  text-transform: uppercase;
  margin-block-start: 0;
  margin-block-end: 0;
  display: block;
}

.cr-hero.cr-hero__bg-opt.videoBG h1 span:nth-of-type(2) {
  font-family: 'Flama Condensed-Medium',sans-serif;
  font-size: 80px;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  line-height: 80px;
  display: block;
}

.cr-hero.cr-hero__bg-opt.videoBG h1.white span {color: #FFF;}
.cr-hero.cr-hero__bg-opt.videoBG h1.dk-gray span {color: var(--cr-dk-gray);}

.cr-hero.cr-hero__bg-opt.videoBG h1.reg span {font-size: 80px; line-height: 80px;}
.cr-hero.cr-hero__bg-opt.videoBG h1.sm span {font-size: 68px; line-height: 68px;}
.cr-hero.cr-hero__bg-opt.videoBG h1.x-sm span {font-size: 60px; line-height: 60px;}

.cr-hero.cr-hero__bg-opt.videoBG h2 {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 25px;
  line-height: 28px;
  color: var(--cr-yellow);
  text-transform: none;
  padding: 15px 0 0;
}

.cr-hero.cr-hero__bg-opt.videoBG h2.yellow {color: var(--cr-yellow);}
.cr-hero.cr-hero__bg-opt.videoBG h2.white {color: #FFF;}
.cr-hero.cr-hero__bg-opt.videoBG h2.dk-gray {color: var(--cr-dk-gray);}
.cr-hero.cr-hero__bg-opt.videoBG h2.spotlight {color: var(--cr-dk-gray); font-family: 'Flama Condensed-Medium', sans-serif;}

.cr-hero__bg-opt.videoBG p {
  font-family: 'Criteria Regular', sans-serif;
  letter-spacing: 0;
  padding: 25px 0 40px;
  margin-block-start: 0;
  margin-block-end: 0;
}

/* === Description Styles === */

.cr-hero__bg-opt.videoBG p.reg-dkgray, .cr-hero__bg-opt.videoBG p.lg-dkgray {color: var(--cr-dk-gray);}
.cr-hero__bg-opt.videoBG p.reg-white, .cr-hero__bg-opt.videoBG p.lg-white {color: #FFF;}
.cr-hero__bg-opt.videoBG p.reg-yellow, .cr-hero__bg-opt.videoBG p.lg-yellow {color: var(--cr-yellow);}

.cr-hero__bg-opt.videoBG p.reg-white, .cr-hero__bg-opt.videoBG p.reg-yellow, .cr-hero__bg-opt.videoBG p.reg-dkgray {font-size: 18px; line-height: 28px;}
.cr-hero__bg-opt.videoBG p.lg-white, .cr-hero__bg-opt.videoBG p.lg-yellow, .cr-hero__bg-opt.videoBG p.lg-dkgray {font-size: 22px; line-height: 32px;}

/* == */

.cr-hero__bg-opt.videoBG .container .column .cta-wrap {width: fit-content; width: max-content; display: block;}

.cr-hero__bg-opt.videoBG .container .column .cta-wrap .cr-button {
  padding: 15px 50px;
  font-family: 'Criteria Regular', sans-serif;
  font-size: 16px;
  color: var(--cr-dk-gray);
}

.cr-hero__bg-opt.videoBG .container .column .cta-wrap .cr-button.cr-button__fill-yellow:hover {color: var(--cr-yellow);)}

.cr-hero__bg-opt.videoBG .container .column .cta-wrap .cr-button.second {margin-left: 40px; color: #FFF;}

.cr-hero__bg-opt.videoBG .container .column .cta-wrap .cr-button:after {content: none;}

.cr-hero__bg-opt.videoBG .container .column a.cr-button, .cr-hero__bg-opt .container .column a.cr-button__min {text-align: center; display: inline-block;}
.cr-hero__bg-opt.videoBG .container .column a.cr-button.secondary.dark {color: #FFF;}


/* === Video === */


.cr-hero__bg-opt.videoBG video {
  object-fit: cover;
  z-index: 0;
  position: absolute; 
  /*top: -6px;*/
  left:0;
  width: 100%;
  height: 100%; 
}

.cr-hero__bg-opt.videoBG .wistia_responsive_padding {display: inline-block;}

/* === */

@media screen and (min-width: 1024px) {
  .cr-hero__bg-opt.videoBG {height: fit-content;}
}

@media screen and (max-width: 1024px) {
  .cr-hero.cr-hero__bg-opt.videoBG h1 {text-align: left;}
  
  .cr-hero.cr-hero__bg-opt.videoBG .container.columns .column .container .column.left {margin-top: 50px; padding-bottom: 50px;}

  .cr-hero.cr-hero__bg-opt p {text-align: left;}
  
  .cr-hero__bg-opt.videoBG .cta-wrap {margin: 0;}
  
  .cr-hero__bg-opt .container .column .container .column .cr-hero__form-container {position: relative; top: 0; max-width: 750px; margin: 0 auto;}
  
}

@media screen and (max-width: 768px) {
  .cr.hero.cr-hero__bg-opt .cr-button.secondary {margin-left: 0!important;}
}

@media screen and (max-width: 550px) {
  .cr-hero.cr-hero__bg-opt {background-position: 40% 0;}
  .cr-hero.cr-hero__bg-opt.videoBG h1 span:first-of-type, .cr-hero.cr-hero__bg-opt.videoBG h1 span:nth-of-type(2) {
    font-size: 48px;
    line-height: 52px;
    text-align: left;
  }
  .cr-hero__bg-opt.videoBG .container .column .cta-wrap a.cr-button {display: block;}
  .cr-hero__bg-opt.videoBG .container .column .cta-wrap a.cr-button:first-of-type {margin-bottom: 25px;}
  .cr-hero__bg-opt.videoBG .container .column .cta-wrap .cr-button.second {margin-left: 0;}
}

@media screen and (max-width: 426px) {
  .cr-hero__bg-opt.videoBG .column:first-of-type {padding-bottom: 35px;}
  .cr-hero__bg-opt.videoBG h1 {padding-bottom: 15px;}
  .cr-hero.cr-hero__bg-opt.videoBG h1 span:first-of-type, .cr-hero.cr-hero__bg-opt.videoBG h1 span:nth-of-type(2) {text-align: left;}
  .cr-hero__bg-opt.videoBG p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
  }
 
}

@media screen and (max-width: 1024px) {
  .cr-hero.cr-hero__bg-opt.videoBG {height: auto; max-height: none;}
}