.gartner-badge {
  width: 50%;
  margin: 20px 0px;
}
.cr-ngav--hero-plus-content {
  padding: 100px 35px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  background-attachment: fixed;
}

.cr-ngav-icon-plus-grid.noPadBottom {padding-bottom: 0;}
.cr-ngav-icon-plus-grid.noPadTop {padding-top: 0;}


.cr-ngav--hero-plus-content .container .column h1  {
  font-family: 'Peristyle SemiBold',sans-serif;
  font-size: 100px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 88px;
  text-transform: uppercase;
  margin-block-start: 0;
  margin-block-end: 0;
  display: inline-block;
}

.cr-ngav--hero-plus-content .container .column h1 span:nth-of-type(2) {
  font-family: 'Peristyle Semibold',sans-serif;
  font-size: 80px;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 80px;
  display: inline-block;
  color: var(--cr-yellow);
}

.cr-ngav--hero-plus-content h1.white span {color: #FFF;}
.cr-ngav--hero-plus-content h1.dk-gray span:first-of-type {color: var(--cr-dk-gray);}

.cr-ngav--hero-plus-content h1.reg span {font-size: 120px; line-height: 100px;}
.cr-ngav--hero-plus-content h1.sm span {font-size: 100px; line-height: 88px;}
.cr-ngav--hero-plus-content h1.x-sm span {font-size: 80px; line-height: 70px;}

.cr-ngav--hero-plus-content h2 {
  font-family: 'Flama Condensed-Medium', sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  color: #FFC628;
  text-transform: uppercase;
  padding: 15px 0 0;
}

.cr-ngav--hero-plus-content h2.yellow {color: #FFC628;}
.cr-ngav--hero-plus-content h2.white {color: #FFF;}
.cr-ngav--hero-plus-content h2.dk-gray {color: var(--cr-dk-gray);}
.cr-ngav--hero-plus-content h2.spotlight {color: var(--cr-dk-gray);}

.cr-ngav--hero-plus-content .container .column p.hero-description {
  font-family: 'Criteria Regular', sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  padding: 25px 0 40px;
  margin-block-start: 0;
  margin-block-end: 0;
  color: #FFF;
}

.cr-hero__bg-opt--v2.videoBG .cr-button {font-family: 'Criteria Regular', sans-serif; font-size: 16px; color: var(--cr-dk-gray);}
.cr-hero__bg-opt--v2.videoBG .cr-button.cr-button__fill-yellow:hover {color: var(--cr-yellow);}


.cr-ngav--hero-plus-content .page-center .cr-button {margin: 10px auto 20px;}

.cr-ngav--hero-plus-content .container .column.owl img.owl-img {
  position: fixed;
  z-index: 1;
  width:  45%;
  top: 25%;
  opacity: .80;
}


.cr-ngav-icon-plus-grid.bg-dkgray h2 {color: #FFF;}
.cr-ngav-icon-plus-grid.bg-dkgray .text-block .headline {color: var(--cr-yellow);}
.cr-ngav-icon-plus-grid.bg-dkgray .text-block .description {color: #FFF;}

.cr-ngav--hero-plus-content h2 {
  font-family: 'Criteria Medium', sans-serif;
  font-size: 44px;
  letter-spacing: 0;
  line-height: 50px;
  text-align: center;
  text-transform: none;
  color: #FFF;
  padding-bottom: 25px;
}

.cr-ngav--hero-plus-content .icon-row {padding-top: 75px; position: relative; z-index: 2;}


.bg-white .cr-ngav--hero-plus-content h2, .bg-yellow .cr-ngav--hero-plus-content h2 {color: #000;}
.cr-ngav--hero-plus-content .icon-row h2 {font-family: 'Peristyle Bold', sans-serif; font-size: 78px; line-height: 88px;}
.cr-ngav--hero-plus-content .icon-row h2 span {
  font-family: 'HOSP';
  font-size: 120px;
  line-height: 45px;
  margin-right: -25px;
  color: var(--cr-yellow);
  display: block;
}

.cr-ngav--hero-plus-content .border {
  content: "";
  display: block;
  margin: 0 auto 30px;
  height: 1px;
  width: 0;
  background: radial-gradient(circle,#f6bd03 85%,rgba(34,34,34,0) 100%);
  transition: all 1.3s linear;
}

p.cr-ngav-icon-plus-grid__intro {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  width: 80%;
  margin: 35px auto 0;
  
}

.cr-ngav--hero-plus-content .icon-row img.icon {
    max-width: 150px;
    margin: 15px auto;
    display: block;
  }

.icon-row .column .headline {
  font-family: 'Flama Condensed-Medium', sans-serif;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  padding: 15px 0 0;
}

.icon-row .column .description {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  color: #FFF;
  margin: 0 auto;
  width: 85%
}

/*.cr-ngav--hero-plus-content .icon-row h2 {
  padding-bottom: 25px;
  border-bottom: 1px var(--cr-yellow) solid;
  width: fit-content;
  margin: 0 auto 25px;
}*/

.cr-ngav--hero-plus-content .page-center.text-grid {padding-top: 75px; position: relative; z-index: 2;}
.cr-ngav--hero-plus-content .container .column.text-block {padding: .75rem 15px;}
.text-block:last-of-type: {padding-right:0;}

/* .bg-ltgray .text-block .headline, .bg-dkgray .text-block .headline, .bg-black .text-block .headline {color: #FFF;}
.bg-white .text-block .headline, .bg-yellow .text-block .headline, .bg-white .text-block .description, .bg-yellow .text-block .description {color: #000;} */

.text-block-top-line {
  width: 200px;
  height: 6px;
  display: block;
  background-color: var(--cr-yellow);
}

.bg-yellow .text-block .text-block-top-line {background-color: #000}
  

.text-block .headline {
  font-family: 'Criteria Bold', sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  color: var(--cr-yellow);
  padding: 15px 0 0;
}

.text-block .headline.heavy {
  font-family: 'Criteria Bold', sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.text-block .description {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .cr-ngav--hero-plus-content .container .column h1  {
    font-size: 80px;
    line-height: 68px;
  }
  .cr-ngav--hero-plus-content .container .column p.hero-description {
    font-size: 16px;
    line-height: 22px;
  }
  .cr-ngav--hero-plus-content h2 {font-size: 40px; line-height: 48px; text-align: center;}
  .cr-ngav-icon-plus-grid.noPadBottom {padding-bottom: 0;}
  .cr-section.cr-ngav--hero-plus-content .page-center.text-grid.noPadTop {
    padding-top: 0px !important;
  }

  
  .text-block {
    width: 70%;
    min-width: 300px;
    display: block;
    margin: 0 auto;
  }
  
  .text-block:last-of-type {border-bottom: 0; padding-right: 0;}
  .cr-ngav--hero-plus-content h2 {
    width: 80%;
    min-width: 300px;
    display: block;
    margin: 0 auto;
    
  }
  
  .text-block-top-line {width: 135px; margin-top: 30px;}
  
  .text-block .headline {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    padding-bottom: 10px;
    height: auto;
    
  }
  
  .text-block .description {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    padding-bottom: 30px
  }
  
}