/* css/style.css */
body, html {
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', sans-serif;
}

.write-yellow {
  color: #FD9800;
}



:hover .write-yellow{
   color: #f4b250;
   transition: 600ms;
}


.write-yellow-2 {
  color: #FD9800;
}

.hero-section {
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
}

.banner {
  height: 40vh;
  background-size: cover;
  background-position: center;
  position: relative;
}


.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
.content {
  z-index: 2;
}
.section-wrapper {
  padding-left: 200px;
  padding-right: 200px;
}

.bg-image-section {
  background-image: url('../images/slider/sl1.webp');
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
}
.bg-image-section .overlay-dark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.bg-image-section .position-relative {
  z-index: 2;
}



.bg-car-image {
  background-image: url('../images/slider/2253.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: white;
}
.bg-car-image .overlay-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
}
.bg-car-image .car-content {
  position: relative;
  z-index: 2;
}
.card.rounded-lg {
  border-radius: 1rem;
}



.text-orange {
  color: #FD9800;
}
.border-orange {
  border: 3px solid #FD9800;
}
.rounded {
  border-radius: 12px;
}
.why-us h2 {
  font-size: 2rem;
  line-height: 1.4;
}


.bg-orange {
  background-color: #FD9800;
}
.footer-top a {
  text-decoration: none;
}
.footer-top ul li {
  margin-bottom: 10px;
}
.footer-bottom {
  background-color: #374151;
}

@media (max-width: 767.98px) {
  .why-us h2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  .section-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}


.img-hover-zoom {
  overflow: hidden;
}

.img-hover-zoom img {
  transition: transform 0.4s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.1);
}


/* Hover Dropdown on Navbar */
.hover-dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}

.dropdown-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  margin-top: 0;
  border-radius: 0.25rem;
}

.hover-dropdown .dropdown-toggle::after {
  transition: transform 0.2s;
}
.hover-dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg);
}

@media (max-width: 991.98px) {
  .hover-dropdown:hover .dropdown-menu {
    display: block;
    position: static;
    visibility: visible;
    opacity: 1;
  }
}


/* css/style.css additions */
/* Handle nested submenu position */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
}

/* Prevent submenu from showing with parent */
.dropdown-menu > .dropdown-submenu > .dropdown-menu {
  display: none !important;
}

/* Show submenu ONLY on its own hover */
.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
}

/* css/style.css additions */
.text-orange {
  color: #f7941d;
}
.contact-form-section input,
.contact-form-section textarea {
  border-radius: 0;
  border: 1px solid #ccc;
}
.contact-form-section label {
  font-weight: 600;
}
.contact-form-section button.btn-warning {
  background-color: #f7941d;
  border: none;
}
.contact-form-section button.btn-warning:hover {
  background-color: #e78111;
}

/* css/style.css additions */
.text-orange {
  color: #f7941d;
}
.contact-form-section input,
.contact-form-section textarea {
  border-radius: 0;
  border: 1px solid #ccc;
}
.contact-form-section label {
  font-weight: 600;
}
.contact-form-section button.btn-warning {
  background-color: #f7941d;
  border: none;
}
.contact-form-section button.btn-warning:hover {
  background-color: #e78111;
}
.contact-card {
  background-color: #FD9800;
  color: #000;
  border-radius: 12px;
  transition: transform 0.3s ease;
}
.contact-card:hover {
  transform: scale(1.02);
}


/* Enable dropdown on hover only */
.hover-dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
  
}

.hover-dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
  
}







    /* scroll to top button  */

     
    #scrollTopBtn {
      position: fixed;
      bottom: 30px;
      right: 30px;
      z-index: 1000;
      background-color: #FD9800;
      color: white;
      border: none;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      font-size: 20px;
      display: none;
      justify-content: center;
      align-items: center;
    }
    #scrollTopBtn:hover {
      background-color: #e68000;
    }


    /* call whatsapp button  */

      .floating-btn {
    position: fixed;
    z-index: 1000;
    padding: 8px 18px;
    border-radius: 25px;
    background-color: #25D366;
    color: white;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  }

  .floating-btn.whatsapp {
    bottom: 90px;
    left: 30px;
  }

  .floating-btn.call {
    bottom: 90px;
    right: 30px;
  }

  /* ✅ Responsive tweak for mobile */
  @media (max-width: 576px) {
    .floating-btn.whatsapp {
      left: 10px;
    }

    .floating-btn.call {
      right: 10px;
    }

    .floating-btn {
      font-size: 0.85rem;
      padding: 6px 14px;
    }
  }


  /* slider section text, form  */

  /* Title with border effect */
.yel-title {
  font-size: 32px;
  color: #FD9800;
  -webkit-text-stroke: 1px #000;
}

/* Cab headings */
.cab-heading h2 {
  font-size: 32px;
  font-weight: bold;
}



/* Responsive: Tablets and below */
@media (max-width: 768px) {
  .cab-heading h2 {
    font-size: 20px;
    white-space: nowrap;
  }
}


.yel-title {
  font-size: 32px;
  color: #FD9800;
  -webkit-text-stroke: 1px #000;
  line-height: 1.3;
  margin-bottom: 1rem;
  text-align: center;
  white-space: normal;       /* ✅ allow wrapping */
  word-break: break-word;    /* ✅ break long words */
}

/* Mobile view */
@media (max-width: 576px) {
  .yel-title {
    font-size: 18px;
    -webkit-text-stroke: 0;
    padding: 0 10px;
    margin-bottom: 0.5rem;
  }
}








/* Form base styles */
#bookingForm .form-control,
#bookingForm .btn {
  font-size: 1rem;
  padding: 0.5rem;
}




/* Responsive: Small Devices (Phones) */
@media (max-width: 576px) {
  #bookingForm .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #bookingForm .p-1 {
    padding: 0.25rem !important;
  }

  #bookingForm {
    padding: 0 10px;
  }

  #bookingForm input,
  #bookingForm select,
  #bookingForm button {
    font-size: 0.95rem;
  }

  .yel-title {
    font-size: 16px;
  }

  .cab-heading h2 {
    font-size: 18px;
  }
}

.forum {

  background-color: white;

}