@font-face { font-family: Li-Saboj; 
             src: url('//ms.purplepatch.online/ramadan/2022/countdown/citygroup/300250/font/Li-Saboj Charulota Unicode.ttf'); } 


*{margin: 0;padding: 0;box-sizing: border-box;background-size: 100% 100%;background-repeat: no-repeat;user-select: none;}

        .wrapper{width: 300px;height: 250px;background-image: url("//ads.kamrulbd.com/assets/kessifashion/bg.png");background-size: 300px 250px;position: relative;cursor: grab;overflow: hidden;}
        .absolute{position: absolute;}
        .patch_box{height: 250px;width: 300px;top: 0;left: 0;transition: all 1s ease-in-out;}
        .patch_countdown{
                height: 40px;
                width: 200px;
                top: 152px;
                left: 52px;
                font-size: 33px;
                line-height: 37px;
                color: #EB5D1E;
                font-weight: 900;
                text-align: center;
                font-family: 'Li-Saboj';
                z-index: 2;
        }
        .patch_title_2{
                height: 9px;
                width: 70px;
                top: 116px;
                left: 158px;
                z-index: 2;
                 color: #EB5D1E;
                font-weight: 600;
                text-align: center;
                font-family: 'Li-Saboj';
                font-size: 11px;
        }
         .patch_title_3{
               height: 9px;
                width: 70px;
                top: 104px;
                left: 153px;
                z-index: 2;
                color: #EB5D1E;
                font-weight: 600;
                text-align: center;
                font-family: 'Li-Saboj';
                font-size: 11px;
        }
        .patch_countdown .hour{left: -3px;;right:0;top:0;bottom:0;width:60px;height:37px;}
        .patch_countdown .minute{left:58px;right:0;top:0;bottom:0;width:72px;height:37px;}
        .patch_countdown .second{left:135px;right:0;top:0;bottom:0;width:60px;height:37px;}
        .patch_title{
                height: 23px;
                width: 130px;
                top: 135px;
                left: 83px;
                z-index: 2;
        }
        .wrapper .box{right: 7px;width: 67px;height: 25px;bottom: 2px;}
        .wrapper .text{left: 3px;right: 0px;top: 84px; width: 161px; height: 20px;}
        .wrapper .timerbg{left: 5px;top: 0px;width: 151px;height: 90px;}
        .wrapper .logo{left:10px;bottom:10px;height: 43px;width: 108px;}
        .wrapper .product{right: 0px;bottom: -2px;height: 163px;width: 137px;}
        .patch_note{height: 15px;width: 171px;top: 116px;left: 14px;}
        @keyframes pulse {
            0% {transform: scaleX(1)}
            50% {transform: scale3d(.95, .95, .95)}
            to {transform: scaleX(1)}
        }
        .pulse {animation-name: pulse;animation-duration: 2s;animation-iteration-count: infinite;}

         .patch_title img{width: 138px;}