.popup-wrapper{position:fixed;top:61%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:99;width:75%}
.popup-innerContent{background:#fcecd5;width:100%;height:100%;background:#ccc}
.inner-wrapper tr td:nth-child(4){border-bottom:1px solid transparent;width:20px}
.inner-wrapper::-webkit-scrollbar{width:5px}
.inner-wrapper::-webkit-scrollbar-track{background-color:#fcecd5}
.inner-wrapper::-webkit-scrollbar-thumb{box-shadow:inset 10px 10px 6px #522a7d}
.inner-wrapper{width:60%;background:#fcecd5;opacity:1;padding:45px 35px 20px 20px;margin:0 auto;height:100%;overflow-y:scroll}
.text-area.mobile{display:none}
.text-area.desktop{display:block}
.close-icon::before{content:'\00D7';position:absolute;top:5px;right:20px;height:28px;width:11px;font-size:28px;cursor:pointer}
.close-icon::before{color:#000;opacity:.8;transition:opacity .3s ease-in-out}
.close-icon:hover::before{opacity:1}
.popup-image{width:40%;float:left;height:100%;object-fit:inherit}
@media(min-width:992px) and (max-width:1279px){.popup-wrapper{top:62%;width:96%;height:65%}
}
@media(min-width:1280px) and (max-width:1439px){.popup-wrapper{top:63%;width:90%;height:72%}
}
@media(min-width:1440px) and (max-width:1599px){.popup-wrapper{top:61%;width:92%;height:76%}
}
@media(min-width:1600px) and (max-width:1919px){.popup-wrapper{top:49%;height:57%;width:89%}
}
@media(min-width:1920px){.popup-wrapper{top:55%;height:62%;width:73%}
}
@media screen and (max-width:768px){.text-area.desktop{display:none}
.text-area.mobile{display:block}
.text-area{font-size:10px}
.popup-wrapper{top:30%;width:94%;height:22%}
.close-icon::before{top:5px;right:10px;font-size:20px}
.inner-wrapper{overflow-y:scroll;padding:45px 15px 5px 5px}
}