.testimonial-card {
      border-left: 5px solid #f4b621;
      padding-left: 20px;
  }

  body {
      background-color: #f9f9f9;

      font-family: 'Montserrat', sans-serif;
  }

  .section-title {
      font-size: 2.5rem;
      font-weight: 700;
      text-align: center;
      color: #6b6b6c;
      margin-bottom: 3rem;
  }

  .storyboard-container-wrapper {
      position: relative;
  }

  .storyboard-container {
      display: flex;
      overflow-x: auto;
      padding: 1rem 2rem;
      gap: 2rem;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
  }

  .story-card {
      flex: 0 0 320px;
      background: #ffffff;
      border-radius: 15px;
      padding: 2rem;
      text-align: center;
      scroll-snap-align: start;
      transition: transform 0.3s ease;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      border: 1px solid #e0e0e0;
  }

  .dark-theme .story-card {
      background: #31312d !important;
  }

  .dark-theme .story-card p {
      font-size: 0.95rem;
      color: #6b6b6c;
  }

  .story-card:hover {
      transform: scale(1.05);
  }

  .story-card i {
      font-size: 2.5rem;
      margin-bottom: 1rem;
      color: #e67e22;
  }

  .story-card h5 {
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
      color: #6b6b6c;
  }

  .story-card p {
      font-size: 0.95rem;
      color: #6b6b6c;
  }

  /* Bottom Arrows */
  .bottom-nav {
      text-align: center;
      margin-top: 2rem;
  }

  .bottom-nav button {
      width: 25px;
      height: 25px;
      border: none;
      /*border-radius: 50%;*/
      background: #6b6b6c;
      color: #ffffff;
      font-size: 0.5rem;
      margin: 0 5px;
      transition: background 0.3s ease;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .bottom-nav button:hover {
      background: #d35400;
  }

  ::-webkit-scrollbar {
      height: 10px;
  }

  ::-webkit-scrollbar-thumb {
      background: #bbb;
      border-radius: 10px;
  }

  @media (max-width: 768px) {
      .section-title {
          font-size: 1.8rem;
      }

      .bottom-nav button {
          width: 45px;
          height: 45px;
          font-size: 1rem;
      }
  }


  .video-banner {
      position: relative;
      width: 100%;
      height: 100vh;
      /* Full viewport height */
      overflow: hidden;
  }

  .video-banner video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* Ensure video fills the space */
  }

  .video-caption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      /* Full width for overlay */
      text-align: center;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      /* Semi-transparent overlay */
      z-index: 1;
      /* Above video */
  }

  .caption-content {
      display: inline-block;
      /* Wraps content tightly */
      padding: 20px 30px;
      /* Padding around text */
      max-width: 90%;
      /* Prevent text from touching edges */
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  .video-caption p {
      font-size: 1.5rem;
      margin-bottom: 10px;
  }

  .video-caption h1 {
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: 15px;
      color: #fff;
  }

  .video-caption .btn {
      background-color: #f4b621;
      color: #030f27;
      padding: 10px 20px;
      font-weight: 600;
      border-radius: 6px;
      transition: background 0.3s;
  }

  .video-caption .btn:hover {
      background-color: #e0a800;
      color: #fff;
  }

  @media (max-width: 768px) {
      .video-banner {
          height: 50vh;
          /* Adjust height for mobile */
      }

      .caption-content {
          padding: 15px 20px;
          /* Smaller padding for mobile */
          max-width: 95%;
          /* Slightly tighter on mobile */
      }

      .video-caption p {
          font-size: 1rem;
      }

      .video-caption h1 {
          font-size: 2rem;
      }
  }

  @media (max-width: 576px) {
      .caption-content {
          padding: 10px 15px;
          /* Further reduce padding for small screens */
      }
  }

  .feature {
      position: relative;
      margin-bottom: 45px;
  }

  .feature .col-md-12 {
      background: #030f27;
  }

  .feature .col-md-12:nth-child(2n) {
      background: #f4b621;
      color: #030f27;
  }

  .feature .feature-item {
      min-height: 250px;
      padding: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }

  /* Icon circle with dotted border */
  .feature .feature-icon {
      width: 80px;
      height: 80px;
      border: 2px dotted #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #030f27;
      flex-shrink: 0;
  }

  /* Inverted background for alternate section */
  .feature .col-md-12:nth-child(2n) .feature-icon {
      background-color: #f4b621;
      border-color: #030f27;
  }

  .feature .feature-icon i {
      font-size: 36px;
      color: #f4b621;
  }

  /* Invert icon color for alternate section */
  .feature .col-md-12:nth-child(2n) .feature-icon i {
      color: #030f27;
  }

  /* Text styling */
  .feature .feature-text {
      padding-left: 30px;
  }

  .feature .feature-text h3 {
      margin: 0 0 10px 0;
      font-size: 25px;
      font-weight: 600;
      color: #f4b621;
  }

  .feature .feature-text p {
      margin: 0;
      font-size: 18px;
      font-weight: 400;
      color: #f4b621;
  }

  .feature .col-md-12:nth-child(2n) .feature-text h3,
  .feature .col-md-12:nth-child(2n) .feature-text p {
      color: #030f27;
  }

  /* Parallax base styles */
  .parallax {
      position: relative;
      height: 75vh;
      width: 100% !important;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white !important;
      text-align: center;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }


  /* Individual parallax sections with placeholder images */
  .parallax-1 {
      background-image: url('../img/porche.jpg');
  }

  .parallax-2 {
      background-image: url('../img/customs-clearance.jpg');
  }

  /* Content section styles */
  .content-section {
      padding: 60px 0;
      background-color: #f8f9fa;
  }

  /* Overlay for better text readability */
  .parallax-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 86, 179, 0.5), rgba(0, 86, 179, 0.5));
      z-index: 1;
  }

  .parallax-content {
      position: relative;
      z-index: 2;
  }

  /* Adjust for smaller screens */
  @media (max-width: 768px) {
      .parallax {
          height: 80vh;
      }
  }

  /* Ensure text is readable */
  .parallax h1 {
      font-size: 3.5rem;
      font-weight: bold;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  .parallax p {
      font-size: 1.5rem;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }

  @media (max-width: 576px) {
      .parallax h1 {
          font-size: 2.5rem;
      }

      .parallax p {
          font-size: 1.2rem;
      }
  }

  @media (max-width: 1000px) {
      #topbar {
          display: none !important;
      }
  }



  .stats-item {
      text-align: center;
      padding: 30px 15px;
  }

  .stats-number {
      font-size: 3.5rem;
      font-weight: 700;
      margin-bottom: 10px;
      color: #ffc107;
  }

  .stats-label {
      font-size: 1.2rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      white-space: nowrap;
      display: inline-block;
      width: 100%;
      text-align: center;

  }





  /* Elegant Card Styling */
  .service-card {
      position: relative;
      border: none;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      transition: box-shadow 0.3s ease;
      background: #fff;
  }

  .service-card:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  }

  .service-card img {
      width: 100%;
      height: 400px;
      /* Image dominates card */
      object-fit: cover;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      transition: opacity 0.3s ease;
  }

  .service-card:hover img {
      opacity: 0.6;
      /* Slight darkening on hover */
  }

  .service-card .card-footer {
      background: #f8f9fa;
      border-top: none;
      padding: 12px;
      text-align: center;
  }

  .service-card .card-title {
      font-size: 1.2rem;
      font-weight: 600;
      color: #333;
      margin: 0;
      text-transform: capitalize;
  }

  .service-card-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 400px;
      /* Matches image height */
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.3s ease;
      padding: 20px;
      text-align: center;
  }

  .service-card:hover .service-card-overlay {
      opacity: 1;
  }

  .service-card-overlay p {
      font-size: 0.95rem;
      line-height: 1.5;
      margin: 0;
  }



  /* Responsive Adjustments */
  @media (max-width: 992px) {

      .service-card img,
      .service-card-overlay {
          height: 210px;
      }

      .service-card .card-title {
          font-size: 1.15rem;
      }

      .service-card-overlay p {
          font-size: 0.85rem;
      }
  }

  @media (max-width: 576px) {

      .service-card img,
      .service-card-overlay {
          height: 190px;
      }

      .service-card .card-title {
          font-size: 1.1rem;
      }

      .service-card-overlay p {
          font-size: 0.8rem;
          padding: 15px;
      }
  }



  .square-col {
      aspect-ratio: 4 / 3;
      /* Adjust this to control height */
      overflow: hidden;
  }

  .image-col {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;

  }

  .text-col {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      text-align: center;
  }

  .service .service-text a.btn {
      position: relative;
      margin-top: 15px;
      padding: 15px 35px;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 1px;
      color: #030f27;
      border-radius: 0;
      background: #f4b621;
      transition: .3s;
  }

  .service .service-text a.btn:hover {
      color: #f4b621;
      background: #030f27;
  }






  .card-link::after {
      content: "\f107";
      /* Font Awesome down chevron */
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      float: right;
      transition: transform 0.2s ease;
  }

  .card-link[aria-expanded="true"]::after {
      transform: rotate(180deg);
      /* rotate to point up */
  }

  body {
      a {
          text-decoration: none;
      }
  }

  .feature-card {
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .feature-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  }

  .icon-circle {
      width: 60px;
      height: 60px;
      background-color: #f4b621;
      color: #030f27;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      margin: 0 auto;
  }

  .btn-custom {
      background-color: #f4b621;
      color: #030f27;
      font-weight: 600;
      border-radius: 6px;
      transition: background 0.3s;
      border: none;
  }

  .btn-custom:hover {
      background-color: #e0a800;
      color: #fff;
  }




  .service-btn {
      padding: 6px 16px;
      /* Reduced padding */
      font-size: 0.9rem;
      /* Slightly smaller text */
      font-weight: bold;
      border-radius: 20px;
      transition: all 0.3s;
      white-space: nowrap;
      margin-right: 5px;
  }

  .btn-towing {
      background-color: #e67e22;
      border-color: #e67e22;
      margin-right: 10px;
  }

  .btn-customs {
      background-color: #3498db;
      border-color: #3498db;
      margin-right: 10px;
  }

  .btn-import {
      background-color: #2ecc71;
      border-color: #2ecc71;

  }

  .btn-towing:hover,
  .btn-customs:hover,
  .btn-import:hover {
      background-color: red;
  }

  /* Quick Nav */
  .quick-nav {
      top: 110px;
      z-index: 1020;
      background: #f0edec !important;
      margin-bottom: 0;
      padding-bottom: 0;
  }

  @media (max-width: 768px) {
      .quick-nav {
          z-index: 100 !important;
          /* Lower than Bootstrap navbar dropdown */
          top: 75px !important;
      }

      .quick-nav .container {
          flex-direction: column !important;
          align-items: center;
          /* Optional: center buttons horizontally */
          margin-bottom: 0px !important;
          ;
          padding-bottom: 0px !important;
          ;
      }

      .quick-nav .container a {
          width: 50%;
          /* Make buttons full width (optional) */
          margin-bottom: 5px;
          /* Space between buttons */
      }

      .btn-customs {
          margin-right: 0;
      }

      .btn-towing {
          margin-right: 0;
      }

      .navbar-collapse {
          z-index: 1050;
          position: relative;
          /* Required to apply z-index */

      }

  }

  @media (max-width: 1000px) {
      #getintouch {
          margin-left: 0px !important;
      }

      #footerx {
          text-align: center;
      }

      .footer h2 {
          position: relative;
          /* Required for absolute positioning of ::after */
      }

      .footer h2::after {
          position: absolute;
          content: "";
          width: 60px;
          height: 2px;
          left: 50%;
          /* Center horizontally */
          bottom: 0;
          background: #f4b621;
          transform: translateX(-50%);
          /* Adjust to align center */
      }

      .caption-content p {
          display: none;
      }




  }

  .faqs {
      position: relative;
      width: 100%;
      padding: 45px 0;
  }

  .faqs .row {
      position: relative;
  }

  .faqs .row::after {
      position: absolute;
      content: "";
      width: 1px;
      height: 100%;
      top: 0;
      left: calc(50% - .5px);
      background: #f4b621;
  }

  .faqs #accordion-1 {
      padding-right: 15px;
  }

  .faqs #accordion-2 {
      padding-left: 15px;
  }

  @media(max-width: 767.98px) {
      .faqs .row::after {
          display: none;
      }

      .faqs #accordion-1,
      .faqs #accordion-2 {
          padding: 0;
      }

      .faqs #accordion-2 {
          padding-top: 15px;
      }
  }

  .faqs .card {
      margin-bottom: 15px;
      border: none;
      border-radius: 0;
  }

  .faqs .card:last-child {
      margin-bottom: 0;
  }

  .faqs .card-header {
      padding: 0;
      border: none;
      background: #ffffff;
  }

  .faqs .card-header a {
      display: block;
      padding: 10px 25px;
      width: 100%;
      color: #121518;
      font-size: 16px;
      line-height: 40px;
      border: 1px solid rgba(0, 0, 0, .1);
      transition: .5s;
  }

  .faqs .card-header [data-toggle="collapse"][aria-expanded="true"] {
      background: #f4b621;
  }

  .faqs .card-header [data-toggle="collapse"]:after {
      font-family: 'font Awesome 5 Free';
      content: "\f067";
      float: right;
      color: #f4b621;
      font-size: 12px;
      font-weight: 900;
      transition: .5s;
  }

  .faqs .card-header [data-toggle="collapse"][aria-expanded="true"]:after {
      font-family: 'font Awesome 5 Free';
      content: "\f068";
      float: right;
      color: #030f27;
      font-size: 12px;
      font-weight: 900;
      transition: .5s;
  }

  .faqs .card-body {
      padding: 20px 25px;
      font-size: 16px;
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, .1);
      border-top: none;
  }

  .contact {
      position: relative;
      width: 100%;
      padding: 45px 0;
  }

  .contact .col-md-6 {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .contact .col-md-6:first-child {
      background: #030f27;
  }

  .contact .col-md-6:last-child {
      background: #030f27;
  }

  .contact .contact-info {
      position: relative;
      width: 100%;
      padding: 0 15px;
  }

  .contact .contact-item {
      position: relative;
      margin-bottom: 30px;
      padding: 30px;
      display: flex;
      align-items: flex-start;
      flex-direction: row;
      border: 1px solid rgba(256, 256, 256, .2);
  }

  .contact .contact-item i::before {
      margin: 0;
      color: #f4b621;
      font-size: 40px;
  }

  .contact .contact-text {
      position: relative;
      width: auto;
      padding-left: 20px;
  }

  .contact .contact-text h2 {
      color: #f4b621;
      font-size: 20px;
      font-weight: 600;
  }

  .contact .contact-text p {
      margin: 0;
      color: #f4b621;
      font-size: 16px;
  }

  .contact .contact-item:last-child {
      margin-bottom: 0;
  }

  .contact .contact-form {
      position: relative;
      padding: 0 15px;
  }

  .contact .contact-form input {
      color: #ffffff;
      height: 40px;
      border-radius: 0;
      border-width: 1px;
      border-color: rgba(256, 256, 256, .4);
      background: transparent;
  }

  .contact .contact-form textarea {
      color: #ffffff;
      height: 185px;
      border-radius: 0;
      border-width: 1px;
      border-color: rgba(256, 256, 256, .4);
      background: transparent;
  }

  .contact .contact-form input:focus,
  .contact .contact-form textarea {
      box-shadow: none;
  }

  .contact .contact-form .form-control::placeholder {
      color: #aca491;
      opacity: 1;
  }

  .contact .contact-form .form-control::-ms-input-placeholder {
      color: #ffffff;
  }

  .contact .contact-form .form-control::-ms-input-placeholder {
      color: #ffffff;
  }

  .contact .contact-form .btn {
      padding: 16px 30px;
      font-size: 16px;
      font-weight: 600;
      color: #f4b621;
      background: #030f27;
      border: none;
      border-radius: 0;
      transition: .3s;
  }

  .contact .contact-form .btn:hover {
      color: #030f27;
      background: #ffffff;
  }

  .contact .help-block ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
  }

  /******** contact PLUS *******/

  .contact .col-md-6:first-child,
  .contact .col-md-6:last-child {
      background: #f8f9fa;
      /* Soft white background */
  }

  .contact .contact-item {
      border: 1px solid #cbd5e0;
      /* Subtle gray border */
  }

  .contact .contact-text h2,
  .contact .contact-text p {
      color: #2e3842;
      /* Navy blue text */
  }

  .contact .contact-form input,
  .contact .contact-form textarea {
      color: #2e3842;
      border: 1px solid #cbd5e0;
      background: #ffffff;
  }

  .contact .contact-form input:focus,
  .contact .contact-form textarea:focus {
      border-color: #f4b621;
      box-shadow: 0 0 5px rgba(244, 182, 33, 0.5);
  }

  .contact .contact-form .btn {
      color: #2e3842;
      background: #f4b621;
      border: none;
  }

  .contact .contact-form .btn:hover {
      color: #ffffff;
      background: #2e3842;
  }

  /* Full-width scrolling container */
  .infinite-scroll-gallery {
      width: 100%;
      overflow: hidden;
      position: relative;

      padding: 60px 0;
      /* Extra padding for large images */
  }

  /* Smooth infinite-scrolling track */
  .scroll-track-gallery {
      display: flex;
      width: max-content;
      animation: scroll 40s linear infinite;
  }

  /* Pause on hover for better UX */
  .scroll-track-gallery:hover {
      animation-play-state: paused;
  }

  /* Large image styling (adjust width as needed) */
  .xgallery-item {
      flex: 0 0 auto;
      width: 526px;
      /* Large image width  448x560 448×0.75=336px by 25% */
      height: 420px;
      /* Fixed height for consistency 560×0.75=420px by 25% */
      margin: 0 15px;
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
      transition: transform 0.3s ease;
  }

  /* Hover effect for interactivity */
  .xgallery-item:hover {
      transform: scale(1.03);
  }

  /* Ensure images fill container beautifully */
  .xgallery-item img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: brightness(0.9);
      transition: filter 0.3s ease;
  }

  /* Slightly brighten on hover */
  .xgallery-item:hover img {
      filter: brightness(1);
  }

  /* Optional: Add captions */
  .xgallery-caption {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
      color: white;
      padding: 20px;
      font-family: 'Arial', sans-serif;
      opacity: 0;
      transition: opacity 0.3s ease;
  }

  .xgallery-item:hover .xgallery-caption {
      opacity: 1;
  }

  /* Infinite scroll animation */
  @keyframes scroll {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-50%);
      }
  }

  /* Optional: Gradient fade at edges */
  .infinite-scroll-gallery::before,
  .infinite-scroll-gallery::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
  }




  /********* Footer CSS **********/
  .footer {
      position: relative;
      margin-top: 45px;
      padding-top: 90px;
      background: #212529;
      color: #ffffff;
  }

  .footer .footer-contact,
  .footer .footer-link,
  .footer .newsletter {
      position: relative;
      margin-bottom: 45px;
  }

  .footer h2 {
      position: relative;
      margin-bottom: 20px;
      padding-bottom: 10px;
      font-size: 20px;
      font-weight: 600;
      color: #ffffff;
  }

  .footer h2::after {
      position: absolute;
      content: "";
      width: 60px;
      height: 2px;
      left: 0;
      bottom: 0;
      background: #f4b621;
  }

  .footer .footer-link a {
      display: block;
      margin-bottom: 10px;
      color: #ffffff;
      transition: .3s;
  }

  .footer .footer-link a::before {
      position: relative;
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 10px;
  }

  .footer .footer-link a:hover {
      color: #f4b621;
      letter-spacing: 1px;
  }

  .footer .footer-contact p i {
      width: 25px;
  }

  .footer .footer-social {
      position: relative;
      margin-top: 20px;
  }

  .footer .footer-social a {
      display: inline-block;
      width: 40px;
      height: 40px;
      padding: 7px 0;
      text-align: center;
      border: 1px solid rgba(256, 256, 256, .3);
      border-radius: 60px;
      transition: .3s;
  }

  .footer .footer-social a i {
      font-size: 15px;
      color: #ffffff;
  }

  .footer .footer-social a:hover {
      background: #f4b621;
      border-color: #f4b621;
  }

  .footer .footer-social a:hover i {
      color: #030f27;
  }

  .footer .newsletter .form {
      position: relative;
      max-width: 400px;
      margin: 0 auto;
  }

  .footer .newsletter input {
      height: 50px;
      border: 2px solid #121518;
      border-radius: 0;
  }

  .footer .newsletter .btn {
      position: absolute;
      top: 5px;
      right: 5px;
      height: 40px;
      padding: 8px 10px;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      color: #f4b621;
      background: #121518;
      border-radius: 0;
      border: 2px solid #f4b621;
      transition: .3s;
  }

  .footer .newsletter .btn:hover {
      color: #121518;
      background: #f4b621;
  }

  .footer .footer-menu .f-menu {
      position: relative;
      padding: 15px 0;
      font-size: 0;
      text-align: center;
      border-top: 1px solid rgba(256, 256, 256, .1);
      border-bottom: 1px solid rgba(256, 256, 256, .1);
  }

  .footer .footer-menu .f-menu a {
      color: #ffffff;
      font-size: 16px;
      margin-right: 15px;
      padding-right: 15px;
      border-right: 1px solid rgba(255, 255, 255, .1);
  }

  .footer .footer-menu .f-menu a:hover {
      color: #f4b621;
  }

  .footer .footer-menu .f-menu a:last-child {
      margin-right: 0;
      padding-right: 0;
      border-right: none;
  }

  .footer .copyright {
      padding: 30px 15px;
  }

  .footer .copyright p {
      margin: 0;
      color: #ffffff;
  }

  .footer .copyright .col-md-6:last-child p {
      text-align: right;
  }

  .footer .copyright p a {
      color: #f4b621;
      font-weight: 500;
      letter-spacing: 1px;
  }

  .footer .copyright p a:hover {
      color: #ffffff;
  }

  @media (max-width: 768px) {

      .footer .copyright p,
      .footer .copyright .col-md-6:last-child p {
          margin: 5px 0;
          text-align: center;
      }
  }

  @media (max-width: 1000px) {
      #getintouch {
          margin-left: 0px !important;
      }

      #footerx {
          text-align: center;
      }

      .footer h2 {
          position: relative;
          /* Required for absolute positioning of ::after */
      }

      .footer h2::after {
          position: absolute;
          content: "";
          width: 60px;
          height: 2px;
          left: 50%;
          /* Center horizontally */
          bottom: 0;
          background: #f4b621;
          transform: translateX(-50%);
          /* Adjust to align center */
      }
  }

  @media (max-width: 768px) {
      .section-header p {
          font-size: 1.2rem;
          /* Adjust paragraph font size */
      }

      .square-col {
          padding: 15px;
          /* Add padding for better spacing */
      }

      .text-col {
          padding: 20px;
          /* Add padding for better text spacing */
      }
  }

  /****/
  /* Force image and text columns to stack on small screens */
  @media (max-width: 768px) {
      .row.g-0 {
          display: flex;
          flex-direction: column;
      }

      .square-col {
          width: 100% !important;
          height: auto !important;
          padding: 0 !important;
          margin: 0 !important;
          display: block !important;
          overflow: visible !important;
      }

      .image-col {
          height: 200px;
          /* or adjust as needed */
          background-size: cover;
          background-position: center;
      }

      .text-col {
          background: #f8f9fa;
          padding: 20px;
          height: auto !important;
          display: block;
          position: relative;
      }

      .text-col > div {
          padding: 0 !important;
          margin: 0 !important;
      }

      .text-col h4 {
          margin-top: -50px !important;
          font-size: 1.25rem;
          color: #000;
      }

      .text-col p {
          margin-bottom: 0;
          color: #333;
      }
  }