.landing-PC {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.landing-PC .overlap-wrapper {
  background-color: var(--variable-collection-grayscale-gray50);
  width: 1440px;
  height: 7094px;
}

.landing-PC .overlap {
  position: relative;
  height: 6217px;
}

.landing-PC .frame {
  display: flex;
  flex-direction: column;
  width: 1440px;
  height: 6217px;
  align-items: center;
  gap: 350px;
  padding: 120px 0px 0px;
  position: absolute;
  top: 0;
  left: 0;
}

.landing-PC .div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.landing-PC .group {
  position: relative;
  width: 1019.35px;
  height: 755px;
}

.landing-PC .overlap-group {
  position: relative;
  width: 1031px;
  height: 955px;
  top: -80px;
}

.landing-PC .group-2 {
  position: absolute;
  width: 1031px;
  height: 552px;
  top: 172px;
  left: 0;
}

.landing-PC .text-wrapper {
  position: absolute;
  top: 0;
  left: 58px;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 100px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 150px;
  white-space: nowrap;
}

.landing-PC .text-wrapper-2 {
  position: absolute;
  top: 201px;
  left: 0;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 100px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 150px;
  white-space: nowrap;
}

.landing-PC .text-wrapper-3 {
  position: absolute;
  top: 0;
  left: 663px;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 100px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 150px;
  white-space: nowrap;
}

.landing-PC .text-wrapper-4 {
  position: absolute;
  width: 328px;
  top: 201px;
  left: 692px;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 100px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 150px;
}

.landing-PC .text-wrapper-5 {
  position: absolute;
  top: 402px;
  left: 223px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(255, 214.67, 123.25) 0%,
    rgb(236, 161, 113) 50%,
    rgb(227, 116, 183) 75%,
    rgb(170, 82, 202) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 100px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 150px;
  white-space: nowrap;
}

.landing-PC .text-wrapper-6 {
  position: absolute;
  top: 402px;
  left: 695px;
  background: linear-gradient(
    180deg,
    rgb(204.81, 79.87, 206.13) 0%,
    rgb(100.93, 14.1, 211.44) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 100px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 150px;
  white-space: nowrap;
}

.landing-PC .phone {
  position: absolute;
  width: 566px;
  height: 955px;
  top: 0;
  left: 227px;
}

.landing-PC .frame-2 {
  display: flex;
  flex-direction: column;
  height: 658px;
  align-items: center;
  gap: 60px;
  padding: 120px 10px 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}

.landing-PC .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .frame-4 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .p {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--6xl-font-family);
  font-weight: var(--6xl-font-weight);
  color: var(--variable-collection-grayscale-gray900);
  font-size: var(--6xl-font-size);
  text-align: center;
  letter-spacing: var(--6xl-letter-spacing);
  line-height: var(--6xl-line-height);
  white-space: nowrap;
  font-style: var(--6xl-font-style);
}

.landing-PC .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .frame-6 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .text-wrapper-7 {
  position: relative;
  width: fit-content;
  background: linear-gradient(
    180deg,
    rgb(204.81, 79.87, 206.13) 0%,
    rgb(100.93, 14.1, 211.44) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 54px;
  text-align: center;
  letter-spacing: -0.81px;
  line-height: 67.5px;
  white-space: nowrap;
}

.landing-PC .img {
  position: relative;
  flex: 0 0 auto;
  height: 42px;
}

.landing-PC .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 48px;
  text-align: center;
  letter-spacing: -0.72px;
  line-height: 60px;
  white-space: nowrap;
}

.landing-PC .AI {
  position: relative;
  width: fit-content;
  font-family: var(--md-font-family);
  font-weight: var(--md-font-weight);
  color: var(--variable-collection-grayscale-gray800);
  font-size: var(--md-font-size);
  text-align: center;
  letter-spacing: var(--md-letter-spacing);
  line-height: var(--md-line-height);
  font-style: var(--md-font-style);
}

.landing-PC .op {
  position: relative;
  width: 1082px;
  height: 908px;
  margin-bottom: -626px;
}

.landing-PC .isolation-mode {
  position: absolute;
  width: 246px;
  height: 150px;
  top: 457px;
  left: 597px;
}

.landing-PC .textbubble-chat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  position: absolute;
  top: 602px;
  left: 658px;
  background-color: var(--variable-collection-primary-purple400);
  border-radius: 20px;
  overflow: hidden;
}

.landing-PC .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--sm-font-family);
  font-weight: var(--sm-font-weight);
  color: var(--variable-collection-grayscale-gray50);
  font-size: var(--sm-font-size);
  letter-spacing: var(--sm-letter-spacing);
  line-height: var(--sm-line-height);
  white-space: nowrap;
  font-style: var(--sm-font-style);
}

.landing-PC .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  position: absolute;
  top: 410px;
  left: 510px;
  background-color: var(--variable-collection-additional-yellow200);
  border-radius: 20px;
  overflow: hidden;
}

.landing-PC .frame-7 {
  display: flex;
  flex-direction: column;
  height: 5128px;
  align-items: center;
  gap: 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -884px;
}

.landing-PC .frame-8 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  height: 500px;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  padding: 0px 100px;
  position: relative;
  border-radius: 70px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgb(47.15, 48.64, 53.12) 0%,
    rgb(22.6, 23.06, 24.44) 100%
  );
}

.landing-PC .perspective {
  position: absolute;
  width: 775px;
  height: 500px;
  top: 0;
  left: 505px;
  object-fit: cover;
}

.landing-PC .text-wrapper-10 {
  position: relative;
  width: fit-content;
  font-family: var(--4xl-font-family);
  font-weight: var(--4xl-font-weight);
  color: var(--variable-collection-grayscale-gray50);
  font-size: var(--4xl-font-size);
  letter-spacing: var(--4xl-letter-spacing);
  line-height: var(--4xl-line-height);
  font-style: var(--4xl-font-style);
}

.landing-PC .text-wrapper-11 {
  position: relative;
  width: fit-content;
  font-family: var(--md-font-family);
  font-weight: var(--md-font-weight);
  color: var(--variable-collection-grayscale-gray400);
  font-size: var(--md-font-size);
  letter-spacing: var(--md-letter-spacing);
  line-height: var(--md-line-height);
  font-style: var(--md-font-style);
}

.landing-PC .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.landing-PC .frame-10 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 300px;
  padding: 160px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f7f8fa;
}

.landing-PC .frame-11 {
  display: flex;
  width: 1440px;
  height: 270px;
  align-items: center;
  justify-content: space-around;
  gap: 16px;
  padding: 0px 208px 0px 800px;
  position: relative;
}

.landing-PC .frame-12 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -29px;
  margin-right: -29px;
}

.landing-PC .text-wrapper-12 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--xl-bold-font-family);
  font-weight: var(--xl-bold-font-weight);
  color: var(--variable-collection-grayscale-gray500);
  font-size: var(--xl-bold-font-size);
  letter-spacing: var(--xl-bold-letter-spacing);
  line-height: var(--xl-bold-line-height);
  font-style: var(--xl-bold-font-style);
}

.landing-PC .div-2 {
  position: relative;
  width: fit-content;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 36px;
  letter-spacing: -0.36px;
  line-height: 45px;
}

.landing-PC .span {
  font-weight: 300;
  letter-spacing: -0.13px;
}

.landing-PC .text-wrapper-13 {
  font-family: var(--4xl-font-family);
  font-weight: var(--4xl-font-weight);
  letter-spacing: var(--4xl-letter-spacing);
  font-style: var(--4xl-font-style);
  line-height: var(--4xl-line-height);
  font-size: var(--4xl-font-size);
}

.landing-PC .image {
  position: absolute;
  width: 282px;
  height: 318px;
  top: -24px;
  left: 280px;
}

.landing-PC .image-2 {
  position: absolute;
  width: 339px;
  height: 70px;
  top: 156px;
  left: 305px;
  object-fit: cover;
}

.landing-PC .image-3 {
  position: absolute;
  width: 311px;
  height: 96px;
  top: 232px;
  left: 190px;
  object-fit: cover;
}

.landing-PC .frame-wrapper {
  display: flex;
  width: 1440px;
  height: 270px;
  align-items: center;
  justify-content: space-around;
  padding: 0px 800px 0px 208px;
  gap: 16px;
  position: relative;
}

.landing-PC .frame-13 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--xl-bold-font-family);
  font-weight: var(--xl-bold-font-weight);
  color: var(--variable-collection-grayscale-gray500);
  font-size: var(--xl-bold-font-size);
  text-align: right;
  letter-spacing: var(--xl-bold-letter-spacing);
  line-height: var(--xl-bold-line-height);
  font-style: var(--xl-bold-font-style);
}

.landing-PC .div-3 {
  position: relative;
  width: fit-content;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 36px;
  text-align: right;
  letter-spacing: -0.36px;
  line-height: 45px;
}

.landing-PC .overlap-group-wrapper {
  position: absolute;
  width: 395px;
  height: 324px;
  top: 710px;
  left: 765px;
}

.landing-PC .overlap-group-2 {
  position: relative;
  height: 324px;
}

.landing-PC .image-4 {
  position: absolute;
  width: 282px;
  height: 318px;
  top: 0;
  left: 113px;
}

.landing-PC .frame-14 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 220px;
  left: 0;
}

.landing-PC .snackbar {
  background-color: #650ed3;
  opacity: 0.3;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
}

.landing-PC .text-wrapper-15 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--xs-font-family);
  font-weight: var(--xs-font-weight);
  color: var(--grayscalegray-50);
  font-size: var(--xs-font-size);
  letter-spacing: var(--xs-letter-spacing);
  line-height: var(--xs-line-height);
  white-space: nowrap;
  font-style: var(--xs-font-style);
}

.landing-PC .snackbar-2 {
  background-color: #1f2124;
  opacity: 0.5;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
}

.landing-PC .snackbar-3 {
  background-color: #650ed3;
  opacity: 0.75;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
}

.landing-PC .snackbar-4 {
  background-color: #650ed3;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
}

.landing-PC .frame-15 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0 0 auto;
  margin-left: -45.5px;
  margin-right: -45.5px;
  gap: 16px;
  position: relative;
}

.landing-PC .group-3 {
  position: absolute;
  width: 360px;
  height: 349px;
  top: -25px;
  left: 280px;
}

.landing-PC .overlap-group-3 {
  position: relative;
  height: 349px;
}

.landing-PC .image-5 {
  position: absolute;
  width: 282px;
  height: 318px;
  top: 0;
  left: 0;
}

.landing-PC .image-wrapper {
  display: flex;
  flex-direction: column;
  width: 216px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px;
  position: absolute;
  top: 165px;
  left: 144px;
  background-color: #ffffffcc;
  border-radius: 12px;
}

.landing-PC .image-6 {
  position: relative;
  width: 202px;
  height: 168px;
  margin-left: -1px;
  margin-right: -1px;
  object-fit: cover;
}

.landing-PC .group-4 {
  position: absolute;
  width: 106px;
  height: 97px;
  top: 1511px;
  left: 246px;
}

.landing-PC .overlap-2 {
  position: relative;
  height: 97px;
}

.landing-PC .ellipse {
  position: absolute;
  width: 60px;
  height: 34px;
  top: 64px;
  left: 23px;
  background-color: #00000033;
  border-radius: 30.06px/16.76px;
  filter: blur(6.04px);
}

.landing-PC .group-5 {
  position: absolute;
  width: 106px;
  height: 66px;
  top: 0;
  left: 0;
}

.landing-PC .group-6 {
  position: absolute;
  width: 68px;
  height: 72px;
  top: 24px;
  left: 19px;
}

.landing-PC .frame-16 {
  display: flex;
  height: 270px;
  align-items: center;
  justify-content: space-around;
  gap: 16px;
  padding: 0px 800px 0px 208px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.landing-PC .frame-17 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -49px;
  margin-right: -49px;
}

.landing-PC .div-4 {
  position: relative;
  align-self: stretch;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 36px;
  text-align: right;
  letter-spacing: -0.36px;
  line-height: 45px;
}

.landing-PC .frame-18 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 100px;
  padding: 120px 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--variable-collection-grayscale-gray50);
}

.landing-PC .frame-19 {
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.landing-PC .frame-20 {
  display: inline-flex;
  align-items: center;
  gap: 118px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .frame-21 {
  display: flex;
  flex-direction: column;
  width: 292px;
  align-items: center;
  justify-content: center;
  gap: 21px;
  position: relative;
}

.landing-PC .img-2 {
  position: relative;
  width: 100px;
  height: 100px;
}

.landing-PC .text-wrapper-16 {
  position: relative;
  align-self: stretch;
  font-family: "Spoqa Han Sans Neo", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-grayscale-gray900);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: var(--md-line-height);
}

.landing-PC .frame-22 {
  display: flex;
  width: 1112px;
  align-items: center;
  gap: 118px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .frame-23 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  height: 1098px;
  align-items: center;
  padding: 120px 0px 0px;
  position: relative;
  background-color: #282828;
  border-radius: 70px 70px 0px 0px;
  overflow: hidden;
}

.landing-PC .frame-24 {
  width: 1440px;
  height: 108px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.landing-PC .text-wrapper-17 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--6xl-font-family);
  font-weight: var(--6xl-font-weight);
  color: var(--variable-collection-grayscale-gray50);
  font-size: var(--6xl-font-size);
  text-align: center;
  letter-spacing: var(--6xl-letter-spacing);
  line-height: var(--6xl-line-height);
  white-space: nowrap;
  font-style: var(--6xl-font-style);
}

.landing-PC .text-wrapper-18 {
  position: relative;
  width: fit-content;
  font-family: var(--md-font-family);
  font-weight: var(--md-font-weight);
  color: var(--variable-collection-grayscale-gray50);
  font-size: var(--md-font-size);
  text-align: center;
  letter-spacing: var(--md-letter-spacing);
  line-height: var(--md-line-height);
  white-space: nowrap;
  font-style: var(--md-font-style);
}

.landing-PC .image-7 {
  position: relative;
  width: 1440px;
  height: 870px;
}

.landing-PC .livehub-stream-gmail {
  position: absolute;
  top: 1042px;
  left: 529px;
  font-family: var(--xs-font-family);
  font-weight: var(--xs-font-weight);
  color: var(--variable-collection-grayscale-gray50);
  font-size: var(--xs-font-size);
  text-align: center;
  letter-spacing: var(--xs-letter-spacing);
  line-height: var(--xs-line-height);
  white-space: nowrap;
  font-style: var(--xs-font-style);
}

.landing-PC .frame-25 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 60px 165px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--variable-collection-grayscale-gray700);
}

.landing-PC .frame-26 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .text-wrapper-19 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 100;
  color: var(--variable-collection-grayscale-gray50);
  font-size: 28px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.landing-PC .element {
  position: relative;
  width: fit-content;
  font-family: "SUIT-ExtraLight", Helvetica;
  font-weight: 200;
  color: var(--variable-collection-grayscale-gray50);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17.5px;
}

.landing-PC .frame-27 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.landing-PC .frame-28 {
  display: inline-flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.landing-PC .text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "SUIT-ExtraLight", Helvetica;
  font-weight: 200;
  color: var(--variable-collection-grayscale-gray50);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17.5px;
  white-space: nowrap;
}

.landing-PC .element-2 {
  position: relative;
  width: fit-content;
  font-family: "SUIT-ExtraLight", Helvetica;
  font-weight: 200;
  color: var(--variable-collection-grayscale-gray50);
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: 17.5px;
}

.landing-PC a {
  text-decoration: none;
  color: var(--variable-collection-grayscale-gray50);
}

.landing-PC .text {
  position: absolute;
  width: 105px;
  height: 37px;
  top: 39px;
  left: 60px;
}

.landing-PC .group-7 {
  position: absolute;
  width: 328px;
  height: 354px;
  top: 4419px;
  left: 848px;
}

.landing-PC .overlap-3 {
  position: relative;
  height: 354px;
}

.landing-PC .image-8 {
  position: absolute;
  width: 282px;
  height: 318px;
  top: 0;
  left: 30px;
}

.landing-PC .image-9 {
  position: absolute;
  width: 214px;
  height: 219px;
  top: 134px;
  left: 0;
}

.landing-PC .group-8 {
  position: absolute;
  width: 43px;
  height: 110px;
  top: 234px;
  left: 285px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.desktop-only {
  display: block;
}

@media only screen and (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}