html{
    width: 100%;
    height: 0;
}
body{
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mobilesWeb{
    display: none;
}
@media (max-width:768px) {
    .newebpage{
        display: none;
    }
    p{
        text-align: center;
    }
    .mobilesWeb{
        display: block;
         width: 100%;
         height: 100%;
         max-width: 768px;
         overflow: hidden;
         position: relative;
         font-size: 16px;
          color: white;
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }  
    .cover{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: fixed;
        left: 0;
        overflow: hidden;
    }
    .coverIcolorfilter{
        position: relative;
        overflow: hidden;
        width: auto;
        height:100%;
        background: rgb(0, 0, 0, 0.3);
    }
    .lay{
        width: auto;
        height: auto;
        margin: 0 auto;
        max-width: 425px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    main{
        overflow: hidden;
    }
    .content{
        overflow: hidden;
       margin-top: 45px;
       padding: 5px;
       background: rgb(0, 0, 0, 0.3);
       border: 2px solid ;
       border-radius: 20px;
    }
    .contentTopMargin{
       margin-top: 10px;
    }
    .content_topHeader{
        display: flex;
        justify-content: center;
        overflow: hidden;
        
    }
    .content_bodyHeader{
        overflow: hidden;

    }
    img{
        width:100%;
        height:70px;
        max-width:70px;
        object-fit:cover;
    }
    .icon{
        width:70px;
        height:70px;
        margin-top: 40px;
        margin-bottom: 5px;
        border: solid 2px;
        border-radius:70px;
        overflow: hidden;
    }
    .icon2{
        height:24px;
        width:24px;
        margin: 0;
        border: 0;
        border-radius: 0;
        overflow: hidden;
    }
    h1{
        margin: 0;
        font-size:25px;
    }
    ul{
        list-style: none;
        
        padding-left: 100px;
        padding-right: 100px;
    }
    li{
        display: flex;
        gap: 5px;
        width:170px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    a{
        display: block;
        color: white;
        text-align: center;
        line-height:24px;
        text-decoration: none;
    }
    .close{
        position: absolute;
        right: 40px;
    }
    .videoContent{
         width:auto;
         height:auto;
         display: flex;
         gap: 10px;
         overflow-x: auto;
         overflow-y: hidden;
    }
    .contentFlexV{
         width: auto;
         height: 270px;
         border: 1px solid;
         border-radius: 20px;

    }
    .ContnetVideoVV{
        width:198px;
        height:270px;
        object-fit: cover;
        border-radius: 20px;
    }
    .img{
        width: 100%;
        height:auto;
        max-width:100%;
        border-radius: 20px;
        opacity: 0.5;
    }
    .imgContent{
        flex-direction: column;
        height:auto;
    }
}