@charset "UTF-8";/* =============================== BEFORE FOOTER SECTION ================================ */ .before-footer-section{padding:6rem 0;background-color:#1b2b3a;color:#ffffff;text-align:center;}.before-footer-heading{max-width:820px;margin:0 auto;font-weight:700;line-height:1.2;}/* ---------- Buttons wrapper ---------- */ .before-footer-buttons{margin-top:2.5rem;margin-bottom:2.5rem;display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;}/* ---------- Base button (works for <a> and <button>) ---------- */ .before-footer-section .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.9rem 1.8rem;font-size:0.95rem;font-weight:600;text-decoration:none;border-radius:999px;white-space:nowrap;cursor:pointer;/* IMPORTANT:keep buttons consistent */ background:transparent;outline:none;}/* Ensure <button> doesn't lose border because of resets */ .before-footer-section button.btn{appearance:none;-webkit-appearance:none;border:none;/* we set borders per variant below */}/* ---------- Primary button ---------- */ .before-footer-section .btn.btn-primary,.before-footer-section .btn-primary{background-color:#ff8a3d;color:#ffffff;border:1px solid #ff8a3d;box-shadow:0 8px 24px rgba(255,138,61,0.25);}/* (No hover effects – as requested) */ /* ---------- Outline button (FIXED BORDER) ---------- */ .before-footer-section .btn.btn-outline,.before-footer-section .btn-outline{background-color:transparent;color:#ffffff;/* ✅ This restores the border even on <button> */ border:1.5px solid rgba(255,255,255,0.5);}/* ---------- Features ---------- */ .before-footer-features{display:flex;justify-content:center;gap:2rem;font-size:0.9rem;font-weight:500;opacity:0.95;flex-wrap:wrap;}.before-footer-features .feature{display:flex;align-items:center;gap:0.5rem;}.before-footer-features .feature img{width:18px;height:auto;}/* =============================== VIDEO MODAL (RESPONSIVE + CLOSE FIX) ================================ */ .video-modal{position:fixed;inset:0;display:none;z-index:99999;}.video-modal.is-active{display:flex;align-items:center;justify-content:center;}.video-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.8);cursor:pointer;}.video-modal-content{position:relative;z-index:2;width:90%;max-width:960px;background:#000;border-radius:14px;overflow:hidden;}.video-modal-content video{width:100%;height:auto;display:block;}/* ✅ Close button always clickable (desktop + mobile) */ .video-modal-close{position:absolute;top:12px;right:14px;z-index:5;pointer-events:auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;background:rgba(0,0,0,0.6);color:#ffffff;border:1px solid rgba(255,255,255,0.25);cursor:pointer;}/* =============================== TABLET ================================ */ @media (max-width:1024px) and (min-width:768px){.before-footer-section{padding:5rem 0;}.before-footer-features{gap:1.5rem;}}/* =============================== MOBILE ================================ */ @media (max-width:767px){.before-footer-section{padding:4rem 0;}.before-footer-buttons{flex-direction:column;align-items:center;}.before-footer-section .btn{width:100%;max-width:320px;}.before-footer-features{flex-direction:column;align-items:center;gap:1rem;}.video-modal-content{width:95%;}.video-modal-close{top:8px;right:8px;width:38px;height:38px;font-size:22px;}}