:root {
            --bg-primary: #f5f7fa;
            --text-primary: #1f2937;
            --text-secondary: #4b5563;
            --accent: #dc2626;
            --accent-light: #fee2e2;
            --gray: #6b7280;
            --black: #000000;
            --white: #ffffff;
            --side-padding: 50px;
        }


#quote-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
}

#quote-popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 440px;
  height: 290px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  text-align: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 9999;
  opacity: 0;
}

#quote-popup-overlay.active #quote-popup-box {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.quote-close-icon {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.quote-close-icon:hover {
  color: #e3342f;
}

.quote-phone-form #quote-phone,
#quote-otp {
  width: 100%;
  padding: 10px;
  margin: 8px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.quote-phone-form button:disabled {
  background: #aaa;
}

#resend-otp-link {
  color: #e3342f;
  cursor: pointer;
  text-decoration: underline;
  display: none;
}