.appdownload {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: var(--primary-text, #684B9B);
  border: none;
  margin: 5%;
}
#appDownloadPopup .modal-content {
  width: auto;
}
.dwn-bckg{
    background-color: rgba(52, 64, 84, 0.7);
}
.modal-header {
  border-bottom: none !important;
}

.dwn-scrl {
  overflow-y: unset !important;
}
.dwn-cntr {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dwn-popup{
  width: 785px;
  height: 478px;
  box-shadow: 0px 16px 40px 0px #1018280F;
  background-image: url('../../../../content/dam/thaiairways/images/rop/about-royal-orchid-plus/background-shadow.png');
}

.popup-brdr {
 
  top: 273px;
  left: 327px;
  border-radius: 8px;
  padding-right: 16px;
  padding-bottom: 42px;
  padding-left: 16px;
  gap: 10px;
  
}



.app-cnt {
  display: flex;
  flex-direction: row;
  width: 721px;
  height: 382px;
  border-radius: 16px;
  gap: 40px;
  border-width: 1px;
  padding: 16px 32px;
  border: 1px solid;
  border-image-source: linear-gradient(229.68deg, #FFFFFF -26.06%, rgba(255, 255, 255, 0) 79.99%);
}

.lft-cnt {
  margin-top: 60px;
  flex-direction: column;
  display: flex;
  width: 349px;
  height: 208px;
  gap: 32px;
}

.lft-txt {
  width: 349px;
  height: 144px;
  gap: 16px;
}

.lft-txt h2 {
  font-family: Inter;
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  letter-spacing: 0px;
  color: var(--gray-text-strong, #2C3059);
}

.lft-txt span {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0px;
  color: var(--gray-text-strong, #2C3059);
}

.rgt-app-img {
  display: flex;
  flex-direction: column;
  width: 268px;
  height: 318px;
  border-radius: 12px;
  gap: 24px;
  padding: 24px;
  background: linear-gradient(98.72deg, #503383 -27.72%, #2D1656 127.08%);

}

.rgt-app-img span {
  align-self: center;
  width: 137px;
  height: 26px;
  opacity: 0.8;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--gray-text-invert, rgba(255, 255, 255, 1));
}

.links-cont {
  width: 334.5667419433594px;
  height: 32px;
  gap: 11.56px;
  display: flex;
  flex-direction: row;
}

.img-cntnr {
  width: 107.28844451904297;
  height: 32.04719924926758;

}

.app-lnk {
  color: unset;
  text-decoration: none;
}

.qr {
  width: 220px;
  height: 220px;
  border-radius: 8px;
}