/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#ladies {
  height: 100vh;
  width: 100vw;
}

#ladies .wrapper {
  max-width: 133rem;
}

#ladies .wrapper .center-text .flex-item.word._1 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 2;
          order: 2;
}

#ladies .wrapper .center-text .flex-item.word._2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 4;
          order: 4;
  position: relative;
}

#ladies .wrapper .center-text .flex-item.word._2::after {
  content: '';
  position: absolute;
  background: url(../assets/red-circle.svg) no-repeat;
  background-size: 100% 100%;
  top: -1.5rem;
  left: -3rem;
  width: calc(100% + 6rem);
  height: calc(100% + 3rem);
}

#ladies .wrapper .center-text .flex-item.word._3 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 6;
          order: 6;
}

#ladies .wrapper .center-text .flex-item.word._4 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 7;
          order: 7;
}

#ladies .wrapper .center-text .flex-item.word._5 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 9;
          order: 9;
}

#ladies .wrapper .center-text .flex-item.word._6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 8;
          order: 8;
}

#ladies .wrapper .center-text .flex-item.word._7 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 10;
          order: 10;
}

#ladies .wrapper .center-text .flex-item.logo {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 11;
          order: 11;
}

/*video 1*/
#ladies .wrapper .center-text .flex-item.video._1 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 10;
          order: 10;
}

/*video 2*/
#ladies .wrapper .center-text .flex-item.video._2 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 5;
          order: 5;
}

/*video 3*/
#ladies .wrapper .center-text .flex-item.video._3 {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: 1;
          order: 1;
}

/*video 4*/
#ladies .wrapper .center-text .flex-item.video._4 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 3;
          order: 3;
}

#ladies .wrapper .center-text .word {
  color: black;
  font-size: 14.63867rem;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}

#ladies .wrapper .center-text video {
  border-radius: 10px;
}

#ladies .wrapper .center-text .row._1 {
  gap: 50px;
}

#ladies .wrapper .center-text .row._2 {
  gap: 50px;
}

#ladies .wrapper .center-text .row._3 {
  gap: 40px;
}

.red-circle {
  position: relative;
}

.red-circle svg {
  position: absolute;
  left: -1.5rem;
  top: -2rem;
  width: calc(100% + 3rem);
}

#ladies .wrapper .center-text .word {
  font-size: 14.63867rem;
}
#ladies .video._1 video {
  width: 22rem;
  height: 10.82708rem;
  object-fit: cover;
}
#ladies .video._2 video {
  width: 11.16667rem;
  height: 11.16667rem;
  object-fit: cover;
}
#ladies .video._3 video {
  width: 27.66667rem;
  height: 11rem;
  object-fit: cover;
  margin-top: 0.5rem;
}
#ladies .video._4 video {
  width: 13.66667rem;
  height: 10.5rem;
  object-fit: cover;
}
.flex-item.logo {
  margin-right: 0;
}

@media (max-width: 1772px) {
  #ladies .wrapper .center-text .word {
    font-size: 10.25vw;
  }
  #ladies .word._4 {
    margin: 0;
  }
  #ladies .video._1 video {
    width: 10vw;
    height: 8vw;
  }
  #ladies .video._2 video {
    height: 8vw;
    width: 0;
  }
  #ladies .video._3 video {
    width: 14vw;
    height: 9vw;
  } 
  #ladies .video._4 video {
    width: 9vw;
    height: 9vw;
  } 
  .flex-item.logo {
    margin-right: 0;
  }
  #ladies img.cue-logo {
    max-height: 8vw;
  }
}

@media (max-width: 1024px) {
  #ladies {
    height: 85vw;
  }

  #ladies .wrapper .center-text {
    /* max-width: 338px !important; */
    width: 90%;
    margin: auto;
  }

  #ladies .wrapper .center-text .flex-item.word._1 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: 1;
            order: 1;
  }

  #ladies .wrapper .center-text .flex-item.word._2 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
  }

  #ladies .wrapper .center-text .flex-item.word._2::after {
    background-image: url(../assets/red-circle-mobile.svg);
    top: -2vw;
    left: -2vw;
    width: calc(100% + 4vw);
    height: 17vw;
  }

  #ladies .wrapper .center-text .flex-item.word._3 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  #ladies .wrapper .center-text .flex-item.word._4 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  #ladies .wrapper .center-text .flex-item.word._5 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 8;
            order: 8;
  }

  #ladies .wrapper .center-text .flex-item.word._6 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 7;
            order: 7;
  }

  #ladies .wrapper .center-text .flex-item.word._7 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 11;
            order: 11;
  }

  /*video 1*/
  #ladies .wrapper .center-text .flex-item.video._1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 3;
            order: 3;
  }

  /*video 2*/
  #ladies .wrapper .center-text .flex-item.video._2 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
            order: 4;
  }

  /*video 3*/
  #ladies .wrapper .center-text .flex-item.video._3 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  
  /*video 4*/
  #ladies .wrapper .center-text .flex-item.video._4 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 8;
            order: 8;
  }

  /*logo*/
  #ladies .wrapper .center-text .flex-item.logo {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
    margin-right: 7vw;
  }
  
  
  #ladies .video._1 video {
    width: 35vw;
    height: 11vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  #ladies .video._2 video {
    width: 12vw;
    height: 11vw;
  }

  #ladies .video._3 video {
    width: 35vw;
    height: 12vw;
  }

  #ladies .video._4 video {
    width: 15vw;
    height: 10vw;
  }
  
  #ladies .wrapper .center-text .word {
    line-height: 100%;
    font-size: 13vw;
  }

  img.cue-logo {
    width: 22vw;
  }

}