footer {
  padding: 0 !important;
}

.banner-content .form-control {
  height: auto;
  padding: 0 20px;
}


.table-dl li div {
  width: 100% !important;
}

.node-page-title h1 {
  color: white;
}

a .feature-list{
  color: black;
}

.car-list-box .media-box {
  height: 250px;
}


.select2-container--default .select2-selection--single {
  border: none !important;
}

.select2-container.hide, .quotation-request-form .hide {
  #width: 100% !important;
  display: none;
}
.select2-container.show, .quotation-request-form .show {
  #width: 100% !important;
  display: flex;
}

.icon-vehicle-image {
    filter: invert(27%) sepia(100%) saturate(7499%) hue-rotate(180deg) brightness(100%) contrast(101%);
}

.vehicle-type-details {

}

span.select2-container.error {
  border: 2px solid red;
}

.address-select .select2-container {
  display: block !important;
}

.my-ui-autocomplete {
  position: absolute !important; /* Ensure it's absolutely positioned */
  z-index: 10000 !important; /* Higher than other page elements */
  width: 50% !important;
  box-sizing: border-box !important;
}

.my-ui-autocomplete .ui-menu-item {
  padding: 0.5em 1em !important; /* Add padding */
}

.my-ui-autocomplete .ui-menu-item a {
  text-decoration: none !important; /* Remove underline */
  color: var(--primary) !important;
}


.my-ui-autocomplete .ui-menu-item a:hover {
  color: var(--primary-hover) !important;
  background-color: none !important;
}


.sq-card-iframe-container {
  height: 55px !important;
}