body, html
{
    overflow-x: hidden !important;
}
@media (max-width: 500px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: 13px;
      width: auto;
    }
  }
  @media screen and (min-width: 768px) and (orientation: portrait) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: 13px!important;
      width: auto;
    }
  }
  @media screen and (min-width: 1000px) and (orientation: landscape) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: -90px !important;
      text-align: center;
      width: auto;
      font-size: 6rem;
    }
  }
  @media screen and (min-width: 1200px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: -105px !important;
      font-size: 6.5rem;
    }
  }
  @media screen and (min-width: 1500px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: -61px !important;
      font-size: 6.5rem;
    }
  }
  @media screen and (min-width: 1600px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: -58px !important;
      font-size: 6.5rem;
    }
  }
  @media screen and (min-width: 1920px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: -8px !important;
      font-size: 6.5rem;
    }
  }
  @media screen and (min-width: 2100px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: 40px!important;
      font-size: 6.5rem;
    }
  }
  @media screen and (min-width: 2560px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
      margin-left: 100px!important;
      font-size: 6.5rem;
    }
  }
  
.custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .landing-hero-video .ai-video-pause-btn, .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .landing-hero-video .ai-video-play-btn, .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .landing-hero-video-full .ai-video-pause-btn, .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .landing-hero-video-full .ai-video-play-btn {
    padding: 0px 0.25em 1.3em 0.25em !important;
    width: 1.3em !important;
    height: 1.3em !important;
    font-size: 1.3em !important;
}

.custom-html--sitecore .carousel-block .carousel-block-container .carousel-controls .carousel-control-playpause-cont .carousel-control-pause {
    padding: 0px 0.25em 1.3em 0.25em !important;
    width: 1.3em !important;
    height: 1.3em !important;
    font-size: 1.3em !important;
}