:root {
  --color-red: #952609;
  --color-black: #111;
  --color-white: #f8f8f8;
  --color-light-grey: #f9f8f7;
}

.accordion-box .accordion .acc-btn {
  background: var(--color-red) !important;
}

.accordion-box .accordion .acc-btn h4 {
  color: var(--color-white) !important;
}

.accordion-box .accordion .acc-btn.active::before {
  color: var(--color-white) !important;
}

.accordion-box .accordion .acc-btn::before {
  color: var(--color-white) !important;
}

.acc-content ul {
  margin-top: 10px;
  padding-left: 20px;
  list-style-type: disc;
}

.acc-content ol.terms-counter {
  counter-reset: section;
  /* initialize counter */
  padding-left: 0;
  list-style: none;
  /* remove default numbers */
}

.acc-content ol.terms-counter>li {
  counter-increment: section;
  /* increase counter */
  margin-bottom: 20px;
  position: relative;
  padding-left: 35px;
  /* space for number */
}

.acc-content ol.terms-counter>li::before {
  content: counter(section) ". ";
  /* add number */
  position: absolute;
  left: 0;
  font-weight: bold;
}

.acc-content ul {
  list-style-type: disc;
  /* bullet points */
  padding-left: 20px;
  margin-top: 5px;
}

.acc-content ul li {
  margin-bottom: 5px;
  line-height: 1.6;
  font-size: 16px;
  list-style-type: disc;
}

.tj-page-header .overlay {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.tj-page-header {
  height: 60vh;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-position: center 65% !important;
}

.tj-page-header .row {
  margin-top: 20px;
  height: 60vh;
  align-items: center;
}

.tj-page-title {
  font-size: 50px !important;
}

.about-info-block {
  background: rgba(149, 38, 9, 0.1) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

.why-chooseus-block {
  padding: 25px;
}

.why-chooseus-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 15px;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  background: #f8f9fa;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-chooseus-icon i {
  font-size: 16px;
  color: var(--color-white);
}

.why-chooseus-block:hover {
  transform: translateY(-5px);
  /* box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); */
}

.whatsapp-button {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background-color: #25d366;
  color: white;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  transition: background-color 0.3s ease;
}

.whatsapp-button:hover {
  background-color: #1ebe5b;
  color: #fff;
}

.service-block {
  background-color: rgba(149, 38, 9, 0.1);
  border-radius: 10px;
  padding: 15px 0;
  margin-bottom: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  transition: all 0.3s ease;
}

/* .service-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
} */

.service-block .service-img {
  border-radius: 30px;
}

.service-block .col-lg-6 {
  overflow: hidden;
  border-radius: 30px;
}

/* Image styles */
.service-block .service-img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
  object-fit: cover;
}

/* .service-block .col-lg-6:hover .service-img {
  transform: scale(1.2);
} */

.terms-ol {
  list-style-type: decimal !important;
  margin-left: 20px;
  padding-left: 0;
}

.terms-ol>li {
  margin-bottom: 15px;
}

.terms-ul {
  list-style-type: disc !important;
  margin-left: 20px !important;
  padding-left: 0;
}

.terms-counter {
  counter-reset: term-counter;
  list-style: none;
  padding-left: 0;
}

.terms-counter>li {
  counter-increment: term-counter;
  margin-bottom: 15px;
  position: relative;
  padding-left: 30px;
}

.terms-counter>li::before {
  content: counter(term-counter) ". ";
  color: var(--color-red);
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.terms-counter ul {
  list-style-type: disc !important;
  margin-left: 20px !important;
  padding-left: 0;
}

.strong-terms {
  color: var(--color-red) !important;
}

.flatpickr-day.disabled {
  color: var(--color-red) !important;
  text-decoration: line-through;
  opacity: 0.6;
}

.calendar::placeholder {
  color: #999;
  transition: color 0.3s;
}

.calendar:focus::placeholder {
  color: #ffffff;
  /* white when focused */
}

.single-popular-car-block {
  height: 100%;
}

.col-xl-4,
.col-lg-4,
.col-md-6,
.col-sm-12 {
  padding-bottom: 30px;
}

.dark-header .main-menu .navigation>li>a {
  color: rgb(255, 255, 255);
}

.header_right_content .search-item .search-toggle {
  color: rgb(255, 255, 255);
}

.date-picker input::placeholder {
    color: #000; /* placeholder color */
    opacity: 1;  /* make sure it’s visible */
}

.date-picker input:focus::placeholder {
    color: #999; /* optional, change color on focus */
}


/* Optional: bigger font on mobile */
@media (max-width: 767px) {
    .rent-dates input::placeholder {
        font-size: 14px;
        color: #000;
        opacity: 1;
    }
}



/* wrapper and fake placeholder */
.calendar-wrapper {
  position: relative;
  display: inline-block;
}

/* fake placeholder text (uses data-placeholder) */
.calendar-wrapper::before {
  content: attr(data-placeholder);
  position: absolute;
  left: 10px;          /* match your input padding */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* clicks go to input */
  font-size: 14px;     /* adjust to match input */
  color: #000;         /* visible color for mobile */
  opacity: 1;
  transition: opacity 0.12s, transform 0.12s;
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 20px);
}

/* when input is focused, show your focused color */
.calendar-wrapper.focused::before {
  color: #fff;
}

/* hide fake placeholder when input has value */
.calendar-wrapper.has-value::before {
  opacity: 0;
  transform: translateY(-60%); /* slight move up when hidden */
}

/* ensure input sits above pseudo-element */
.calendar-wrapper .date-input {
  position: relative;
  z-index: 2;
  background: transparent; /* keep your design */
  color: inherit;
  padding-left: 10px; /* match left used above */
}



.contact-section .default-form .form-group {
  margin-bottom: 0 !important;
}

.about-left-image {
  border-radius: 20px !important;
}

.about-info-icon i {
  font-size: 40px !important;
}

.about-info-icon {
  background: none !important;
}

.why-chooseus-icon i {
  font-size: 40px !important;
}

.why-chooseus-block {
  background: rgba(149, 38, 9, 0.1) !important;
  border: none !important;
}

#about {
  background: white !important;
}

#faq {
  padding: 90px 0 !important;
}

.single-popular-car-block .car-image {
  height: 290px !important;
  object-fit: contain !important;
}

.single-popular-car-rent-per-day span {
  font-size: 18px !important;
}

.single-popular-car-rent-per-day {
  padding: 5px 16px !important;
}


.safari #more{
  background-attachment: unset !important;
}

.safari #search{
  background-attachment: unset !important;
}

@media (max-width: 991px) {
    #more .col-lg-6 {
        margin: 0 auto !important; 
        text-align: center;         
        float: none !important;     
    }

    #more .section-title,
    #more .about-info-text,
    #more .button_all {
        text-align: center;
    }

    #more .button_all {
        display: inline-block; 
    }
}


@media (max-width: 568px) {
    #home .slide-item-content:nth-child(1) .image-layer {
        background-position: right center !important;
    }

    #home .slide-item-content:nth-child(2) .image-layer {
        background-position: right center !important;
    }
}