.blue-box,body{cursor:none!important}.accept-box,.blue-box{display:block;position:absolute}.accept-box,.blue-box,.close 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 .heading{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)}}.accept-box{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,.ddqwdqwdqwdwqddqwdqdq{padding:10px 30px;text-align:center}.accept-box .dqwdwqdqwdqwdqdw{clear:both;padding-top:0;font-size:14px;font-weight:600;text-align:center}.accept-box .close,.ms-title,.mynum,.ddqwdqwdqwdwqddqwdqdq,.ddqwdqwdqwweqwe{font-weight:700}.accept-box .dswdwdqdqwd{width:535px;margin-top:7px;padding-bottom:10px;border-bottom:1px solid #d6d5d5}.ilb{display:inline-block}.accept-box .close{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}.close img{width:3%;top:27px;right:17px}.alert-banner{margin:5px auto;display:block}.ddqwdqwdqwweqwe{margin:5px;font-size:17px;text-align:center}.mynum{font-size:17px;color:#1a73e8}.freqtttqqq{margin:12px 0;height:50px;display:flex;border-top:1px solid #d6d5d5}.freqtttqqq .bg{margin-top:22px;height:27px}.freqtttqqq ul{list-style-type:none;margin-left:116px}.freqtttqqq ul li{display:inline-block;float:left;padding-left:20px;margin-top:13px}.freqtttqqq ul li a{text-decoration:none}.ms-title{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,.ddqwdqwdqwdwqddqwdqdq{background-color:#1a73e8;color:#fff;font-size:18px;cursor:pointer}.ddqwdqwdqwdwqddqwdqdq{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}
/* 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); }
}