/* Global button styles copied from Contact page's .theme-btn1 Applied to common button-like elements to ensure all buttons look the same as the Contact Us page without changing markup or other design. */ :root{ --btn-gradient-from: #FF7A01; --btn-gradient-to: #FF9A3C; --btn-color: #ffffff; --btn-padding: 12px 28px; --btn-radius: 999px; --btn-weight: 700; --btn-shadow: 0 8px 30px rgba(255,122,1,0.18); --btn-hover-shadow: 0 12px 36px rgba(255,122,1,0.20); --btn-hover-bg-from: #FF8B19; --btn-hover-bg-to: #FF9A3C; } /* Target commonly used button elements and classes. If a specific button should keep its original style, add the class `no-global-btn`. */ button:not(.no-global-btn), .btn:not(.no-global-btn), a.btn:not(.no-global-btn), input[type="button"]:not(.no-global-btn), input[type="submit"]:not(.no-global-btn), input[type="reset"]:not(.no-global-btn), .theme-btn1:not(.no-global-btn), a.theme-btn1:not(.no-global-btn) { -webkit-appearance: none; appearance: none; background: linear-gradient(90deg,var(--btn-gradient-from),var(--btn-gradient-to)); color: var(--btn-color) !important; padding: var(--btn-padding); border-radius: var(--btn-radius); font-weight: var(--btn-weight); box-shadow: var(--btn-shadow); border: none !important; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; transition: transform .06s ease, box-shadow .12s ease, filter .12s ease; line-height: 1; } button:not(.no-global-btn):hover, .btn:not(.no-global-btn):hover, a.btn:not(.no-global-btn):hover, input[type="button"]:hover, input[type="submit"]:hover, .theme-btn1:not(.no-global-btn):hover, a.theme-btn1:not(.no-global-btn):hover { filter: brightness(1.02); transform: translateY(-1px); box-shadow: var(--btn-hover-shadow); } button:not(.no-global-btn):active, .btn:not(.no-global-btn):active, a.btn:not(.no-global-btn):active, input[type="button"]:active, input[type="submit"]:active, .theme-btn1:not(.no-global-btn):active, a.theme-btn1:not(.no-global-btn):active { transform: translateY(0); box-shadow: none; } button:not(.no-global-btn):focus, .btn:not(.no-global-btn):focus, a.btn:not(.no-global-btn):focus, input[type="button"]:focus, input[type="submit"]:focus, .theme-btn1:not(.no-global-btn):focus, a.theme-btn1:not(.no-global-btn):focus { outline: 3px solid rgba(255,122,1,0.14); outline-offset: 2px; } /* Disabled state */ button[disabled], .btn[disabled], input[disabled], button.disabled, .btn.disabled { opacity: 0.65; cursor: not-allowed; transform: none; box-shadow: none; } /* Small / large variations (keeps parity with existing site) */ .btn-sm { padding: 6px 10px; border-radius: 6px; font-size: .875rem; } .btn-lg { padding: 14px 22px; border-radius: 10px; font-size: 1.05rem; } /* Ensure link-like buttons keep their pointer */ a.btn { cursor: pointer; } /* About-page header overrides (copied from resources/views/about.blade.php) Applied when has class 'page-about' so the Home page gets the same header as About */ .page-about .header-area1 { background: #ffffff; box-shadow: 0 6px 20px rgba(8,17,32,0.08); transition: background 0.25s ease, box-shadow 0.25s ease; } .page-about .header-area1 .main-menu-ex1 ul li > a, .page-about .header-area1 .main-menu-ex1 ul li > a.active { color: #081120 !important; } .page-about .header-area1 .site-logo img { filter: none !important; } .page-about .header-area1 .header2-buttons .theme-btn1 { background-color: #FF7A01; color: #fff; border: none; } .page-about .header-area1 .language-switcher .language-btn { color: #081120; background: transparent; border: 1px solid rgba(8,17,32,0.06); padding: 6px 10px; border-radius: 4px; } .page-about .mobile-header, .page-about .mobile-sidebar { background: #ffffff; color: #081120; } .page-about .mobile-nav a { color: #081120; } .page-about .header-area1 { position: relative; z-index: 30; }