body .pwa-box-sec {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 99999;
   background-color: rgb(0 0 0 / 60%);
   display: none;
}
body .pwa-box-sec .pwa-box-wrap {
   padding: 30px 15px;
   width: 100%;
   height: 100%;
   display: flex;
}
body .pwa-box-sec .pwa-box-div {
   width: 100%;
   max-width: 500px;
   margin: auto;
   background-image: url(../assets/images/ls_batik.png);
   background-color: #023D67;
   background-position: bottom center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 45px 30px;
   text-align: center;
   border-radius: 20px;
   position: relative;
}
body .pwa-box-sec .pwa-box-div .pwa-box-title {
   margin-bottom: 15px
}
body .pwa-box-sec .pwa-box-div .pwa-box-content {
   margin-bottom: 50px;
}
body .pwa-box-sec .pwa-box-div .pwa-box-title, 
body .pwa-box-sec .pwa-box-div .pwa-box-content {
   color: white;
}

body .pwa-box-sec .pwa-box-div .pwa-button {
   background-color: #15B1D7;
   padding: 7px 18px;
   color: white;
   border-radius: 7px;
   border: 1px solid #ffffff00;
   font-size: 14px;
   line-height: 24px;
   font-family: 'noto_sanssemibold';
   transition: all .3s ease-in-out;
   cursor: pointer;
   position: relative;
   min-width: 100px;
}
body .pwa-box-sec .pwa-box-div .pwa-button:hover, 
body .pwa-box-sec .pwa-box-div .pwa-button:focus {
   background-color: #F97304;
}
.pwa-box-sec #pwa-install-btn {
   margin-right: 10px;
}
body .pwa-box-sec .pwa-box-close {
   position: absolute;
   width: 36px;
   height: 36px;
   top: 10px;
   right: 12px;
   z-index: 2;
   transform: rotate(45deg);
}
body .pwa-box-sec .pwa-box-close:before, 
body .pwa-box-sec .pwa-box-close:after {
   content: "";
   position: absolute;
   transition: all .3s ease-in-out;
   background-color: white;
   border-radius: 5px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}
body .pwa-box-sec .pwa-box-close:hover:before, 
body .pwa-box-sec .pwa-box-close:hover:before, 
body .pwa-box-sec .pwa-box-close:hover:after,
body .pwa-box-sec .pwa-box-close:hover:after {
   background-color: #15B1D7;
}
body .pwa-box-sec .pwa-box-close:before {
   width: 24px;
   height: 2px;
}
body .pwa-box-sec .pwa-box-close:after {
   height: 24px;
   width: 2px;
}

.ios-box-content > span {
   display: none;
}

.ios-box-content.ios-device > span.ios-text,
.ios-box-content.sumsung-device > span.sumsung-text {
   display: block;
}

@media (max-width: 576px) {
   body .pwa-box-sec .pwa-box-div {
      padding: 40px 20px 30px;
   }
}