body { font-family: "Roboto", serif; }



   p { font-family: "Roboto", sans-serif; }



    .paBlue{



        color:#000c49;



    }



    



    /* Top call bar */



    .top-bar {



      background:#000c49;

      color:#fff;

      font-weight:bold;

      font-size:1rem;

      text-align:right;

      padding:.4rem 1rem;



    }







/* Change top bar font to Roboto and style phone number */

.top-bar {

  font-family: 'Roboto', sans-serif !important;

  font-size: 1.15rem !important; /* increased from 1.1rem */

  padding-right: 2rem !important; /* adds spacing from right edge */



}



.top-bar .call-text {

  font-family: 'Roboto', sans-serif !important;

  font-size: 1.15rem !important;

  padding-right: 1rem !important; /* additional padding if needed */



}



/* Make phone number a link with underline */

.top-bar a {

  color: #fff !important;

  text-decoration: none !important; /* no underline by default */

  font-family: 'Roboto', sans-serif !important;

}



.top-bar a:hover {

  color: #CDE5F6 !important; /* lighter blue on hover */

}



/* Add underline only on mobile */

@media (max-width: 767.98px) {

  .top-bar a {

    text-decoration: underline !important;

  }

}





/* Navbar styling */ .navbar-custom { background: transparent !important; position: absolute; top: 35px; left: 0; width: 100%; z-index: 1000; padding: 0.5rem 1rem; } .navbar-custom .navbar-nav { align-items: center; /* vertical centering */ } .navbar-custom .nav-link { color:#000c49; font-weight:500; /* medium instead of bold */ font-size:1.5rem; /* slightly smaller */ padding:0.5rem 1rem; } .navbar-custom .nav-link:hover { color: #ac1f24; } /* Toggler icon fix for dark background */ .navbar-toggler { 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,0.7%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }



    .btn-consult {



      background:#ac1f24; color:#fff; font-weight:bold;

      text-transform:uppercase; 

      padding:10px 20px;

      border:none; border-radius:4px;



    }



.hero .btn-consult {

  text-transform: none !important;

}





    .btn-consult:hover { background:#7a1419; }



.btn-consult2 {



  background: #ac1f24;

  color: #fff;

  font-weight: 500 !important;

  text-transform: none;

  padding: 10px 20px;

  border: 2px solid #fff; /* ✅ this makes the white border visible */

  border-radius: 4px;

  transition: all 0.2s ease;



}







/* Desktop button next to nav menu */

.btn-consult2 {

  font-family: 'Roboto', sans-serif !important;

  font-size: 0.65rem !important;

  padding: 8px 16px !important;

  line-height: 1.2 !important;

  margin-right: 4rem !important; /* adjust this value - smaller = more left */



}







.btn-consult2:hover {



  background: #7a1419;

  color: #fff;

  border-color: #fff; /* keep the white border on hover */



}



/* ✅ Make mobile nav "Free Consultation" button text bigger */

@media (max-width: 991.98px) {

  .navbar-custom .btn-consult2 {

    font-size: 1.1rem !important;  /* ⬅️ increased from default */

    padding: 14px 24px !important;

    line-height: 1.3 !important;

    margin: 1.5rem auto !important;  /* ⬅️ auto centers it */

    display: block !important;        /* ⬅️ makes it a block element so centering works */

    width: fit-content !important;    /* ⬅️ shrinks to content width */



  }

}



    /* Hero */



/* Move header content down */

.hero {

  padding-top: 9rem !important; /* increased from 8rem */

}



/* Optional: adjust for mobile */

@media (max-width: 768px) {

  .hero {

    padding-top: 5.5rem !important; /* increased from 5rem */

  }

}





    .hero {



      background:url('images-desktop-tablet/header-desktop-tablet.jpg') center/cover no-repeat;

      color:#fff;

      padding:8rem 0 6rem;



    }



    .hero h1 { font-size:2.5rem; font-weight:bold; color:#000c49; }



    .hero .hero-count { font-size:3rem; color:#ac1f24; }



    .hero-form {



      background:#000c49; color:#fff;

      padding:2rem; border-radius:8px;



    }



    .hero-form input, .hero-form select { margin-bottom:1rem; }



    /* Style the hero consultation button */

  .hero .btn-consult {

  font-family: 'Roboto', sans-serif !important;

  font-size: 1.25rem !important; /* smaller text */

  padding: 10px 24px !important; /* adjusted padding */

  }



@media (max-width: 991.98px) {

  .hero .btn-consult {

    font-size: 1.1rem !important;

    padding: 14px 28px !important;

  }

}



    /* Sections */



    section { padding:4rem 0; }



    .benefit-table th, .benefit-table td { text-align:center; }



.benefit-table h2.font-italic {

  color: #000c49 !important;

}



.benefit-table .text-center img[src*="star-line-top.png"] {

  width: 100% !important;

  max-width: 100% !important;

}



.benefit-table h3 {

  color: #000c49 !important;

}



.benefit-table table,

.benefit-table table th,

.benefit-table table td {

  font-family: 'Roboto', sans-serif !important;

  vertical-align: middle !important;

}







    /* Stats */



    .stats h5 { font-weight:bold; }







    /* Icons */



    .icon-box { text-align:center; padding:20px; }



    .icon-box h5 { margin-top:15px; font-weight:bold; }







    /* Footer */



    footer { background:#000c49; color:#fff; padding:3rem 1rem; }



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



    footer a:hover { color: #ac1f24!important; text-decoration:underline; }



    /* Remove underline from phone number link in footer */

footer a[href^="tel"] {

  text-decoration: none !important;

}



footer a[href^="tel"]:hover {

  color: #ac1f24 !important;

  text-decoration: none !important;

}





   .stat-box {



  background-image: url('../Clicks/images-desktop-tablet/badge.png');

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  background-color: transparent;

  width: 100%;

  max-width: 350px;

  height: 350px;

  margin: 1rem;

  color: #000c49;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;   /* 👈 moves text to top of the badge */

  text-align: center;

  padding-top: 55px;             /* 👈 adjust this value to fine-tune vertical position */

  border-radius: 0.5rem;

  flex: 1 1 300px;

  line-height: 1.1;



}







/* Text styles */



.stat-box h5 {



  font-size: 1.45rem;

  font-weight: 200;

  margin: 0;

  line-height: 1;       /* tighter line spacing */



}







.stat-box span {



  display: block;

  line-height: 1.1;       /* reduce vertical gap between spans */

  margin-top: 2px;        /* small buffer to prevent overlap */

  margin-bottom: 2px;



}











.stat-box .big {



  color: #ac1f24;

  font-size: 3rem;

  font-weight: bold;

  font-style: normal;

  line-height: 1.1;       /* reduce vertical gap between spans */



}



.stat-box .big2 {



  color: #000c49;

  font-size: 3rem;

  font-weight: bold;

  font-style: normal;

  line-height: 1.1;       /* reduce vertical gap between spans */

  margin-bottom: 0;



}



.stat-box .medium {



  color: #ac1f24;

  font-size: 2rem;

  font-weight: 200!important;

  font-style:normal!important;

  line-height: 1.1;       /* reduce vertical gap between spans */

  margin-top: -30px!important ;         /* pulls "Industry Partner..." closer to 2024 */

  display: inline-block;



}



.stat-box .sub {



  font-size: 1.1rem;



}



/* Pull .big and .big2 closer to the text above */



.stat-box h5 br + .big,



.stat-box h5 br + .big2 {



  margin-top: -1px;     /* adjust between -4px and -10px for perfect balance */

  display: inline-block;



}







/* Optional: tighten spacing under the big numbers */



.stat-box .big,



.stat-box .big2 {



  margin-bottom: 4px;   /* lowers gap between the number and next line */



}



/* Tighten spacing between 2024 and Industry Partner of the Year */



.stat-box h5 br + .big2 {



  margin-bottom: -1px;           /* remove extra space under 2024 */



}







.stat-box .big2 + br + .medium {



  margin-top: -6px;          /* pulls Industry Partner line closer to 2024 */

  display: inline-block;



}







/* Raise only the text inside the third badge */



.stat-box:nth-child(3) h5 {



  position: relative;

  top: -15px;   /* moves just the text upward */



}











.footer-socials .social-link {



  color: #ffffff;

  transition: all 0.3s ease;



}







.footer-socials .social-link:hover {



  color: #ac1f24; /* Patriot red hover */

  transform: translateY(-2px);



}















/* FORM TINT — make background a soft blue instead of grey */



.form-section .form-container {



  background: #e8ecf6 !important; /* soft light blue tint */

  color: #000;



}



form .form-control {



  border: 1px solid #000c49 !important;

  border-radius: 6px;

  box-shadow: none;

  color: #000; /* input text */



}







form .form-control::placeholder {



  color: #000; /* placeholder text black */

  opacity: 1;  /* ensure consistent color across browsers */



}







form .form-control:focus {



  border-color: #000c49;

  box-shadow: 0 0 5px rgba(0, 12, 73, 0.3);

  color: #000;



}







form label {



  color: #000;

  font-weight: 500;

  margin-bottom: 0.25rem !important;  /* Add this line - reduces space below labels */



}



form input:has(*) {



  color: #000c49;



}





/* BENEFIT TABLE — alternate blue tinted rows */



.benefit-table tbody tr:nth-child(odd) {



  background-color: #f5f7fb; /* very light blue */



}



.benefit-table tbody tr:nth-child(even) {



  background-color: #e8ecf6; /* slightly deeper light blue */



}







/* Prevent overlap on mobile */



@media (max-width: 991.98px) {

  .form-section {

    margin-top: 0px !important;

    padding-top: 0px !important;

  }

  

  .form-section .rounded.flex-fill {

    margin-top: 10px !important;  /* much smaller gap on mobile */

  }

}









/* Keep overlap look only on desktop */



@media (min-width: 769px) {



  .form-section {



    /*margin-top: -140px !important;*/



  }



}



.footer-socials .social-link {



  color: #ffffff;

  transition: all 0.3s ease;



}



.footer-socials .social-link:hover {



  color: #ac1f24;

  transform: translateY(-2px);



}







/* Smooth manual carousel movement */



.carousel-inner {



  transition: transform 1s ease-in-out !important;



}



.carousel-item {



  transition: transform 1s ease-in-out !important;



}



.video-container {



  width: 400px;           /* change this number to make it smaller or larger */

  max-width: 100%;

  margin: 0 auto;         /* center it */

  position: relative;

  aspect-ratio: 16 / 9;   /* keeps correct shape */



}



.video-container iframe {



  width: 100%;

  height: 100%;

  border: 0;

  display: block;



}



.review-box {



  background: url('../Clicks/images-desktop-tablet/review-box.png') center/contain no-repeat;

  border-radius: 12px;

  padding: 50px 40px;         /* add breathing room so image edges show */

  color: #000;

  text-align: center;

  background-size: contain;   /* shows the full image without cropping */





}



.review-box p {



  font-style: italic;

  font-size: 1.1rem;

  line-height: 1.6;

  margin-bottom: 20px;



}



.review-box a {



  color: #ac1f24;

  font-weight: 600;

  text-decoration: none;

  display: block;

  margin-bottom: 10px;



}



.bring-box {



  background: #fff;

  border-radius: 12px;

  padding: 35px 25px;

  color: #000;

  box-shadow: 0 4px 15px rgba(0,0,0,0.15);

  text-align: left;

  height: 100%;

  transition: transform 0.2s ease, box-shadow 0.2s ease;



}







.bring-box:hover {



  transform: translateY(-5px);

  box-shadow: 0 8px 20px rgba(0,0,0,0.2);



}







.icon-wrap {



  display: flex;

  align-items: center;

  gap: 12px;



}







.icon {



  width: 45px;

  height: auto;



}







.bring-box h5 {



  color: #000c49;

  font-weight: 700;



}







.bring-box p {



  font-size: 1rem;

  line-height: 1.6;

  margin-top: 15px;



}



/* Shift What We Bring background to the right - DESKTOP */

section.position-relative.pb-0 {

  background-position: 75% center !important;

}





/* ----------------------------- */



/* 📱 MOBILE FIXES BELOW 768px  */



/* ----------------------------- */



@media (max-width: 768px) {







  /* HERO */



  .hero {



    background: url('images-mobile/header-mobile.jpg') center/cover no-repeat;

    padding: 5rem 1rem 3rem;

    text-align: center;



  }



  .hero h3 {



    font-size: 1.8rem;

    line-height: 1.2;



  }





  .btn-consult {



    width: 100%;

    font-size: 1.1rem;

    margin-top: 10px;



  }







  /* FORM SECTION */



  .form-section {



    margin-top: 0 !important;

    padding: 0px;



  }



  .form-section .form-container {



    padding: 20px;



  }



  form .form-row {



    flex-direction: column;



  }



  form .form-group {



    width: 100% !important;



  }



  .nowrap-label {

  white-space: nowrap;

}





@media (min-width: 992px) {

  /* Expand the benefit table column */

  section.pt-5.pb-4.bg-white .col-lg-6.mb-5.mb-lg-0.benefit-table {

    flex: 0 0 65% !important;

    max-width: 65% !important;

  }

  

  /* Shrink the spacer to compensate */

  section.pt-5.pb-4.bg-white .col-1 {

    flex: 0 0 1% !important;

    max-width: 1% !important;

  }

  

  /* Keep form at its original size */

  section.pt-5.pb-4.bg-white .col-lg-5.form-section {

    flex: 0 0 34% !important;

    max-width: 34% !important;

  }

  

  /* Make the container wider to accommodate */

  section.pt-5.pb-4.bg-white .container {

    max-width: 1300px !important;

  }

}



@media (min-width: 992px) {

  /* Add padding to the right of the benefit table */

  section.pt-5.pb-4.bg-white .col-lg-7.benefit-table {

    padding-right: 30px !important;

  }

  

  /* Add padding to the left of the form */

  section.pt-5.pb-4.bg-white .col-lg-5.form-section {

    padding-left: 30px !important;

  }

  

  /* Or just widen the spacer column */

  section.pt-5.pb-4.bg-white .col-1 {

    flex: 0 0 3% !important;

    max-width: 3% !important;

  }

}











  /* CEO VIDEO */



  .video-container {



    width: 100% !important;

    max-width: none;

    border-radius: 0;

    box-shadow: none;



  }



  .video-container iframe {



    height: auto;



  }







  /* STATS BADGES */



  .stat-box {



    max-width: 300px;

    height: 300px;

    padding-top: 60px;

    margin: 1rem auto;

    background-size: contain;



  }



  .stat-box h5 {



    font-size: 1.4rem;



  }



  .stat-box .big,



  .stat-box .big2 {



    font-size: 2.5rem;



  }



  .stat-box .medium {



    font-size: 1.5rem;



  }







  /* REVIEWS */



  .review-box {



    background-size: contain;

    padding: 35px 25px;



  }



  .review-box p {



    font-size: 1rem;



  }







  /* WHAT WE BRING */



  .bring-box {



    padding: 25px 20px;

    text-align: center;



  }



  .icon-wrap {



    justify-content: center;



  }



  .icon {



    width: 40px;



  }



  .bring-box h5 {



    font-size: 1.2rem;



  }







  /* BOTTOM CTA */





  section[style*="Get Started Today"] {



    text-align: center;

    background: linear-gradient(to bottom, #ffffff 30%, rgba(0,12,73,0.05) 70%), url('images-desktop-tablet/veteran-bg.jpg') center/cover no-repeat;

    padding: 40px 20px;



  }



  section[style*="Get Started Today"] h1 {



    font-size: 1.8rem;



  }



  section[style*="Get Started Today"] p {



    font-size: 1rem;

    text-align: justify;



  }







  /* FOOTER */



  footer {



    text-align: center;

    padding: 40px 20px;



  }



  footer .col-md-3,



  footer .col-md-2 {



    text-align: center !important;

    padding-left: 0 !important;

    margin-bottom: 20px;



  }



  .footer-socials {



    justify-content: center !important;



  }



  footer img {



    margin: 0 auto;



  }



}



/* Make navbar-toggler white */



.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%28255,255,255,1%29'

  stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");



}







/* Ensure nav collapses on top bar (mobile) */



@media (max-width: 992px) {



  .navbar-custom {



    position: static !important;

    background: #000c49 !important;



  }



  .navbar-custom .nav-link {



    color: #fff !important;



  }



  .navbar-custom .dropdown-menu {



    background: #fff;



  }



}



/* Make navbar solid and push content down */



.navbar-custom {



  background: #000c49 !important; /* solid navy */

  position: relative !important;

  z-index: 1000;

  padding: 0.5rem 1rem;



}







/* collapse area inherits background and stays in flow */



.navbar-collapse {



  background: #000c49 !important;

  transition: all 0.3s ease-in-out;



}







/* links visible on blue background */



.navbar-custom .nav-link {



  color: #fff !important;

  font-size: 1.3rem;

  font-weight: 500;

  padding: 0.75rem 0;



}







.navbar-custom .nav-link:hover {



  color: #ac1f24 !important;



}







/* hamburger icon white */



.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%28255,255,255,1%29'

  stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");



}







/* mobile adjustments */



@media (max-width: 992px) {



  .navbar-custom .navbar-collapse {



    text-align: center;



  }



  .btn-consult2 {



    margin: 1rem auto;



  }



}



/* Desktop: align to top right */



.top-bar {



  display: flex;

  justify-content: flex-end;

  align-items: center;

  text-align: right;



}







/* Mobile: move text to left */



@media (max-width: 768px) {



  .top-bar {



    justify-content: flex-start;

    text-align: left;



  }



}



/* ✅ Top Bar Alignment Fix */



.top-bar {



  background: #000c49;

  color: #fff;

  font-weight: bold;

  font-size: 1.1rem;

  display: flex;

  justify-content: flex-end;

  align-items: center;

  padding: .5rem 1rem;

  position: relative;

  z-index: 1100;



}







.top-bar .call-text {



  text-align: right;

  flex: 1;



}







.top-bar .navbar-toggler {



  border: none;

  background: none;

  display: none;

  padding: 0;



}







.top-bar .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%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");



}







/* Mobile: phone number left, hamburger right */



@media (max-width: 992px) {



  .top-bar {



    justify-content: space-between;



    align-items: center;



  }



  .top-bar .call-text {



    text-align: left !important;



    font-size: .9rem;



    flex: 1;



  }



  .top-bar .navbar-toggler {



    display: block;



    margin-left: auto;



  }



}











/* ✅ Show hamburger only on mobile */



.navbar-toggler {



  display: none !important;



}







@media (max-width: 991.98px) {



  .navbar-toggler {



    display: block !important;



  }



}











/* Mobile logo spacing */



.mobile-logo img {



  max-height: 80px;



}



/* Hide desktop logo on mobile */



@media (max-width: 991.98px) {



  .navbar .navbar-brand {



    display: none !important;



  }



}



/* Hide mobile logo completely */



@media (max-width: 991.98px) {



  .mobile-logo {



    display: none !important;



  }



}



/* === MOBILE FIX: logo hidden, phone CENTER, burger right === */

@media (max-width: 991.98px) {

  /* Hide both the desktop and mobile logos */

  .navbar-brand,

  .mobile-logo {

    display: none !important;

  }



  /* Top bar layout */

  .top-bar {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    background: #000c49 !important;

    padding: 0.6rem 1rem !important;

    position: relative !important;

  }



  /* Phone text on left */

  .top-bar .call-text {

    text-align: left !important;

    flex: 1 !important;

    font-size: 1rem !important;

    padding-right: 0.5rem !important;

    white-space: nowrap !important;

  }



  /* Hamburger on the right */

  .top-bar .navbar-toggler {

    display: block !important;

    position: relative !important;

    margin-left: auto !important;

  }













  </style>



<!-- ✅ FINAL OVERRIDES -->



<style>





/* === FIX: remove duplicate black hamburger === */

@media (max-width: 991.98px) {

  /* Hide the second (black) navbar toggler inside .navbar */

  .navbar-custom .navbar-toggler {

    display: none !important;

  }



  /* Keep only the white one in the top bar */

  .top-bar .navbar-toggler {

    display: block !important;

    position: relative !important;

    margin-left: auto !important;

  }



  /* Make sure the white icon is visible */

  .top-bar .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%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;

  }

  

  /* Top bar layout */

  .top-bar {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    padding: 0.6rem 1rem !important;

  }

  

  /* Phone text */

  .top-bar .call-text {

    text-align: left !important;

    flex: 1 !important;

    font-size: 1.3rem !important;

    white-space: nowrap !important;

  }

}



/* === HERO MOBILE LOGO === */



.hero-mobile-logo {

  display: none;

}



@media (max-width: 991.98px) {

  .hero-mobile-logo {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: -15px !important;

    margin-bottom: 20px !important;

  }



  .hero-mobile-logo img {

    height: 90px !important;

    width: auto !important;

    max-width: none !important;

  }

}



/* === HERO MOBILE SPACING TWEAK === */



@media (max-width: 991.98px) {



  /* Reduce extra padding in hero */



  .hero {



    padding: 4rem 1rem 2.5rem !important;



  }







  /* Pull logo up and add space below */



  .hero-mobile-logo {



    margin-top: -20px !important;



    margin-bottom: 20px !important;



  }







  /* Tighten heading lines */



  .hero h3 {



    font-size: 1.7rem !important;



    line-height: 1.15 !important;



    margin-top: 0 !important;



    margin-bottom: 0.75rem !important;



  }







  /* Reduce vertical gap between elements */



  .hero .hero-count {



    margin-top: 0 !important;



    margin-bottom: 0 !important;



  }







  .hero hr {



    margin: 0.6rem auto !important;



  }







  .btn-consult {



    margin-top: 0.8rem !important;



  }



}



/* === MOBILE MENU OVER HERO === */



@media (max-width: 991.98px) {



  /* Make navbar overlay hero */



  .navbar-custom .navbar-collapse {



    position: absolute;



    top: 60px; /* sits right below top bar */



    left: 0;



    width: 100%;



    background: #000c49 !important;



    text-align: center;



    padding: 1.5rem 0;



    z-index: 2000;



    transition: all 0.3s ease-in-out;



  }







  /* Style nav links */



  .navbar-custom .nav-link {



    color: #fff !important;



    font-size: 1.6rem;



    font-weight: 500;



    display: block;



    padding: 0.75rem 0;



  }







  .navbar-custom .nav-link:hover {



    color: #ac1f24 !important;



  }







  /* Dropdown menu in mobile */



  .navbar-custom .dropdown-menu {



    background: transparent !important;



    border: none;



    box-shadow: none;



    padding: 0;



  }







  .navbar-custom .dropdown-item {



    color: #fff !important;



    font-size: 1.3rem;



    padding: 0.5rem 0;



  }







  .navbar-custom .dropdown-item:hover {



    color: #ac1f24 !important;



    background: none !important;



  }







  /* Center the consultation button */



  .navbar-custom .btn-consult2 {



    display: inline-block;



    background: #ac1f24;



    color: #fff;



    font-weight: bold;



    text-transform: uppercase;



    padding: 12px 20px;



    border: 2px solid #fff;



    border-radius: 6px;



    margin-top: 1rem;



    transition: all 0.3s ease;



  }











  .navbar-custom .btn-consult2:hover {



    background: #7a1419;



  }



}



/* === FIX MOBILE MENU GAP === */



@media (max-width: 991.98px) {



  /* Remove spacing between top bar and menu */



  .navbar-custom {



    margin-top: 0 !important;



    padding-top: 0 !important;



  }







  .navbar-custom .navbar-collapse {



    position: absolute;



    top: 52px !important; /* aligns exactly below top bar */



    left: 0;



    width: 100%;



    margin-top: 0 !important;



    background: #000c49 !important;



    border-top: 1px solid rgba(255,255,255,0.15); /* optional thin divider */



  }







  /* Optional: remove hero padding shift when menu opens */



  body {



    overflow-x: hidden;



  }



}



/* === FINAL FIX: REMOVE GAP, MAKE MENU OVERLAY HERO === */



@media (max-width: 991.98px) {



  /* Make the navbar overlay the hero section */



  .navbar-custom {



    position: absolute !important;



    top: 45px !important; /* height of top-bar */



    left: 0;



    width: 100%;



    z-index: 2000;



    background: transparent !important; /* no background on main bar */



  }







  /* Make the collapse menu flush under top bar */



  .navbar-custom .navbar-collapse {



    position: absolute !important;



    top: 0 !important;



    left: 0;



    width: 100%;



    background: #000c49 !important;



    text-align: center;



    padding: 1.5rem 0;



    margin: 0 !important;



    border: none !important;



    z-index: 2500;



  }







  /* Ensure hero stays behind menu */



  .hero {



    position: relative;



    z-index: 1;



  }







  /* Button and links styling */



  .navbar-custom .nav-link {



    color: #fff !important;



    font-size: 1.6rem;



    padding: 0.5rem 0;



  }







  .navbar-custom .btn-consult2 {



    margin-top: 1rem;



    background: #ac1f24;



    color: #fff;



    border: 2px solid #fff;



    border-radius: 6px;



    padding: 12px 20px;



    font-weight: 600;



  }







  .navbar-custom .btn-consult2:hover {



    background: #7a1419;



  }



}



@media (max-width: 991.98px) {



  .navbar-custom .navbar-collapse {



    position: absolute !important;



    top: 0 !important;



    left: 0;



    width: 100%; /* exactly viewport height */



    background:



      linear-gradient(rgba(0,12,73,0.85), rgba(0,12,73,0.85)),



      url('../Clicks/images-mobile/mobile-nav/mobile-nav-bg.png') center top / cover no-repeat;



    text-align: center;



    padding: 4rem 0 3rem;



    z-index: 2500;



    overflow: hidden;



  }







  .navbar-custom .nav-link {



    color: #fff !important;



    font-size: 1.6rem;



    font-weight: 500;



    padding: 0.75rem 0;



  }







  .navbar-custom .nav-link:hover {



    color: #ac1f24 !important;



  }







  .navbar-custom .dropdown-menu {



    background: transparent !important;



    border: none;



    box-shadow: none;



  }







  .navbar-custom .dropdown-item {



    color: #fff !important;



    font-size: 1.3rem;



  }







  .navbar-custom .btn-consult2 {



    background: #ac1f24;



    color: #fff;



    border: 2px solid #fff;



    border-radius: 6px;



    padding: 12px 20px;



    font-weight: 700;



    margin-top: 1.5rem;



  }







  .navbar-custom .btn-consult2:hover {



    background: #7a1419;



  }



}





/* ✅ FINAL-PERFECT MOBILE NAVBAR */

@media (max-width: 991.98px) {

  .navbar-custom .navbar-collapse.collapse.show {

    background-color: #0a0a5b !important;

    background-image: url('images-mobile/mobile-nav/mobile-nav-bg.png') !important;

    background-position: center top !important;

    background-size: 100% auto !important; /* ⬅️ CHANGED - keeps width locked */

    background-repeat: no-repeat !important;



    /* Alignment + spacing */

    position: absolute !important;

    top: 0px !important;

    left: 0;

    width: 100%;

    padding: 1.1rem 0 2rem !important;

    text-align: center;

    border-bottom: 2px solid rgba(255,255,255,0.1);

    z-index: 2500 !important;



    /* Size fit */

    min-height: fit-content !important; /* ⬅️ CHANGED */

    max-height: 90vh !important; /* ⬅️ ADDED - prevents extreme stretching */

    overflow-y: auto !important;

  }











  /* Nav text */



  .navbar-custom .nav-link,



  .navbar-custom .dropdown-item {



    color: #fff !important;



    font-size: 1.6rem;



    font-weight: 500;



    padding: 0.5rem 0;



  }







  .navbar-custom .nav-link:hover,



  .navbar-custom .dropdown-item:hover {



    color: #ac1f24 !important;



  }







  /* CTA button */



  .navbar-custom .btn-consult2 {



    background: #ac1f24;



    color: #fff;



    border: 2px solid #fff;



    border-radius: 6px;



    padding: 10px 18px;



    font-weight: 700;



    margin-top: 1rem;



    transition: background 0.3s ease;



  }







  .navbar-custom .btn-consult2:hover {



    background: #7a1419;



  }



}



/* ✅ Force logo higher on mobile hero */



@media (max-width: 991.98px) {



  .hero img {



    margin-top: 15px !important;  /* pulls logo up */



    display: block;



  }







  /* Optional: tighten spacing below the logo text */



  .hero h2,



  .hero h3,



  .hero p {



    margin-top: 0 !important;



  }







  /* Remove extra padding on the hero container if any */



  .hero {



    padding-top: 1rem !important;



  }



}



/* --- Section background (people image) --- */



.reviews-section {



  position: relative;

  overflow: hidden;

  padding: 40px 0 0 0; /* Remove bottom padding */

  min-height: 850px; /* Adjust this value as needed */



}







.reviews-bg {



  position: absolute;



  inset: 0;



  background: url('images-desktop-tablet/reviews-bg.jpg') center top / cover no-repeat;



  z-index: 1;



}







.reviews-heading {



  color: #000c49;

  font-weight: 500;

  text-align: left;

  padding-left: 50px;

  padding-top: 20px; /* Adds space above the heading */

  margin-bottom: 480px;

  position: relative;

  z-index: 2;

  font-size: 2.5rem; /* Matches the CEO heading h1 size */



}







/* --- White review card (your PNG background) --- */



.review-box {

  background: url('../Clicks/images-desktop-tablet/review-box.png') center/contain no-repeat;

  border: none;

  border-radius: 0;

  color: #000;

  text-align: center;

  box-shadow: none;

  padding: 55px 35px 55px !important; /* Reduced from 90px to 70px */

  max-width: 520px !important;

  margin: 0 auto !important;

  position: relative;

  z-index: 2;

}



.review-box p {

  font-style: italic;

  font-size: 1.2rem !important;

  line-height: 1.2 !important;

  margin-bottom: 15px !important;

  margin-top: -10px !important;

}







.review-box a {



  color: #ac1f24;

  font-weight: 700;

  text-decoration: none;

  display: inline-block;

  margin-top: -10px !important; /* Even closer */

  font-size: 1.2rem !important;

  font-family: 'Roboto', sans-serif !important;

  font-style: normal !important;  /* ← Add this line */





}



.review-box a:hover {



  color: #7a1419;



  text-decoration: underline;



}







/* --- Arrows --- */



.carousel-arrow {



  width: 55px;



}



.carousel-control-prev,



.carousel-control-next {



  top: 45%;



  width: 5%;



}







/* --- Mobile tweaks --- */





.form-section .rounded.flex-fill {

  box-shadow: 0 0 30px rgba(0, 12, 73, 0.25) !important;

  border-radius: 12px;

  overflow: hidden;

  padding:1px;

}



/* Only apply large margin on desktop */

@media (min-width: 992px) {

  .form-section .rounded.flex-fill {

    margin-top: 80px !important;

  }

}



/* Small margin on mobile */

@media (max-width: 991.98px) {

  .form-section .rounded.flex-fill {

    margin-top: 10px !important;

  }

}



@media (max-width: 991.98px) {

  .form-section {

    margin-top: 0px !important;

    padding: 0 !important;  /* Remove side padding */

    max-width: 100% !important;

  }

  

  .form-section .rounded.flex-fill {

    margin: 10px auto !important;  /* Center it */

    width: 100% !important;

    max-width: 100% !important;

  }

  

  /* Make inner form container full width */

  .form-section .form-container {

    margin: 0 !important;

    padding: 20px 15px !important;

    width: 100% !important;

  }

}







/* Optional: make the form pop slightly more */



.form-container {



  background-color: #f7f7f7;



  border-radius: 6px;



}



/* Change all form text to Roboto (excluding the h4 title) */

.form-container form,

.form-container form label,

.form-container form input,

.form-container form select,

.form-container form .form-control,

.form-container form button,

.form-container form p {

  font-family: 'Roboto', sans-serif !important;

}







/* Optional: subtle lift animation on hover */



/*.form-section .rounded.flex-fill:hover {*/



/*  transform: translateY(-3px);*/



/*  transition: all 0.3s ease;*/



/*}*/













.review-box a {



  color: #ac1f24;



  font-weight: 700;



  text-decoration: none;



  display: inline-block;



  margin-top: 0;



  font-size: 1rem;



}







.review-box a:hover {



  color: #7a1419;



  text-decoration: underline;



}







/* --- MOBILE MATCH --- */



@media (max-width: 767.98px) {

  .review-box {

    background: url('../Clicks/images-mobile/review-box-mobile.png') center/contain no-repeat !important;

    background-size: contain !important;

    padding: 60px 40px 40px !important;

    max-width: 320px !important;

    margin: 0 auto !important;

    transform: scale(1) !important;

  }

  

  .review-box p {

    font-size: 1rem !important;

    line-height: 1.4 !important;

    font-weight: 500 !important;

    font-style: italic !important;

    margin: 0 0 8px 0 !important;

    padding: 0 !important;

    color: #000 !important;

    overflow: visible !important;

    display: block !important;

    -webkit-line-clamp: unset !important;

    -webkit-box-orient: unset !important;

    max-height: none !important;

  }

  

  .review-box a {

    display: inline !important;

    font-size: 1rem !important;   /* ⬅️ CHANGED from 0.95rem to match text */

    font-weight: 700 !important;  /* ⬅️ CHANGED from 700 to match text weight */

    margin-left: 3px !important;

    color: #ac1f24 !important;

  }

}





/* === CENTER CAROUSEL ARROWS WITH REVIEW CARDS === */



.carousel-control-prev,



.carousel-control-next {



  position: absolute;



  top: 50%;                 /* centers vertically */



  transform: translateY(-50%); /* perfect vertical centering */



  width: 60px;              /* consistent clickable area */



  height: 60px;



  z-index: 3;



}







.carousel-control-prev {



  left: 8%;



}







.carousel-control-next {



  right: 8%;



}







.carousel-arrow {



  width: 55px;



  height: auto;



}







/* --- MOBILE ADJUSTMENT --- */



@media (max-width: 767.98px) {



  .carousel-control-prev,



  .carousel-control-next {



    top: 81%;               /* still centered vertically on smaller boxes */



    transform: translateY(-50%);



    width: 45px;



  }







  .carousel-control-prev {



    left: 5%;



  }







  .carousel-control-next {



    right: 5%;



  }







  .carousel-arrow {



    width: 40px;



  }



}



/* === REMOVE DEFAULT ARROW BACKGROUND BOXES === */



.carousel-control-prev,



.carousel-control-next {



  background: none !important;       /* no gray/white box */



  border: none !important;



  opacity: 1 !important;             /* ensure visibility of PNG */



}







.carousel-control-prev:hover,



.carousel-control-next:hover {



  background: none !important;       /* no hover box either */



  opacity: 1 !important;



}







.carousel-control-prev-icon,



.carousel-control-next-icon {



  display: none !important;          /* hides Bootstrap’s default chevrons */



}



/* === SMALLER, CLEAN CENTERED CAROUSEL ARROWS === */



.carousel-control-prev,



.carousel-control-next {



  background: none !important;



  border: none !important;



  opacity: 1 !important;



  width: 40px;                 /* reduced clickable area */



  height: 40px;



  top: 50%;



  transform: translateY(-50%);



  z-index: 3;



}







.carousel-arrow {



  width: 20px;                 /* ⬅️ half the previous 55px */



  height: auto;



  filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); /* optional subtle pop */



}







.carousel-control-prev:hover .carousel-arrow,



.carousel-control-next:hover .carousel-arrow {



  transform: scale(1.1);       /* small hover pop */



  transition: transform 0.2s ease;



}







.carousel-control-prev {



  left: 8%;                    /* slightly closer to cards */



}



.carousel-control-next {



  right: 8%;



}







/* --- MOBILE --- */



@media (max-width: 767.98px) {



  .carousel-control-prev,



  .carousel-control-next {



    width: 30px;



    height: 30px;



  }



  .carousel-arrow {



    width: 22px;



  }



  .carousel-control-prev {



    left: 3%;



  }



  .carousel-control-next {



    right: 3%;



  }



}



.btn-consult {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 10px;



  white-space: nowrap;







  background: #ac1f24;



  color: #fff;



  text-transform: uppercase;



  font-weight: 700;



  font-size: 1rem;



  padding: 12px 28px;



  border: solid 2px white;



  border-radius: 6px;  /* 🔹 was 1px */



  line-height: 1;



}











.btn-consult img {



  height: 14px;



  width: auto;



  display: block;              /* 🔹 removes inline descender offset */



  position: relative;



  top: 1px !important; /* adjust this value - increase for lower, decrease for higher */



}



/* === FORM OVERLAP INTO HERO === */



@media (min-width: 992px) {



  .form-section {



    position: relative;



    margin-top: -463px; /* pushes the form up into hero */



    z-index: 10;        /* ensures it stays above the hero background */



  }







  .form-section .rounded.flex-fill {



    box-shadow: 0 10px 30px rgba(0,0,0,0.3); /* soft drop shadow for lift */



    border-radius: 12px;



  }



}







/* On tablet & mobile: reset position for stacking layout */



@media (max-width: 991.98px) {



  .form-section {



    margin-top: 30px; /* normal spacing below hero */



  }



  .form-section .rounded.flex-fill {



  /* Add black outer glow */



  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4);



  border-radius: 10px; /* optional: smooth rounded edges */



  overflow: hidden; /* ensures inner shadows stay contained */



  padding:0px;



}



}







.btn-consult {



  display: inline-flex;



  align-items: center;      /* centers arrow vertically with text */



  justify-content: center;



  gap: 8px;                 /* even spacing between text and arrow */



  white-space: nowrap;







  background: #ac1f24;



  color: #fff;



  text-transform: uppercase;



  font-weight: 700;



  font-size: 1rem;



  padding: 12px 28px;



  border: solid 2px white;  /* ✅ keeps your white outline */



  border-radius: 6px;       /* smooth corners like your screenshot */



  line-height: 1;



  box-shadow: none;



  transition: all 0.2s ease;



}







.btn-consult:hover {



  background: #7a1419;      /* darker red hover */



  color: #fff;



  border-color: #fff;       /* keep the white border */



}







.btn-consult img {



  height: 14px;



  width: auto;



  display: block;



  position: relative;



  top: 0;                   /* ✅ ensures arrow aligns with text baseline */



}



/* ✅ Keep text & arrow perfectly aligned even on mobile */



.btn-consult {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 8px;



  vertical-align: middle;



}







.btn-consult img {



  height: 14px;



  width: auto;



  position: relative;



  top: 0.5px; /* tiny optical tweak for perfect centering */



  display: block;



}











/* 📱 Final mobile correction for arrow alignment */



@media (max-width: 991.98px) {



  .btn-consult {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    padding: 12px 24px !important;



  }







  .btn-consult img {



    height: 12px !important;



    top: -6.5px !important; /* 🔥 visually perfect for mobile */



  }



}







@media (max-width: 767.98px) {



  .video-container {



    width: 100vw !important;             /* full viewport width */



    margin-left: 50% !important;



    transform: translateX(-50%) !important;



    border-radius: 0 !important;         /* no curved edges */



  }



  



}



@media (max-width: 767.98px) {

  section[style*="ceo-video-bg"] h1,

  section[style*="overflow:hidden"] h1 {

    font-size: 2rem !important;  /* Smaller heading on mobile */

    line-height: 1.2 !important;

    padding: 0 15px !important;    /* Add some side padding */

  }

}









/* 📱 Limit width of the GET STARTED button under CEO video */



@media (max-width: 767.98px) {



  section.text-center.position-relative .btn-consult {



    width: 50% !important;          /* adjust width to your liking */



    max-width: 280px !important;    /* prevents it from being too wide */



    margin: 25px auto 0 !important; /* centers it neatly */



    display: block !important;





  }



}



/* ✅ CEO Video "Get Started" button - Roboto font and square shape */

section[style*="ceo-video-bg"] .btn-consult,

section[style*="overflow:hidden"] .btn-consult {

  font-family: 'Roboto', sans-serif !important;

  padding: 20px 30px !important; /* make it more square */

  font-size: 1.4rem !important;

  margin-top: 30px !important; /* increased from mt-4 (1.5rem) */



}



/* Mobile version */

@media (max-width: 767.98px) {

  section[style*="ceo-video-bg"] .btn-consult,

  section[style*="overflow:hidden"] .btn-consult {

    padding: 18px 35px !important;

    font-size: 1rem !important;

    margin-top: 10px !important;



  }

}



/* ✅ FIX: ensure review carousel arrows always visible on tablets too */



@media (min-width: 768px) and (max-width: 1200px) {



  .arrow.left, .arrow.right {



    display: flex !important;



    position: absolute !important;



    top: 50% !important;



    transform: translateY(-50%) !important;



    width: 40px !important;



    height: 40px !important;



    z-index: 3 !important;



  }







  .arrow.left {



    left: 3% !important;



  }







  .arrow.right {



    right: 3% !important;



  }







  .carousel-arrow {



    width: 22px !important;



    height: auto !important;



  }



}







/* ✅ Make Submit button and Required Fields text 50% larger */



form button[type="submit"] {
  font-size: 1.8rem !important;
  padding: 18px 40px !important;
  border-radius: 6px !important;
  margin-top: 5px !important;
  font-weight: 800 !important;
}

.btn.btn-danger {
  font-size: 1.6rem !important;
  padding: 18px 40px !important;
}


@media (max-width: 768px){
  form button[type="submit"] {
    font-size: 1.1em !important;
    padding: 12px 28px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
  }
}



form .mt-3 p {



  font-size: 1em !important;   /* 50% larger note text */



}



.btn-danger:hover {



    background: #7a1419!important;



  color: #fff;



  border-color: #fff; /* keep the white border on hover */



}







/* === FINAL BUTTON RESPONSIVE FIX === */



/* 🔹 Mobile (≤ 3300px — covers 360px Samsung) */



@media (max-width: 340px) {



  .btn-consult,



  .btn-consult2 {



    font-size: 0.7em !important;     /* slightly smaller text */



    line-height: 1.1 !important;



    padding: 10px 18px !important;



    letter-spacing: 0.5px;



  }



}



/* 🔹 Mobile (≤ 400px — covers 360px Samsung) */



@media (min-width: 341px) and (max-width: 400px) {



  .btn-consult,



  .btn-consult2 {



    font-size: 0.74em !important;     /* slightly smaller text */



    line-height: 1.1 !important;



    padding: 10px 18px !important;



    letter-spacing: 0.5px;



  }



}







/* 🔹 Small tablets (401px–768px) */



@media (min-width: 401px) and (max-width: 768px) {



  .btn-consult,



  .btn-consult2 {



    font-size: 1rem !important;       /* balanced size */



    line-height: 1.2 !important;



    padding: 12px 24px !important;



  }



}







/* 🔹 Larger tablets (769px–1024px) */



@media (min-width: 769px) and (max-width: 1024px) {



  .btn-consult,



  .btn-consult2 {



    font-size: 1.15rem !important;



    padding: 13px 26px !important;



  }



}







/* 🔹 Desktop (1025px+) */



@media (min-width: 1025px) {



  .btn-consult,



  .btn-consult2 {



    font-size: 1.3rem !important;



  }



}





/* Remove line break in headline on mobile only */

@media (max-width: 767.98px) {

  .benefit-table h2 br {

    display: none;

  }

}



@media (max-width: 991.98px) {

  /* Double spacing between form section and CEO video section */

  section.text-center.position-relative[style*="ceo-video-bg"],

  section.text-center.position-relative[style*="overflow:hidden"] {

    margin-top: 40px !important;

  

  }

}



/* Show/hide different preview text based on screen size */

.mobile-preview {

  display: none;

}



.desktop-preview {

  display: inline;

}



@media (max-width: 767.98px) {

  .mobile-preview {

    display: inline !important;

  }

  

  .desktop-preview {

    display: none !important;

  }

}



@media (max-width: 767.98px) {

  .review-card:nth-child(1) .review-box a,

  .review-card:nth-child(2) .review-box a {

    display: block !important;  /* makes the link take a new line */

    margin-top: 0px !important;  /* adds space above it */

  }

}



@media (min-width: 992px) {



/* dropdown styling */



.navbar-custom .dropdown-menu {



  background: #000c49 !important;



}



.navbar-custom .dropdown-item {



  color: #fff !important;

  font-family: 'Roboto', sans-serif !important;  /* ⬅️ ADD THIS LINE */



}



.navbar-custom .dropdown-item:hover {



  background: #ac1f24 !important;



}



}



/* ====================================== */

/* iPad-specific styling (992px-1024px) */

/* ====================================== */



@media (min-width: 992px) and (max-width: 1024px) {

  /* Navigation button */

  .btn-consult2 {

    font-size: 1.1rem !important;

    padding: 10px 20px !important;

    min-width: 230px !important;

    margin-right: 0rem !important;

  }

  

  /* Add vertical space between BBB and Google logos in footer */

  footer .col-md-3.mb-4.text-center a[href*="google"] img {

    margin-top: 15px !important;  /* Add space above Google logo */

  }





  /* CEO video heading break */

  .ipad-break {

    display: block !important;

  }

  

  /* Reviews heading position */

  .reviews-heading {

    padding-left: 100px !important;

    margin-top: -20px !important;

    margin-bottom: 480px !important;

  }

  

  /* Review carousel arrows */

  .arrow.left,

  .arrow.right,

  .carousel-control-prev,

  .carousel-control-next {

    top: 60% !important;

    transform: translateY(-50%) !important;

  }

  

  .arrow.left,

  .carousel-control-prev {

    left: -2% !important;

  }

  

  .arrow.right,

  .carousel-control-next {

    right: -2% !important;

  }

  

  /* Change arrow color to PA blue */

  .carousel-arrow {

  filter: brightness(0) saturate(100%) invert(21%) sepia(73%) saturate(2847%) hue-rotate(343deg) brightness(92%) contrast(88%) !important;

  }

  

  /* Get Started Today section - wider content */

  section.backWhite .col-lg-5 {

    flex: 0 0 50% !important;

    max-width: 50% !important;

  }

  

  /* Get Started Today section - reduce left padding */

  section.backWhite .col-lg-5.text-left {

    padding-left: 0 !important;

    margin-left: 0 !important;

  }

  

  /* Also reduce container padding if needed */

  section.backWhite .container-fluid {

    margin-left: -125px !important;

  }

}



/* Hide iPad break by default */

.ipad-break {

  display: none;

}



/* ====================================== */

/* Tablet/small desktop (768px-991px) */

/* ====================================== */



@media (min-width: 768px) and (max-width: 991px) {

  .reviews-heading {

    padding-left: 50px !important;

    margin-bottom: 400px !important;

  }

  

  /* Make review box text smaller with tighter line height */

  .review-box p {

    font-size: 0.9rem !important;

    line-height: 1.2 !important;

  }

  

  .review-box a {

    font-size: 0.9rem !important;

  }

  

  /* Vertically center the carousel arrows on review boxes */

  .arrow.left,

  .arrow.right,

  .carousel-control-prev,

  .carousel-control-next {

    top: 65% !important;

    transform: translateY(-50%) !important;

  }

  

  /* Move arrows further apart */

  .arrow.left,

  .carousel-control-prev {

    left: -3% !important;

  }

  

  .arrow.right,

  .carousel-control-next {

    right: -3% !important;

  }

  

  /* Change arrow color to PA red - simplified approach */

  .carousel-arrow {

    filter: brightness(0) saturate(100%) invert(21%) sepia(73%) saturate(2847%) hue-rotate(343deg) brightness(92%) contrast(88%) !important;

  }

}



@media (max-width: 360px) {

  .top-bar .call-text {

    font-size: 1.2rem !important;  /* Smaller text on very small screens */

    padding-right: 10px !important;  /* Add some breathing room */

  }

  

  .top-bar {

    padding: 0.75rem 0.5rem !important;  /* Reduce left/right padding */

  }

  

  .top-bar .navbar-toggler {

    padding: 0 !important;

    margin-left: 5px !important;  /* Small gap from text */

  }

}



@media (max-width: 360px) {

  .hero h3 {

    font-size: 1.5rem !important;  /* Slightly smaller text */

    line-height: 1.1 !important;

  }

  

  /* Force "a loved one earned!" to stay on one line */

  .hero h3 br:last-of-type {

    display: none !important;  /* Remove the line break before "a loved one" */

  }

}



@media (max-width: 360px) {

  /* Target the living conditions form group specifically */

  .form-group:has(select[name="living_conditions"]) label {

    font-size: 0.99em !important;  /* Just slightly smaller */

    word-break: break-word !important;

    white-space: normal !important;

    display: block !important;

  }

}



@media (max-width: 360px) {

  /* Force center alignment for CEO video button */

  section.text-center.position-relative .btn-consult {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    margin-left: auto !important;

    margin-right: auto !important;

  }

  

  /* Center the button text specifically */

  section.text-center.position-relative .btn-consult img {

    margin-left: 8px !important;

  }

}



@media (max-width: 360px) {

  section.reviews-section .reviews-heading {

    left: -65px !important;

    transform: translateX(0) !important;

  }

}



@media (max-width: 360px) {

  .review-box p {

    font-size: 0.9rem !important;  /* Reduced from 1rem */

    line-height: 1.3 !important;

  }

  

  .review-box a {

    font-size: 0.9rem !important;  /* Reduced from 1rem */

  }

}



@media (max-width: 320px) {

  .top-bar {

    padding: 0.6rem 0.3rem !important;  /* Reduce side padding */

  }

  

  .top-bar .call-text {

    font-size: 1.1rem !important;  /* Smaller text */

    padding-right: 5px !important;

  }

  

  .top-bar .navbar-toggler {

    padding: 0 !important;

    margin-left: 3px !important;

    margin-right: 0 !important;

  }

  

  .top-bar .navbar-toggler-icon {

    width: 22px !important;  /* Slightly smaller icon */

    height: 22px !important;

    background-size: contain !important;

  }



    /* Make hero logo smaller at 320px */

  .hero-mobile-logo img {

    height: 80px !important;  /* Reduced from 80px/90px */

  }



    /* Make hero "Start your free consultation" button text smaller */

  .hero .btn-consult {

    font-size: 0.95rem !important;  /* Reduced from default */

    padding: 10px 18px !important;

    line-height: 1.1 !important;

  }

  

  .hero .btn-consult img {

    height: 11px !important;  /* Smaller arrow to match */

  }



    /* Make review box text smaller at 320px */

  .review-box p {

    font-size: 0.85rem !important;  /* Reduced from 0.9rem */

    line-height: 1.25 !important;

  }

  

  .review-box a {

    font-size: 0.85rem !important;  /* Reduced from 0.9rem */

  }



  .hero .hero-count {

  font-size: 5rem !important;

  }



}



/* Shift hero background left on mobile 375px+ */

@media (min-width: 360px) and (max-width: 767.98px) {

  .hero {

    background-position: left center !important;  /* Shifts image left */

  }

}



/* Alternative: Fine-tune the exact position */

@media (min-width: 360px) and (max-width: 767.98px) {

  .hero {

    background-position: 85% center !important;  /* Adjust the 20% - lower = more left */

  }

}



/* Make hero content 10% smaller and move left while keeping centered text on 375px */

@media (min-width: 360px) and (max-width: 767.98px) {

  /* Reduce container padding and shift left */

  .hero .container {

    padding-top: 1rem !important; /* Adjust this value - more = further down */

    padding-left: 0rem !important;

    padding-right: 1rem !important;

    transform: translateX(-10px); /* Move entire content left */



  }

  

  .hero .col-md-6 {

    padding-left: 0rem !important;

    padding-right: 1rem !important;

  }

  

  /* Logo - 10% smaller */

  .hero-mobile-logo img {

    height: 80px !important;  /* 80px * 0.9 = 72px */

    padding-left: 0.1rem !important;



  }

  

  /* All hero text - 10% smaller, centered */

  .hero h3 {

    font-size: 1.15rem !important;  /* 1.7rem * 0.9 = 1.53rem */

    line-height: 1.25 !important;

    text-align: center !important;

  }

  

  /* "Over" text - 10% smaller */

  .hero h3 > span:first-child {

    font-size: 1.15rem !important;  /* 1.5rem * 0.9 = 1.35rem */

    text-align: center !important;

    display: block !important;

  }

  

  /* Big number - 10% smaller */

  .hero .hero-count {

    font-size: 4rem !important;  /* 5.5rem * 0.9 = 4.95rem */

    text-align: center !important;

  }

  

  /* HR line - 10% smaller */

  .hero hr {

    width: 75% !important;  /* 75% * 0.9 = 67.5% */

    margin: 0.54rem auto !important;  /* 0.6rem * 0.9, centered */

  }

  

  /* Button - 10% smaller, centered */

  .hero .btn-consult {

    width: 80% !important;  /* 75% * 0.9 = 67.5% */

    font-size: 1rem !important;  /* 1.1rem * 0.9 */

    padding: 8px 16px !important;  /* 14px * 0.9, 28px * 0.9 */

    margin: 0.72rem auto 0 !important;  /* 0.8rem * 0.9, centered */

    display: inline-flex !important;

  }

  

  .hero .btn-consult img {

    height: 12px !important;  /* 12px * 0.9 */

  }

  

  /* Center wrapper */

  .hero center {

    text-align: center !important;

  }

}



/* Make "Supporting Those Who Served" headline smaller on mobile */

@media (max-width: 767.98px) {

  .benefit-table h2.font-italic {

    font-size: 1.8rem !important;  /* Adjust this value - smaller number = smaller text */

    line-height: 1.2 !important;

  }

}



@media (min-width: 390px) and (max-width: 767.98px) {

  /* "Over" text bigger */

  .hero h3 > span:first-child {

    font-size: 1.35rem !important;  /* Increase from 1.15rem */

  }

  

  /* Main hero text (Heroes & Spouses Approved for...) bigger */

  .hero h3 {

    font-size: 1.35rem !important;  /* Increase from 1.15rem */

  }

}



/* Reduce "Get Started Today" paragraph width on desktop */

@media (min-width: 992px) {

  section.backWhite .col-lg-5 p {

    max-width: 90% !important;  /* Adjust this percentage - lower = narrower */

    padding-right: 20px !important;

  }

}







html {

  scroll-behavior: smooth;

}



/* Only show at 360px (not 320px) */

@media (min-width: 360px) and (max-width: 360px) {

  .hero h3 br:last-of-type {

    display: block !important;

  }

}



/* Hide it at 320px and below */

@media (max-width: 359px) {

  .hero h3 br:last-of-type {

    display: none !important;

  }

}



@media (max-width: 360px) {

  #consultation-form h4 br {

    display: none !important;

  }

}



.grecaptcha-badge { 

    visibility: hidden !important;

}



@media (max-width: 991.98px) {

  .form-section .form-container {

    border-bottom: 1px solid #000c49 !important;

  }

}



/* Increase btn-consult font size for 390px and 414px screens - MUST come after line 1342 */

@media (min-width: 390px) and (max-width: 414px) {

  .hero .btn-consult {  /* Added .hero for specificity */

    font-size: 1.1rem !important;

    padding: 12px 24px !important;

  }

  

  .hero .btn-consult img {

    height: 12px !important;

  }

}

@media (min-width: 800px) and (max-width: 834px) {
  .mobile-break-top {
    display: none;
  }
}

@media (max-width: 321px) {
  .mobile-break-top {
    display: none;
  }
}

@media (min-width: 800px) and (max-width: 834px) {
  .h1-break {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 384px) {
  .h1-break {
    display: none;
  }
}

#loadingOverlay {



  position: fixed;



  inset: 0;



  background: rgba(0, 12, 73, 0.9); /* Patriot Angels navy */



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  z-index: 9999;



  color: #fff;



  font-family: "Roboto", sans-serif;



  font-size: 1.2rem;



  text-align: center;



}







.spinner {



  width: 60px;



  height: 60px;



  border: 5px solid rgba(255, 255, 255, 0.3);



  border-top-color: #ac1f24; /* Patriot Angels red */



  border-radius: 50%;



  animation: spin 1s linear infinite;



  margin-bottom: 15px;



}







@keyframes spin {



  to { transform: rotate(360deg); }



}

.grecaptcha-badge { 
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* Force 2x2 always */
.two-by-two {
  display: flex !important;
  flex-wrap: wrap !important;
}

.two-by-two > .col-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

/* Optional: stack only on very tiny screens */
@media (max-width: 420px) {
  .two-by-two > .col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}


/* =========================
   Popup Headline Block — tighter + cleaner for small popup containers
   ========================= */

.pa-popup-head,
.pa-popup-head *{
  box-sizing:border-box;
}

.pa-popup-head{
  width:100%;
  max-width:600px;   /* 👈 match form width */
  margin:0 auto 20px;
  padding:0;
  text-align:center;
}



/* MAIN HEADLINE */
.pa-popup-head__title{
  margin:0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight:700;
  font-size:clamp(24px, 3.1vw, 40px);
  line-height:1.06;
  letter-spacing:-0.01em;
  color:#0B1B5A;
  text-wrap:balance;
}

/* SUBLINE */
.pa-popup-head__sub{
  margin:0 0 14px;
  font-family: "Roboto", Arial, sans-serif;
  font-size:clamp(22px, 3.5vw, 28px) !important;  
  line-height:1.4;
  font-weight:700;
  color:#a72d31;
}

.pa-popup-head__sub strong{
  font-weight:800;
}

/* ORNAMENT */
.pa-popup-head__orn{
  margin:0 auto;
  width:min(420px, 92%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#a72d31;
}

.pa-popup-head__line{
  flex:1;
  height:3px;
  background:#a72d31;
  opacity:.9;
  border-radius:99px;
}

.pa-popup-head__stars{
  font-family: Georgia, "Times New Roman", serif;
  font-size:15px;
  letter-spacing:.22em;
  transform:translateY(-1px);
  white-space:nowrap;
}

/* =========================
   MOBILE TIGHTENING
   ========================= */

@media (max-width:520px){

  .pa-popup-head{
    margin-bottom:16px;
    padding:4px 6px 0;
  }

  .pa-popup-head__title{
    font-size:clamp(22px, 6.2vw, 30px);
    line-height:1.05;
  }

  .pa-popup-head__sub{
    font-size:clamp(13px, 4.2vw, 15px);
  }

  .pa-popup-head__orn{
    width:min(360px, 94%);
    gap:10px;
  }

  .pa-popup-head__stars{
    font-size:13px;
    letter-spacing:.18em;
  }
}

.pa-popup-head{
    padding:0px;
    margin:0px;
}
#consultation-form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.full-width-wrapper{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
}

.pa-popup-head{
  width:100%;
  padding:0;
  margin:0 0 20px 0;
  text-align:center;
}

#consultation-form{
  width:100%;
}