/* 
 * Terratorque - Modal & Quote Forms Styles
 */

.tt-modal-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(15, 23, 42, 0.8) !important; backdrop-filter: blur(8px) !important; display: none; align-items: center; justify-content: center; z-index: 100000 !important; padding: 20px !important; }
.tt-modal-content { background: #fff !important; width: 100% !important; max-width: 500px !important; border-radius: 32px !important; padding: 40px !important; position: relative !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important; }
.tt-modal-close { position: absolute !important; top: 25px !important; right: 25px !important; background: #f1f5f9 !important; border: none !important; font-size: 20px !important; cursor: pointer !important; color: #64748b !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; }

.tt-form-group { margin-bottom: 18px !important; }
.tt-form-group label { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: #475569 !important; margin-bottom: 6px !important; }
.tt-form-group input, .tt-form-group textarea { width: 100% !important; padding: 14px !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; font-family: inherit !important; font-size: 15px !important; background: #f8fafc !important; }
.tt-btn-send { background: #0D593C !important; color: #ffffff !important; border: none !important; padding: 18px !important; border-radius: 16px !important; width: 100% !important; font-weight: 700 !important; cursor: pointer !important; font-size: 16px !important; }

/* Loader */
#tt-ajax-loader { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1000 !important; }
.tt-spinner { width: 40px !important; height: 40px !important; border: 4px solid #f3f3f3 !important; border-top: 4px solid #0D593C !important; border-radius: 50% !important; animation: spin 1s linear infinite !important; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }