:root {
  --primary: #90591f;
  --secondary: #333333;
  
  --plight: #ffead4;
  --pdark: #754a1c;
  
  --slight:#eeeeee;
  --sdark: #222222;
}

.primary-color {background-color:var(--primary) !important;}
.secondary-color {background-color:var(--secondary) !important;}

.primary-color-text {color:var(--primary) !important;}
.secondary-color-text {color:var(--secondary) !important;}

.primary-color-light {background-color:var(--plight) !important;}
.primary-color-dark  {background-color:var(--pdark) !important;}
 
button.primary-color {background-color:var(--primary) !important;}

button:hover.primary-color {background-color:var(--pdark) !important; cursor: pointer;}
button:hover.secondary-color {background-color:var(--sdark);cursor: pointer;}

.grecaptcha-badge {visibility:hidden;}

button.primary-color, button.secondary-color {
            display: flex;
            align-items: center; /* Vertically centers the content */
            justify-content: center; /* Horizontally centers the content */
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }

        button.primary-color i.material-icons, button.secondary-color i.material-icons {
            margin-right: 8px; /* Adds some space between the icon and the text */
        } 
 
 .bannerForm .heading {padding-left:15px;}

 .contactForm button {width:100%}
 .interestedbox label {color: #333 !important;}
 .interestedbox {padding-bottom:20px;}
 
 form.webpage-form {background-color:transparent !important; padding:15px !important;}
 form.webpage-form label {color:white !important;}
 form.webpage-form .success-message {color:#008000;}
.success-message {color:#008000;}
 
 

/* Apply padding to every input field inside the .site-interested-section */
.site-interested-section input {
    padding: 10px;
    margin-bottom: 10px !important; /* Optional: Adds space between the fields */
    width: 100%; /* Optional: Makes inputs take the full width of their container */
}

/* Apply padding to the textarea inside the .site-interested-section */
.site-interested-section textarea {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px; /* Optional */
}

/* Optional: style for the submit button inside the section */
.site-interested-section button {
    padding: 10px 20px;
}
   .bannerForm .iti__selected-dial-code {
            color: #fff;
        }

        .iti {
            width: 100%;
        }

        @media(max-width: 767px) {
            .bannerForm .iti__selected-dial-code {
                color: #000;
            }
            .page-form-1 label {
                color: #333 !important;
            }
        }
  .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
            color: #333;
        }
        
        .page-form-1 label {
           color: #fff;
           text-align: left;
        }
        
        .form-group input {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .form-group .error {
            color: red;
            font-size: 0.9em;
        }
        button {
           
            padding: 10px;
            
            border: none;
            border-radius: 4px;
            color: #fff;
            font-size: 1em;
            cursor: pointer;
        }
       
        .success {
            color: green;
            text-align: center;
            margin-bottom: 20px;
        }
        .download-link {
            display: none;
            text-align: center;
            margin-top: 10px;
        }
        
        
@media(max-width:767px){
 button {margin:auto;}   
    
    
}
 /* Ensure the table is responsive */
  .table-responsive {
    overflow-x: auto;  /* Allow scrolling only when necessary */
    -webkit-overflow-scrolling: touch;  /* Ensure smooth scrolling on mobile */
  }

  /* Ensure the table doesn't exceed the viewport width */
  .table {
    width: 100%;  /* Ensure the table takes full width */
    table-layout: auto;  /* Allow the table to adjust column width dynamically */
  }

  /* Button styling adjustments */
  @media (max-width: 767px) {
    .table .btn {
      white-space: normal; /* Allow the button text to wrap */
      word-wrap: break-word; /* Break long words */
      max-width: 120px; /* Limit width to prevent overflow */
      font-size: 12px; /* Adjust font size for mobile */
      padding: 5px 10px; /* Reduce padding to make buttons fit better */
    }

    /* Ensure table cells do not overflow */
    .table td {
      padding: 5px; /* Reduce padding */
      text-align: center; /* Center align content */
    }
  }
/* General Section Styling */
.location-wrapper {
  padding: 50px 50px;
  padding-top:10px;
  background-color: #f9f9f9;
}

/* Map Wrapper Styling */
.map-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}

.map-description {
  flex: 1 1 40%;
}

.title-block h2 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}

.title-block .sub-title {
  font-size: 20px;
  color: #FF6347; /* Change to desired accent color */
  text-transform: uppercase;
}

.map-description p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 10px;
}

/* Map View Styling */
.map-view {
  flex: 1 1 55%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.map-view img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.map-view .image-link {
  display: block;
  position: relative;
  max-width: 100%;
}

.map-view .image-link img {
  transition: transform 0.3s ease;
}

.map-view .image-link:hover img {
  transform: scale(1.05); /* Slight zoom effect */
}

/* Filter Option Panel */
.filter-option {
  margin-top: 30px;
}

.filter-option-wrapper {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border: 1px solid #ddd;
}

.filter-option-wrapper h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}

.filter-option-wrapper h4 img {
  transition: transform 0.3s ease;
}

.filter-option-wrapper h4.active img {
  transform: rotate(180deg); /* Arrow rotation */
}

#filterOptions {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#filterOptions li {
  font-size: 16px;
  color: #555;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}

#filterOptions li img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

#filterOptions li:last-child {
  border-bottom: none;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
  .location-wrapper {
    padding: 30px 15px;
  }

  .map-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .map-description {
    flex: 1 1 100%;
    margin-bottom: 20px;
  }

  .map-view {
    flex: 1 1 100%;
  }

  .map-description p {
    font-size: 14px;
  }

  .filter-option-wrapper {
    padding: 15px;
  }

  #filterOptions li {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .title-block h2 {
    font-size: 24px;
  }

  .filter-option-wrapper h4 {
    font-size: 18px;
  }

  #filterOptions li {
    font-size: 13px;
  }
}
.slider1 {
    position: fixed;
    bottom: -100%; /* Initially hide the slider off-screen */
    left: 15px; /* 5px margin from the left */
        width: calc(100% - 10px); /* Adjust width to account for the left and right margins */
    background: #ffffff; /* White background */
    color: #333333; /* Dark text color */
    text-align: center;
    border-radius:15px;
    font-size: 20px;
   margin:auto;
width:90%;
    box-shadow: 0px 10px 30px rgba(1, 1, 1, 1);
 /* Subtle shadow for 3D effect */
    transition: bottom 1s ease-in-out; /* Smooth transition */
    z-index: 9999; /* Make sure it's above other content */
    margin-top: 5px; /* 5px margin from the top */
}

.show-slider1 {
    bottom: 0;
}

.slider1 p {
    margin: 0;
border-radius:15px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 10px;
}

.slider-images {
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.slider1-image {
    width: 30%;
    max-width: 600px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.slider1-image:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}
/* Styling for the bottom row (cab image + button) */
.bottom-row {
    
    justify-content: space-between;
    align-items: center;
       flex-wrap: wrap; /* Allow elements to wrap if the screen is smaller */
}

.cab-image {
    width: 15%; /* Images will take up 48% of the width */
    height: auto;
    border-radius: 10px;
    object-fit: cover; /* Maintain aspect ratio */
}
button.close{ background: #90591f !important;
margin-right:10px;
margin-top:5px;}
.btn-book {
    display: inline-block;
    margin-top: 10px;
    padding: 2px 5px;
    background-color: #ff7f50; /* Vibrant orange color */
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 25px; /* Rounded corners for the button */
    transition: background-color 0.3s ease, transform 0.3s ease;
    min-width: 180px; /* Make sure the button has a minimum width */
    text-align: center;
}

/* Button hover effect */
a:hover{color:white !important;}
/* Optional: Adjusting button position on smaller screens */
@media (max-width: 768px) {
    .bottom-row {
        flex-direction: column; /* Stack images and button vertically on smaller screens */
        align-items: center;
    }

    .cab-image {
        width: 30%; /* Reduce the width of the images on smaller screens */
        margin-bottom: 10px;
    }
.main-image{ width:70%;}
    
}

/* Initially hide the "Book Free Cab" link on desktop and larger screens */
.navlinks.book-free-cab {
    display: none;
}

/* Show the "Book Free Cab" link only on mobile (screen width <= 767px) */
@media screen and (max-width: 767px) {
    .navlinks.book-free-cab {
        display: block;
        font-size: 16px;
        text-align: left;
    }
}
.book-free-cab{
border-radius:0px;
padding:5px;
}
.close{
opacity:1;
}