body {
   font-family: "Segoe UI", sans-serif;
 }

 .navbar-nav .nav-link {
   position: relative;
   padding-bottom: 6px;
   color: #555 !important;
   /* unactive color */
   font-weight: 500;
 }

 /* underline hidden by default */
 .navbar-nav .nav-link::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 2px;
   background-color: #000;
   transition: width 0.3s ease;
 }

 /* Active Link */
 .navbar-nav .nav-link.active {
   color: #000 !important;
   font-weight: 600;
 }

 .navbar-nav .nav-link.active::after {
   width: 100%;
 }

 /* Hover effect */
 .navbar-nav .nav-link:hover {
   color: #000 !important;
 }

 .navbar-nav .nav-link:hover::after {
   width: 100%;
 }

 /* Mobile specific tweaks */
 @media (max-width: 991px) {
   .navbar-nav .nav-link {
     padding: 0.5rem 1rem;
   }
 }

 .hero {
   padding: 160px 0 120px;
   background: linear-gradient(110deg, rgba(0, 0, 0, 0.5), rgba(0, 123, 255, 0.5)), url('/../img/homebuyer-bg.jpg') center/cover no-repeat;
   color: #fff;
 }

 .hero h1 {
   font-size: 42px;
   line-height: 1.3;
 }

 .hero-list li {
   list-style: none;
   margin-bottom: 8px;
   font-size: 17px;
 }

 .hero-list li::before {
   content: "✔ ";
   color: #00ff7f;
   font-weight: bold;
 }

 .video-box iframe {
   border-radius: 10px;
   border: 4px solid white;
 }

 /* TRUST BAR */
 .trust-bar {
   padding: 60px 0;
   background-color: #0d6efd;
   color: white;
 }

 .trust-bar h4 {
   font-weight: bold;
   background: #004aad;
   width: 80px;
   height: 80px;
   line-height: 80px;
   border-radius: 50%;
   margin: 0 auto 15px;
 }

 .trust-bar p {
   font-size: 18px;
   margin: 0;
 }

 /* SECTION TITLES */
 .section-title {
   margin-bottom: 40px;
   color: #004aad;
   font-weight: bold;
 }

 /* CARDS */
 .card-ui {
   border-radius: 12px;
   border: none;
   background: #ffffff;
   box-shadow: 0px 10px 30px rgba(0, 0, 0, .08);
   transition: 0.3s;
   min-height: 270px;
 }

 .card-ui:hover {
   transform: translateY(-10px);
   box-shadow: 0px 20px 50px rgba(0, 123, 255, 0.25);
 }

 /* FOOTER */
 footer {
   background: #021b36;
   color: white;
 }

 footer a {
   color: #686758;
   text-decoration: none;
 }

 footer a:hover {
   text-decoration: underline;
 }

 /* MOBILE ADJUSTMENTS */
 @media (max-width: 768px) {
   .hero {
     padding: 120px 20px 80px;
   }

   .hero h1 {
     font-size: 32px;
   }
 }

 .page-header {
   padding: 160px 0 120px;
   background: linear-gradient(110deg, rgba(0, 0, 0, 0.5), rgba(0, 123, 255, 0.5)), url('img/homebuyer-bg.jpg') center/cover no-repeat;
   color: #fff;
   text-align: center;
 }

 .page-header h2 {
   font-size: 42px;
   font-weight: bold;
 }

 /* SECTIONS */
 .section-title {
   font-weight: bold;
   color: #004aad;
   margin: 50px 0 25px;
 }

 /* SPEAKER CARDS */
 .speaker-card {
   background: white;
   border-radius: 15px;
   padding: 20px;
   box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
   transition: .3s;
 }

 .speaker-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 25px 60px rgba(0, 123, 255, .25);
 }

 .speaker-img {
   width: 100%;
   height: 200px;
   border-radius: 10px;
   border: 4px solid #0d6efd;
   object-fit: cover;
 }


 .speaker-name {
   color: #004aad;
   font-weight: bold;
   margin-top: 10px;
 }

 .speaker-bio {
   text-align: justify;
 }

 .schedule-card {
   background: #fff;
   border-radius: 10px;
   padding: 25px;
   text-align: justify;
   border-left: 6px solid #B72929;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
 }

 .testimonial-card {
   background: #e9f2fa;
   border-radius: 10px;
   border-left: 6px solid #0d6efd;
   padding: 35px;
   text-align: justify;
 }

 blockquote {
   font-size: 15px;
   margin: 0;
   color: #444;
 }

 .schedule-date {
   font-size: 18px;
   font-weight: bold;
   color: #0d6efd;
 }

 .schedule-address strong {
   color: #B72929;
 }

 a {
   color: #0d6efd;
   font-weight: bold;
 }

 .attendee-card {
   background: #e9f2fa;
   border-left: 5px solid #0d6efd;
   padding: 25px;
   border-radius: 6px;
   text-align: justify;
 }

 .attendee-title {
   color: #0d6efd;
   font-weight: bold;
   margin-bottom: 15px;
 }

 .attendee-card blockquote {
   margin: 0;
   color: #333;
 }

 #cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    z-index:9999;
    display:none;
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#0d6efd;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}