p,
   h4 {
       color: black;
   }



   

   /* Car Detail Card */
   .car-detail-card {
      
       overflow: hidden;
       margin-bottom: 30px;
   }

   .car-title {
       font-size: 28px;
       font-weight: 700;
       color: #2c3e50;
       margin-bottom: 20px;
       padding: 20px 20px 0;
   }

   /* Image Gallery */
   .car-gallery {
       position: relative;
   }

   .gallery-slider .item {
       margin-top: 50px;
       height: 550px;
       overflow: hidden;
       cursor: pointer;
       border-radius: 5%;
   }

   .gallery-slider img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.3s ease;
   }

   .gallery-slider img:hover {
       transform: scale(1.02);
   }

   .owl-nav {
       position: absolute;
       top: 50%;
       width: 100%;
       display: flex;
       justify-content: space-between;
       transform: translateY(-50%);
   }

   .owl-prev,
   .owl-next {
       background: rgba(255, 255, 255, 0.7) !important;
       width: 40px;
       height: 40px;
       border-radius: 50% !important;
       display: flex !important;
       align-items: center;
       justify-content: center;
       color: #333 !important;
       font-size: 20px !important;
   }

   /* Modal for enlarged image */
   .modal {
       display: none;
       position: fixed;
       z-index: 1000;
       left: 20%;
       top: 25%;
       width: 50%;
       height: 50%;
       background-color: rgba(0, 0, 0, 0.7);
       overflow: auto;
   }

   .modal-content {
       margin: auto;
       display: block;
       max-width: 80%;
       max-height: 80%;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
   }

   .close {
       position: absolute;
       top: 20px;
       right: 30px;
       color: white;
       font-size: 40px;
       font-weight: bold;
       cursor: pointer;
   }

   /* Specifications */
   .specifications {
       padding: 20px;
       margin-top: 30px;
   }

   .spec-title {
       font-size: 22px;
       font-weight: 600;
       color: #2c3e50;
       margin-bottom: 15px;
       border-bottom: 2px solid #3498db;
       padding-bottom: 5px;
       display: inline-block;
   }

   .spec-list {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 15px;
   }

   .spec-item {
       display: flex;
       align-items: center;
       padding: 10px;
       background-color: #f8f9fa;
       border-radius: 8px;
   }

   .spec-icon {
       margin-right: 10px;
       color: #3498db;
       font-size: 20px;
       width: 30px;
       text-align: center;
   }

   .spec-label {
       font-weight: 500;
       color: #7f8c8d;
       font-size: 14px;
    font-family: FortBook, Arial, sans-serif !important;
   }

   .spec-value {
       font-weight: 600;
       color: #2c3e50;
       font-size: 16px;
   }

   /* Details Section */
   .details {
       padding: 0 20px 20px;
   }

   .details-title {
       font-size: 22px;
       font-weight: 600;
       color: #2c3e50;
       margin-bottom: 15px;
       border-bottom: 2px solid #3498db;
       padding-bottom: 5px;
       display: inline-block;
    font-family: FortBook, Arial, sans-serif !important;
   }

   .details-list {
       list-style-type: none;
       padding-left: 0;
    font-family: FortBook, Arial, sans-serif !important;
   }

   .details-list li {
       position: relative;
       padding-left: 25px;
       margin-bottom: 10px;
       color: #34495e;

   }



   /* Book Now Button */
   .book-now-btn {
       display: inline-block !important;
       background-color: #ff0000 !important;
       color: white !important;
       padding: 12px 30px !important;
       border-radius: 5px !important;
       text-decoration: none !important;
       font-weight: 600 !important;
       text-transform: uppercase !important;
       letter-spacing: 1px !important;
       margin: 20px !important;
       transition: all 0.3s ease !important;
       border: none !important;
       cursor: pointer !important;
       margin-top: -80px !important;

   }

   .book-now-btn:hover {
       background-color: #ff0000 !important;
       transform: translateY(-2px) !important;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
   }

   /* Responsive Styles */
   @media (max-width: 991px) {
       .spec-list {
           grid-template-columns: 1fr;
       }

       .gallery-slider .item {
           height: 250px;
       }
   }

   @media (max-width: 767px) {
       .car-title {
           font-size: 24px;
       }

       .spec-title,
       .details-title {
           font-size: 20px;
       }

       .gallery-slider .item {
           height: 200px;
       }
   }

   @media (max-width: 575px) {
       .car-title {
           font-size: 22px;
           padding: 15px 15px 0;
       }

       .specifications,
       .details {
           padding: 15px;
       }

       .book-now-btn {
           padding: 10px 25px;
           font-size: 14px;
           margin: 15px;
       }

       .modal {
           display: none;
           position: fixed;
           z-index: 1000;
           left: 0px;
           top: 20%;
           width: 100%;
           height: 50%;
           background-color: rgba(0, 0, 0, 0.9);
           overflow: auto;
       }

       .modal-content {
           margin: auto;
           display: block;
           max-width: 90%;
           max-height: 90%;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
       }

       .close {
           position: absolute;
           top: 20px;
           right: 30px;
           color: white;
           font-size: 40px;
           font-weight: bold;
           cursor: pointer;
       }

   }

   /* Slider Navigation Arrows */
   /* Slider Navigation Arrows */
   .owl-nav {
       position: absolute;
       top: 50%;
       width: 100%;
       display: flex;
       justify-content: space-between;
       transform: translateY(-50%);
       padding: 0 15px;
       pointer-events: none;
       z-index: 10;
       /* Ensure arrows are above slides */
   }

   .owl-prev,
   .owl-next {
       width: 40px;
       height: 40px;
       background: rgba(255, 255, 255, 0.9) !important;
       border-radius: 50% !important;
       display: flex !important;
       align-items: center;
       justify-content: center;
       color: #333 !important;
       font-size: 0 !important;
       position: relative;
       pointer-events: all;
       transition: all 0.3s ease;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
       border: none !important;
       /* Important for overriding Owl defaults */
       margin: 0 !important;
       /* Remove default margins */
   }

   /* Arrow icons using pseudo-elements */
   .owl-prev:after,
   .owl-next:after {
       font-family: "Font Awesome 6 Free";
       font-weight: 900;
       font-size: 18px;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
   }

   .owl-prev:after {
       content: "\f060";
       /* fa-arrow-left */
   }

   .owl-next:after {
       content: "\f061";
       /* fa-arrow-right */
   }

   .owl-prev:hover,
   .owl-next:hover {
       background: rgba(255, 255, 255, 1) !important;
       transform: scale(1.05);
   }

   /* Disabled state */
   .owl-nav button.disabled {
       opacity: 0.3 !important;
       cursor: default !important;
       transform: none !important;
   }

   /* Touch devices */
   @media (hover: none) {

       .owl-prev,
       .owl-next {
           background: rgba(255, 255, 255, 0.8) !important;
       }
   }