.blue-box,body{
    cursor:none!important
}
.acceeeep,.blue-box{
    display:block;
    position:absolute
}
.acceeeep,.blue-box,.clssss img{
    position:absolute
}
body{
    background-image:url("piche.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:100vh;
    overflow:hidden
}
.blue-box{
    top:6%;
    z-index:999;
    left:36%;
    background:#1a73e8;
    width:440px;
    text-align:left;
    padding-top:4px;
    color:#fff;
    padding-left:20px;
    padding-right:20px;
    animation:4s infinite zoominoutsinglefeatured;
    height:600px;
    font-size:13px;
    border-radius:8px
}
.blue-box .headqwqwdqwdqwding{
    font-size:16px;
    margin:8px 0 5px;
    padding:5px 10px;
    color:#fff!important;
    font-weight:700
}
@keyframes zoominoutsinglefeatured{
    0%,100%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.1,1.1)
    }
}
@keyframes zoomininsinglefeatured{
    0%,100%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.1,1.1)
    }
}
.acceeeep{
    font-weight:700;
    padding:15px 30px;
    min-height:300px;
    border-radius:10px;
    border:1px solid #fff;
    width:620px;
    margin:0 auto;
    background-color:#fff;
    z-index:9999999;
    box-shadow:5px 5px 15px 5px rgba(0,0,0,.4);
    top:27%;
    left:30%;
    cursor:pointer
}
.c-button-css-primary,.nmklklkllk22321{
    padding:10px 30px;
    text-align:center
}
.acceeeep .dqwdwqdqwdqwdqdw{
    clear:both;
    padding-top:0;
    font-size:14px;
    font-weight:600;
    text-align:center
}
.acceeeep .clssss,.mstttl,.mynum,.nmklklkllk22321,.dwqdqwdqwddqdqdqwdwrttt121{
    font-weight:700
}
.acceeeep .ddwdqwdqwrffffff{
    width:535px;
    margin-top:7px;
    padding-bottom:10px;
    border-bottom:1px solid #d6d5d5
}
.ilb{
    display:inline-block
}
.acceeeep .clssss{
    float:right;
    font-size:1.5rem;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5
}
.logo3{
    margin:0 7px 0 0;
    width:30px;
    height:30px
}
.clssss img{
    width:3%;
    top:27px;
    right:17px
}
.alartttttt{
    margin:5px auto;
    display:block
}
.dwqdqwdqwddqdqdqwdwrttt121{
    margin:5px;
    font-size:17px;
    text-align:center
}
.mynum{
    font-size:17px;
    color:#1a73e8
}
.fqdqwdqwdqfqwdvbb12121{
    margin:12px 0;
    height:50px;
    display:flex;
    border-top:1px solid #d6d5d5
}
.fqdqwdqwdqfqwdvbb12121 .bg{
    margin-top:22px;
    height:27px
}
.fqdqwdqwdqfqwdvbb12121 ul{
    list-style-type:none;
    margin-left:116px
}
.fqdqwdqwdqfqwdvbb12121 ul li{
    display:inline-block;
    float:left;
    padding-left:20px;
    margin-top:13px
}
.fqdqwdqwdqfqwdvbb12121 ul li a{
    text-decoration:none
}
.mstttl{
    font-size:18px;
    text-transform:capitalize;
    position:relative;
    width:3%;
    top:21px;
    left:8px
}
.back-shadow,.page-footer{
    width:100%;
    position:absolute
}
.c-button-css-primary{
    border-radius:4px;
    color:#000;
    border:1px solid #000;
    background-color:transparent;
    font-size:18px;
    font-weight:700;
    cursor:pointer
}
.page-footer,.nmklklkllk22321{
    background-color:#1a73e8;
    color:#fff;
    font-size:18px;
    cursor:pointer
}
.nmklklkllk22321{
    border-radius:4px
}
.page-footer{
    bottom:0;
    z-index:999;
    padding:10px 34px;
    height:81px;
    cursor:none
}
.back-shadow{
    height:100%;
    background-color:#000;
    opacity:.7;
    transition:1s;
    top:0;
    cursor:none
}
.text-font{
    font-size:20px
}
.text-font img{
    width:20px
}
 .ddwdqwdqwrffffff{
     border-bottom:1px solid #d6d5d5 
}
/* Background Overlay */
 .modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
    /* Thoda dark background */
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1000;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     display: none;
    /* By default hide rakho */
     animation: fadeIn 0.3s ease-out forwards;
}
/* Main Window Box */
 .window-box {
     width: 800px;
     background: #f0f0f0;
     border: 2px solid #d93025;
    /* Red border for danger */
     box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.2);
    /* Retro Desktop Shadow */
     animation: windowShake 0.8s ease-in-out infinite;
}
/* Header/Title Bar */
 .window-header {
     background: linear-gradient(to right, #d93025, #b71c1c);
     color: white;
     padding: 5px 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-weight: bold;
     font-size: 25px;
}
 .icon-win{
     width: 35px;
}
 .close-btn {
     background: transparent;
     border: none;
     color: white;
     font-size: 20px;
     cursor: pointer;
}
/* Body Content */
 .window-body {
     padding: 20px;
}
 .content-wrapper {
     display: flex;
     align-items: flex-start;
     gap: 15px;
}
/* Danger Icon */
 .warning-icon {
     background: #d93025;
     color: white;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 30px;
     font-weight: bold;
     flex-shrink: 0;
     border: 3px solid #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.3);
     animation: blink 0.8s infinite;
}
 .text-area h3 {
     margin: 0 0 10px 0;
     color: #d93025;
}
 .text-area p {
     font-size: 14px;
     color: #333;
     line-height: 1.4;
}
/* Footer Buttons */
 .window-footer {
     margin-top: 20px;
     display: flex;
     justify-content: flex-end;
     gap: 10px;
}
 button {
     padding: 8px 15px;
     font-size: 13px;
     cursor: pointer;
     border: 1px solid #999;
     outline: none;
}
 .btn-cancel {
     background: #e1e1e1;
}
 .btn-cancel:hover {
     background: #d5d5d5;
}
 .btn-danger {
     background: #d93025;
     color: white;
     border-color: #b71c1c;
     font-weight: bold;
}
 .btn-danger:hover {
     background: #b71c1c;
}
 @keyframes blink {
     0% {
         box-shadow: 0 0 0px #d93025;
    }
     50% {
         box-shadow: 0 0 15px #d93025;
    }
     100% {
         box-shadow: 0 0 0px #d93025;
    }
}
/* Shake Animation: Jo error feel dindi hai */
 @keyframes windowShake {
     0% {
         transform: translate(1px, 1px) scale(1);
         opacity: 1;
    }
     10% {
         transform: translate(-1px, -2px);
    }
     20% {
         transform: translate(-3px, 0px);
    }
     30% {
         transform: translate(3px, 2px);
    }
     40% {
         transform: translate(1px, -1px);
    }
     50% {
         transform: translate(-1px, 2px) scale(1);
         opacity: 1;
    }
     60% {
         transform: translate(-3px, 1px);
    }
     70% {
         transform: translate(3px, 1px);
    }
     80% {
         transform: translate(-1px, -1px);
    }
     90% {
         transform: translate(1px, 2px);
    }
     100% {
         transform: translate(1px, -2px);
    }
}
/* Background Blur Fade */
 @keyframes fadeIn {
     from {
         opacity: 0;
         backdrop-filter: blur(0px);
    }
     to {
         opacity: 1;
         backdrop-filter: blur(3px);
    }
}
