body {
 margin: 0;
 font-family: Arial, sans-serif;
}

/* Remove focus outline globally */
*:focus {
 outline: none !important;
 box-shadow: none !important;
}

/* Remove focus styles from Bootstrap form controls and buttons */
.form-control:focus,
.form-select:focus,
.btn:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
 outline: none !important;
 box-shadow: none !important;
 border-color: inherit !important;
}

/* Optional: Restore outline only when navigating with keyboard */
:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Navbar */
.navbar-custom {
 position: fixed;
 top: 35px;
 left: 50%;
 transform: translateX(-50%);
 background: rgba(255, 255, 255, .95);
 border-radius: 50px;
 padding: .5rem 1.5rem;
 width: 95%;
 max-width: 100vw;
 display: flex;
 align-items: center;
 justify-content: space-between;
 box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
 z-index: 1000;
}

.navbar-custom .nav {
 list-style: none;
 padding: 0;
 margin: 0 15px;
 display: flex;
 gap: 1rem;
 align-items: center;
}

.navbar-custom .nav-link {
 background: #f0f0f0;
 color: #000;
 border-radius: 50px;
 padding: .5rem 1rem;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none !important;
}

.navbar-custom .nav-link:hover,
.navbar-custom .nav-link:focus,
.navbar-custom .nav-link.active {
 background: #000;
 color: #fff;
}

/* Dropdown under pill */
.position-relative {
 position: relative !important;
}

.dropdown-menu {
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 margin-top: .25rem;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
 min-width: 180px;
 padding: .5rem 0;
 z-index: 1001;
 transform: none;
}

.dropdown-menu.show {
 display: block;
}

.dropdown-item {
 padding: .5rem 1rem;
 text-transform: uppercase;
 font-weight: 700;
}

.dropdown-item:hover {
 background: #000;
 color: #fff;
}

/* Toggler & Offcanvas Responsive */
.navbar-toggler {
 display: none;
 border: none;
}

.navbar-toggler-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-custom .nav-link.dropdown-toggle.show,
.navbar-custom .nav-item.show>.nav-link.dropdown-toggle {
 background: #000;
 color: #fff;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item.active {
 background-color: #000 !important;
 color: #fff !important;
}

@media (max-width: 991px) {
 .navbar-custom .nav {
  display: none !important;
 }

 .navbar-toggler {
  display: block !important;
 }
}

@media (min-width: 992px) {
 .offcanvas {
  display: none !important;
 }
}

/* Offcanvas menu */
.offcanvas-body .nav-link {
 padding: .5rem 1rem;
 text-transform: uppercase;
 font-weight: bold;
}

.offcanvas-body .nav-link:hover {
 background: #f0f0f0;
}

/* Hero section */
.hero-section {
 position: relative;
 background: url('../../assets/img/IMG_9588.jpg') no-repeat center/cover;
 height: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 color: #fff;
 overflow: hidden;
 padding: 0 15px;
}

.hero-overlay {
 position: absolute;
 inset: 0;
 background: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .8));
 z-index: 1;
}

.hero-content {
 position: relative;
 z-index: 2;
 max-width: 900px;
 padding: 20px;
 opacity: 0;
 transform: translateY(30px);
 animation: hero-fadeIn 1s ease-in-out forwards;
}

.hero-logo-wrapper {
 padding: 25px;
 border-radius: 50%;
 display: inline-block;
 margin-bottom: 20px;
 transition: transform .3s;
}

.hero-logo-wrapper:hover {
 transform: scale(1.05);
}

.hero-logo {
 max-height: 450px;
 transition: transform .3s;
}

.hero-text {
 font-size: 1.25rem;
 margin-bottom: 25px;
 text-shadow: 1px 1px 5px rgba(0, 0, 0, .7);
}

.hero-btn {
 background: #F25F0E;
 color: #fff;
 border: none;
 font-size: 1.1rem;
 border-radius: 30px;
 padding: 12px 30px;
 box-shadow: 0 10px 20px rgba(0, 0, 0, .5);
 text-decoration: none;
 display: inline-block;
 transition: background .3s, transform .3s;
}

.hero-btn:hover {
 background: #A74210;
 transform: scale(1.05);
 box-shadow: 0 0 30px #F25F0E;
}

.hero-down-arrow {
 position: absolute;
 bottom: 5%;
 left: 50%;
 transform: translateX(-50%);
 font-size: 3rem;
 animation: hero-arrow-bounce 1.5s infinite;
 z-index: 3;
 /* <-- Ensure it's above .hero-overlay which has z-index: 1 */
}

@keyframes hero-arrow-bounce {

 0%,
 100% {
  transform: translateX(-50%) translateY(0)
 }

 50% {
  transform: translateX(-50%) translateY(10px)
 }
}

@keyframes hero-fadeIn {
 0% {
  opacity: 0;
  transform: translateY(30px)
 }

 100% {
  opacity: 1;
  transform: translateY(0)
 }
}

@media (max-width: 767.98px) {
 .hero-logo {
  max-height: 300px;
  /* Shrink logo size on mobile */
 }
}

/* Subpage Hero Section */

.hero-sub-section {
 background: url('../../assets/img/IMG_9588-sub.jpg') no-repeat center center/cover;
 min-height: 400px;
 display: flex;
 align-items: center;
 justify-content: left;
 text-align: left;
 color: #fff;
 position: relative;
 padding: 60px 0;
 overflow: hidden;
}

.hero-sub-section::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.7);
 z-index: 1;
}

.hero-sub-section>div {
 position: relative;
 z-index: 2;
 text-shadow: 4px 4px 20px rgba(0, 0, 0, 1);
 animation: hero-sub-fadeIn 1s ease-in-out;
}

.hero-sub-section.center-aligned {
 justify-content: center;
 text-align: center;
}

.hero-sub-section.center-aligned>div {
 max-width: 800px;
}

.hero-sub-title {
 font-family: Arial, sans-serif;
 /* Arial Font */
 font-size: 3rem;
 font-weight: bold;
 /* Bold Text */
 color: #F25F0E;
 text-shadow: 4px 4px 20px rgba(0, 0, 0, 1);
 margin-bottom: 10px;
 letter-spacing: 1px;
}

.hero-sub-text {
 font-family: Arial, sans-serif;
 /* Arial Font */
 font-size: 1.5rem;
 font-weight: bold;
 /* Bold Text */
 color: #ffffff;
 text-shadow: 3px 3px 15px rgba(0, 0, 0, 1);
 margin-top: 10px;
}

/* Text Fade-Up Animation */
@keyframes hero-sub-fadeIn {
 0% {
  opacity: 0;
  transform: translateY(30px);
 }

 100% {
  opacity: 1;
  transform: translateY(0);
 }
}

/* Main content & footer spacing */
.main-content {
 margin-top: 120px;
 padding: 50px 15px;
 background: #fff;
}

.footer-link {
 color: #C0C0C0 !important;
 /* Muted Color (Bootstrap default) */
 transition: color 0.3s;
}

.footer-link:hover {
 color: #FFFFFF !important;
 /* White on Hover */
}

.navbar-custom .btn-primary {
 background-color: #F25F0E;
 border: none;
}

.navbar-custom .btn-primary:hover {
 background-color: #A74210;
}

.btn-orange {
 background-color: #F25F0E;
 border: none;
 color: #fff;
}

.btn-orange:hover {
 background-color: #A74210;
 color: #fff;
}

.contact-link {
 color: #C0C0C0;
 text-decoration: none;
 transition: color 0.3s ease;
}

.contact-link:hover {
 color: #FFFFFF !important;
}

/* Classes */
.content-font {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

/* Content Headings and Lists */
#content h1,
#content h2,
#content h3,
#content h4 {
  font-family: "Oswald", sans-serif;
  padding-bottom: 20px !important;
}

#content li {
  padding-bottom: 20px !important;
}