@charset "utf-8";
/********** YOUTUBE SECTION - KE✓ **********/

  .youTubeInner {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
  }

  .videoBox {
    position: relative;
    width: 100%; height: 180px;
    margin: 0 auto;
    border-radius:0;
    transform: translateX(-100%); opacity: 0;
    transition: all 1s ease-in-out;
    overflow: hidden;
  }
    .youTubeInner.active .videoBox {
      transform: translateX(0); opacity: 1;
    }

    .videoBox iframe {
      position: absolute;
      top: 0; left: 0;
      width: 104%; height: 100%;
      border: none;
    }

    .videoText {width: 100%;}

/* Media Queries: Small to Large - KE✓ */
@media screen and (min-width: 375px) {
  .videoBox {height: 210px;}
}

@media screen and (min-width: 412px) {
  .videoBox {height: 240px;}
}

@media screen and (min-width: 768px) {
  .youTubeInner {
    width: calc(100% - 2.5rem); max-width: 75rem;
    margin: 0 auto;
  }
    .youTubeInner div {width: calc(100% / 2 - 0.75rem);}
    .videoBox {height: 200px; border-radius: 0.875rem;}
}

@media screen and (min-width: 1024px) {
  .videoBox {height: 270px;}
}

@media screen and (min-width: 1440px) {
  .videoBox {height: 355px;}
}

@media screen and (min-width: 1600px) {

}