.press-this-is-img{
  margin: 0 auto;
  margin-bottom: 52px;
}

.press-this-is-img img{
  display: block;
  width: 100%;
  height: auto;
}

.press-this-is-description{
  max-width: 672px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}
.press-this-is-link{
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
}
.youtube-subhead{
  margin: 14px 0 40px;
}
.youtube-links .container{
  margin: 80px 0;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 660px) {
  .youtube-links .container{
    justify-content: center;
  }
}
.youtube-links iframe{
  margin-bottom: 12px;
  width: 100%;
}
.youtube-link-card{
  width: 272px;
  height: auto;
}

.press-swiper-container{
  overflow-x: hidden;
}

/* press-slider */

.press-slider-section .container{
  position: relative;
}
.press-swiper-container{
  margin: 0 20px;
  padding-right: 48px;
}

.press-slider-heading {
  margin-bottom: 40px;
}

.press-slide {
  width: 272px;
  height: 346px;
  overflow: hidden;
  user-select: none;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(68, 64, 242, 0.1);
  border-radius: 8px;
}
.press-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.press-slide-img-container {
  height:8rem;
}

.press-slide-content{
  text-align: start;
  padding: 16px 16px 32px;
}
.press-slide-description{
  width: 100%;
  color: var(--primary-dark-color);
  font-size: 18px;
  margin-top: 8px;
}

div.swiper-button-prev.press, .swiper-button-next.press{
  position: absolute;
  top: 58%;
  background-color: transparent;
  color: var(--secondary-light-color);
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
}

/* div.swiper-button-prev.press::after, div.swiper-button-next.press::after{
  display: block;
  width: 24px;
  height: 24px;
} */

.swiper-button-prev.press{
  left: 15px;
}
.swiper-button-next.press{
  right: 15px;
}

@media only screen and (max-width: 630px){
  .swiper-button-prev.press, 
.swiper-button-next.press,
.swiper-button-prev:after{
  display: none;
}
}

/* PRESS HERO */

.press-hero{
  padding: 65px 0 56px;
  display: block;
  position: relative;
}
.press-hero-text-content{    
  padding: 180px 0 160px;
  background-image: url("../../../images/landing/press/hero/press-bg.png");
  display: block;
  width: 358px;
  height: auto;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: border-box;
}
.press-hero-heading{
  margin-bottom: 24px;
  text-align: center;
}
.press-hero-description{
  text-align: center;
  width: 500px;
  transform: translateX(-70px);
}
.press-hero-circles{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.press-hero-circle{
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background-color: var(--secondary-light-color);
  box-shadow: var(--shadow);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.2s ease-in-out;
}

.press-hero-circle:nth-child(1){
  width: 116px;
  height: 116px;
  left: 17%;
  top: 30%;
}

.press-hero-circle:nth-child(2){
  width: 136px;
  height: 136px;
  left: 35%;
  top: 70%;
}

.press-hero-circle:nth-child(3){
  width: 186px;
  height: 186px;
  left: 60%;
  top: 65%;
}

.press-hero-circle:nth-child(4){
  width: 136px;
  height: 136px;
  left: 80%;
  top: 30%;
}

/* avatar-1 */
.press-hero-circle:nth-child(5){
  width: 100px;
  height: auto;
  border-radius: 0;
  left: 18%;
  top: 74%;
  background-color: transparent;
}
/* avatar-2 */
.press-hero-circle:nth-child(6){
  width: 140px;
  height: auto;
  border-radius: 0;
  left: 80%;
  top: 60%;
  background-color: transparent;
}
/* person-1-icon */
.press-hero-circle:nth-child(7){
  width: 204px;
  height: auto;
  left: 20%;
  top: 17%;
  border-radius: 0;
  background-color: transparent;
}
/* person-4-icon */
.press-hero-circle:nth-child(8){
  width: 152px;
  height: auto;
  top: 17%;
  left: 75%;
  border-radius: 0;
  background-color: transparent;
}

/* quotes-sign */
.press-hero-circle:nth-child(9){
  width: 75px;
  height: auto;
  left: 32%;
  top: 65%;
  border-radius: 0;
  background-color: transparent;
}
@media screen and (max-width: 767px){
  .press-hero{
    padding: 24px 0 37px;
  }
  .press-hero-heading{
    font-size: 40px;
    width: 312px;
    transform: translateX(-70px);
  }
  .press-hero-text-content{
    max-width: 166px;
  }
  .press-hero-description{
    width: 312px;
    transform: translateX(-70px);
    margin: 0 auto;
  }
  .press-hero-circle img{
    display: block;
    width: 100%;
    height: auto;
  }
  .press-hero-circle:nth-child(1){
    width: 52px;
    height: 52px;
    left: 20%;
    top: 30%;
  }

  .press-hero-circle:nth-child(2){
    width: 62px;
    height: 62px;
    left: 35%;
    top: 70%;
  }

  .press-hero-circle:nth-child(3){
    width: 78px;
    height: 78px;
    left: 60%;
    top: 65%;
  }

  .press-hero-circle:nth-child(4){
    width: 57px;
    height: 57px;
    left: 80%;
    top: 30%;
  }

  /* avatar-1 */
  .press-hero-circle:nth-child(5){
    width: 38px;
    height: auto;
    left: 18%;
    top: 74%;
  }
  /* avatar-2 */
  .press-hero-circle:nth-child(6){
    width: 52px;
    height: auto;
    left: 80%;
    top: 60%;
  }
    /* person-1-icon */
  .press-hero-circle:nth-child(7){
    width: 90px;
    height: auto;
    left: 23%;
    top: 17%;
  }
  /* person-4-icon */
  .press-hero-circle:nth-child(8){
    width: 64px;
    height: 56px;
    right: calc(100% + 28px);
    bottom: 140px;
  }
  /* quotes-sign */
  .press-hero-circle:nth-child(9){
    width: 34px;
    height: auto;
    left: 32%;
    top: 65%;
  }
}

.this-is-us-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.copyButton{
  border: none;
  background-color: transparent;
  padding-left: 0;
  cursor: pointer;
}
#copyButton--thisIsUs{
  padding: 0 80px;
  margin: 0 auto 56px;
}