.otp-button-container {   margin-top:10px; } .otp-button-container .btn {   font-size:12px;   padding:6px 12px;   border-radius:4px;   transition:all 0.3s ease; } .otp-button-container .btn:disabled {   opacity:0.6;   cursor:not-allowed; }  #otp-verification-modal .modal-dialog {   max-width:500px; } #otp-verification-modal .modal-header {   background-color:#f8f9fa;   border-bottom:1px solid #e9ecef; } #otp-verification-modal .modal-title {   color:#2c3e50;   font-weight:600; } #otp-verification-modal .modal-title i {   color:#3498db;   margin-right:8px; } #otp-verification-modal .otp-info {   background-color:#f8f9fa;   border-radius:8px;   padding:20px;   margin-bottom:20px; } #otp-verification-modal #otp-mobile-display {   font-size:18px;   font-weight:600;   color:#2c3e50; } #otp-verification-modal .form-control {   border:2px solid #e9ecef;   border-radius:8px;   font-size:18px;   padding:15px;   text-align:center;   letter-spacing:8px;   transition:all 0.3s ease; } #otp-verification-modal .form-control:focus {   border-color:#3498db;   box-shadow:0 0 0 3px rgba(52, 152, 219, 0.1);   outline:none; } #otp-verification-modal .btn-lg {   padding:12px 30px;   font-size:16px;   font-weight:500; } #otp-verification-modal .otp-timer {   font-size:14px;   font-weight:500; }  .verification-success {   animation:fadeInUp 0.5s ease; } .verification-success i {   font-size:18px; } .otp-verified #booking_phone {   border-color:#28a745;   background-color:#f8fff9; } .otp-verified .otp-button-container .btn {   background-color:#28a745;   border-color:#28a745; } @keyframes fadeInUp {   from {  opacity:0;  transform:translateY(10px);   }   to {  opacity:1;  transform:translateY(0);   } }  .otp-actions {   margin-top:8px;   display:flex;   align-items:center;   gap:10px; } #resend-otp-btn {   font-size:14px;   padding:8px 16px;   color:#3498db;   text-decoration:none;   background:#f8f9fa;   border:1px solid #3498db;   border-radius:4px;   cursor:pointer;   transition:all 0.3s ease;   display:inline-block;   margin:0 10px; } #resend-otp-btn:hover {   color:#fff;   background:#3498db;   border-color:#3498db;   text-decoration:none; } #resend-otp-btn:disabled {   color:#bdc3c7;   background:#f8f9fa;   border-color:#bdc3c7;   cursor:not-allowed; } #resend-otp-btn i {   margin-right:5px; } .otp-timer {   font-size:14px;   color:#6c757d;   font-weight:500;   display:inline-block;   margin:0 10px; }  #otp-verification-modal .alert {   font-size:14px;   padding:12px 16px;   margin-top:15px;   border-radius:6px;   border:none; } #otp-verification-modal .alert-success {   background-color:#d4edda;   color:#155724;   border-left:4px solid #28a745; } #otp-verification-modal .alert-danger {   background-color:#f8d7da;   color:#721c24;   border-left:4px solid #dc3545; }  .frmbooking .btn-book-now.disabled, #booking-confirm-btn.disabled {   opacity:0.6;   cursor:not-allowed;   background-color:#bdc3c7 !important;   border-color:#bdc3c7 !important; } .frmbooking .btn-book-now:disabled, #booking-confirm-btn:disabled {   opacity:0.6;   cursor:not-allowed; }  .btn .fa-spinner {   animation:spin 1s linear infinite; } @keyframes spin {   0% { transform:rotate(0deg); }   100% { transform:rotate(360deg); } }  @media (max-width:768px) {   #otp-verification-modal .modal-dialog {  margin:10px;  max-width:calc(100% - 20px);   }  #otp-verification-modal .form-control {  font-size:16px;  padding:12px;  letter-spacing:6px;   }  #otp-verification-modal .btn-lg {  width:100%;  padding:12px 20px;  font-size:14px;   }  .otp-button-container .btn {  width:100%;  font-size:14px;  padding:8px 16px;   }  #resend-otp-btn {  width:100%;  margin:10px 0;  text-align:center;   }  .otp-timer {  display:block;  text-align:center;  margin:10px 0;   } }  #booking_phone {   border:2px solid #e9ecef;   transition:all 0.3s ease; } #booking_phone:focus {   border-color:#3498db;   box-shadow:0 0 0 2px rgba(52, 152, 219, 0.1); }  .otp-verified #booking_phone {   border-color:#28a745;   background-color:#f8fff9; } .otp-verified .otp-button-container .btn {   background-color:#28a745;   border-color:#28a745; }  .otp-error #booking_phone {   border-color:#dc3545;   background-color:#fff8f8; }  @media (prefers-reduced-motion:reduce) {   .btn .fa-spinner {  animation:none;   }  #otp-verification-modal .form-control,   .otp-button-container .btn {  transition:none;   } }  @media (prefers-contrast:high) {   #otp-verification-modal {  border:2px solid #000;  background-color:#fff;   }  #otp-verification-modal .form-control {  border:2px solid #000;   }  .otp-button-container .btn {  border:2px solid #000;   } }  #otp-input {   font-family:Montserrat, Helvetica, Arial, sans-serif;   font-weight:bold;   letter-spacing:12px;   text-align:center;   font-size:20px;   padding:15px 10px; } #otp-input:focus {   border-color:#3498db;   box-shadow:0 0 0 3px rgba(52, 152, 219, 0.1); }  .otp-actions .mt-2 {   display:flex;   flex-direction:column;   align-items:center;   gap:10px; }  .otp-expired .otp-timer {   color:#dc3545;   font-weight:bold; } .otp-expired #resend-otp-btn {   background:#dc3545;   border-color:#dc3545;   color:#fff; } .otp-expired #resend-otp-btn:hover {   background:#c82333;   border-color:#c82333; }