.popUp{
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #0000007a; z-index: 999; display: flex; align-items: center; justify-content: center;

    div.popUp_contnt{position: relative;background: #ffffff;padding: 15px;border-radius: 8px;backdrop-filter: blur(6px);margin: 20px;}



    div.popUp-container{position: relative;/* width: 500px; */overflow: auto;padding: 0;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));}
    i{ position: fixed; top: -14px; right: -14px; padding: 10px; width: 30px; height: 30px; display: flex; align-items: center; border-radius: 50px; color: #fffefe; cursor: pointer; z-index: 9; background: #000; font-size: 13px; line-height: 13px; }
    p{display: grid;color: #fff;font-size: 21px;font: 400 20px 'Oswald', sans-serif;text-align: center;}
    a{color: #fff;padding: 10px 15px;position: relative}
    .new{position: relative;}
    .new a{color: #fff;padding: 10px 15px 10px 55px;position: relative}
    .new a:before{content: '';width: 40px;height: 30px;position: absolute;top: 7px;left: 5px;background: url('../../images/new-icon1.gif') no-repeat center center;background-size: contain;}
    .banner{ padding: 0; img{width: 100%;} a{padding: 0;} p{margin: 0;} }

    img{float: left; border: 0; text-decoration: none; width: 40px; height: auto;}
    a span{ color: #181817; font-weight: 300; font-size: 14px; float: right; margin-top: 20px; position: relative; background: #ffffffa8; padding: 5px 15px; border-radius: 50px; box-shadow: 2px 3px 5px #00000059; }
    
    /* width */
/*    ::-webkit-scrollbar {
        width: 10px;
    }

     Track 
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

     Handle 
    ::-webkit-scrollbar-thumb {
        background: #888;
    }

     Handle on hover 
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }*/



}
.popUp .each img{
    width: inherit;
    border-radius: 5px;
}