@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
body{
    font-family: "Poppins", sans-serif;
    min-height:100vh;
    background:#fff;
    overflow:hidden;
}
.main_div{
    /*border-radius:10px;*/
    height:100vh;
    height:100dvh;
    max-width:430px;
    width:min(100%, 430px);
    position: relative;
    background:#f3f3ff!important;
    box-shadow: rgba(0, 0,0, 0.2) 0px 2px 8px 0px;
    overflow:hidden;
    margin:0 auto;
    /*overflow-y:auto;*/
    user-select:none;
    box-sizing:border-box;
}
.mobile_div{
    position: relative;
    height:100%;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
    box-sizing:border-box;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#9ca3af transparent;

}
.mobile_div::-webkit-scrollbar{
    width:8px;
}
.mobile_div::-webkit-scrollbar-track{
    background:transparent;
}
.mobile_div::-webkit-scrollbar-thumb{
    background:#9ca3af;
    border-radius:999px;
    border:2px solid transparent;
    background-clip:content-box;
}
.modal2{
    left:50%!important;
    right:auto!important;
    width:min(100vw, 430px)!important;
    max-width:430px!important;
    transform:translateX(-50%);
}
.modal2 .modal-content2{
    width:100%!important;
    max-width:430px!important;
    max-height:calc(100dvh - 120px);
    overflow:auto;
}
@media only screen and (max-width:500px){
.main_div{
    max-width:100%;
    width:100%;
    overflow:hidden;
}
}