.app-popup-main {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 display: flex;
 flex-flow: row wrap;
 align-items: center;
 justify-content: center;
 font-family: "Apfel Grotezk", sans-serif;
 z-index: 9999;
 transition: 0.5s all;
 opacity: 0;
 pointer-events: none;
}
.appmodel-popup {
 overflow: hidden;
}
.appmodel-popup .app-popup-main{
 opacity: 1;
 pointer-events: auto;
}

@media(min-width:992px) {
 .mobile-view {
  display: none;
 }

}

@media(max-width:991px) {
 .desktop-view {
  display: none;
 }

 .hide-small {
  display: none;
 }

}

.app-m-overlay {
 position: fixed;
 z-index: 1000;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 visibility: visible;
 opacity: 1;
 background: rgba(0, 0, 0, 0.5);
 transition: 250ms ease-in-out all;
}

.app-popup {
 max-width: 744px;
 background-color: #fff;
 margin: auto;
 padding: 23px 32px;
 border-radius: 32px;
 min-height: 460px;
}

.app-popup-inner {
 position: fixed;
 z-index: 9999;
 left: 0px;
 right: 0px;
 margin: auto;
 max-width: 744px;
}

.appmodel-top {
 display: flex;
 flex-flow: row wrap;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 32px;
}

.csi-text {
 color: #263040;
 font-size: 20px;
 font-weight: 500;
 letter-spacing: -0.3px;
}

.model-logo {
 max-width: 162px;
}

.app-middle {
 display: flex;
 flex-flow: row wrap;
 align-items: center;
 width: 100%;
 justify-content: space-between;
 border-bottom: #F6F6F6 1px solid;
 padding-bottom: 16px;
}

.app-middle .app-screens {
 width: 45.6%;
}

.app-middle .app-content {
 width: 50%;
 text-align: center;
}

.app-middle .app-screens img {
 width: 100%;
}

.app-content h2 {
 color: #263040;
 font-size: 41px;
 font-weight: 700;
 letter-spacing: normal;
}

.app-middle .app-content p {
 font-size: 18px;
 color: #263040B2;
 max-width: 270px;
 margin: 8px auto;
}

.refer-friend-link {
 color: #007AFF;
 font-size: 18px;
 text-decoration: none;
 transition: 0.5s all;
}

.refer-friend-link:hover {
 text-decoration: underline;
}

.download-app {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
 width: 100%;
 margin-top: 16px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 max-width: 536px;
}

.download-app .d-app-title {
 width: 100%;
 text-align: center;
 color: #263040;
 font-size: 18px;
 font-weight: 600;
}

.download-app-s-g-pay {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
 gap: 18px;
 margin: 16px 0px;
}

.text-policy-info {
 color: #929292;
 font-size: 16px;
}

.m-close-btn {
 color: #000000;
 position: absolute;
 right: 0px;
 top: -28px;
 background-color: #fff;
 border: none;
 border-radius: 8px;
 min-height: 24px;
 min-width: 60px;
 flex-flow: row wrap;
 align-items: center;
 gap: 7px;
 padding: 3px 5px;
 cursor: pointer;
 font-size: 11px;
 font-weight: 600;
 align-content: center;
 justify-content: center;
 letter-spacing: normal;
 line-height: normal;
 display: none;
}

@media(max-width:991px) {
 .app-middle {
  border-bottom: none;
  padding-bottom: 0px;
 }

 .app-middle .app-screens {
  width: 100%;
 }

 .app-middle .app-screens img {
  width: 100%;
 }

 .csi-text {
  display: none;
 }

 .app-middle .app-content {
  width: 100%;
  margin-top: 45px;
 }

 .refer-friend-link {
  margin-top: 30px;
  display: inline-block;
 }

 .appmodel-top {
  justify-content: center;
  padding-top: 0;
  padding-bottom: 5px;
 }

 .appmodel-top .model-logo {
  max-width: 268px;
 }

 .appmodel-top .model-logo img {
  width: 100%;
 }

 .download-app {
  margin-top: 16px;
 }

 .app-popup {
  padding: 40px;
  max-width: 510px;
 }

 .text-policy-info {
  max-width: 360px;
  font-size: 14px;
 }

}

@media(max-width:500px) {
 .app-popup-inner {
 max-width: 270px;
}
 .app-popup {
  border-radius: 16px;
  max-width: 275px;
  padding: 20px;
 }

 .appmodel-top .model-logo {
  max-width: 145px;
 }

 .appmodel-top {
  margin-bottom: 15px;
 }

 .app-middle .app-content {
  margin-top: 24px;
 }

 .app-content h2 {
  font-size: 24px;
 }

 .app-middle .app-content p {
  font-size: 14px;
  max-width: 205px;
  margin: 4px auto;
 }

 .refer-friend-link {
  font-size: 14px;
  margin-top: 15px;
 }

 .download-app .d-app-title {
  font-size: 14px;
 }

 .download-app {
  margin-top: 10px;
 }

 .download-app-s-g-pay {
  gap: 10px;
  margin: 8px 0px;
 }

 .download-app-s-g-pay img {
  max-width: 89px;
 }

 .text-policy-info {
  font-size: 10px;
  max-width: 226px;
 }
 .m-close-btn {
  display: flex;
 }

}