.simple_hero_header_container{
    position: relative;
    overflow: hidden;
    background-color: var(--color-primary-justblue);
    color: var(--color-primary-white);
    padding: 40px 80px;
    margin-bottom: 0;
    min-height: 325px;
}
.simple_hero_header_container .video-iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 177.78vh;    
    height: 56.25vw;    
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.simple_hero_header_container::before{
  content:"";
  position:absolute;
  inset:-30%;
  background: radial-gradient(
    ellipse 100% 80% at 50% 120%, 
    rgba(213, 242, 239, 0.9) 0%,  
    rgba(213, 242, 239, 0.7) 40%,   
    rgba(213, 242, 239, 0.5) 50%,   
    rgba(213, 242, 239, 0) 70% 
);
  filter: blur(200px);
  pointer-events:none;
  z-index: 0;
}
.simple_hero_header_container .row{
    margin: 0;
  }
.simple_hero_header_container > *{
  position: relative;
  z-index: 2;
}
.simple_hero_header_container .row .col a:nth-of-type(2){
  margin-left: 20px;
}
.simple_hero_header_container .hero_title{
    text-transform: capitalize;
    font: var(--type-h1);
    color: var(--color-primary-white);
    padding: 0;
}
.simple_hero_header_container .btn_section{
  display: flex;
}
.simple_hero_header_container .description{
  font: var(--type-p);
  margin: 0;
}
.simple_hero_header_container .breadcrumbs{
    margin-bottom: 20px;
}

.simple_hero_header_container .tag_container{
  margin:40px 0 10px 0;
}

.simple_hero_header_container .tag_container .tag{
  color: var(--color-secondary-saffron-orange);
  border-color: var(--color-secondary-saffron-orange);
}

.simple_hero_header_container .byline{
  margin-top:40px;
}

.simple_hero_header_container .byline time{
  color: var(--color-secondary-saffron-orange);
}

@media screen and (max-width: 992px){
  .simple_hero_header_container .hero_title{
    font: var(--type-h1-sm);
  }
}

@media screen and (max-width: 768px){
  .simple_hero_header_container .hero_title{
    font: var(--type-h2);
  }
  .simple_hero_header_container .description{
    margin-top: 15px;
  }
  .simple_hero_header_container .btn_section{
    gap: 20px;
  }
}

@media screen and (max-width: 600px){
  .simple_hero_header_container{
    padding: 40px;
  }
}

@media screen and (max-width: 480px){
  .simple_hero_header_container{
    padding: 50px 25px;
  }
  .simple_hero_header_container .hero_title{
    font: var(--mobile-h1-sm);
    margin-bottom: 15px;
  }
  .simple_hero_header_container .row .col a:nth-of-type(2){
    margin-left: 0;
  }
}
