@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.poppins {
  font-family: "Poppins", serif;
}

input {
  accent-color: #ff0000;
}

.checkout-page {
  padding: 50px 75px;
}

.order-summery {
  background-color: #f7f7f7;
  top: 160px !important;
}

.billing-heading {
  font-size: 24px;
}

.billing-sub-head {
  font-size: 20px;
}

.form-billing {
  border: 1px solid #e9e9e9;
}

.main-form label,
.fos {
  font-weight: 300;
  /* font-size: 18px; */
  font-size: 12px;
  margin-top: 26px;
}

.why-choose-us .icf-para {
  font-size: 14px;
  color: #212529;
}

.main-form input,
select {
  height: 52px;
  margin-top: 4px;
  border-radius: 12px !important;
  border: 1px solid #c8c8c8;
}

.same-as-billing {
  background-color: #f0f0f0;
  padding: 23px 40px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.same-as-billing label {
  font-size: 16px !important;
  font-weight: 600;
}

.same-as-billing input {
  height: 24px;
  width: 24px;
}

.mbten {
  margin-bottom: 10px;
}

.mbtwenty {
  margin-bottom: 20px;
}

.mbtwentysix {
  margin-bottom: 26px;
}

.mbthirty {
  margin-bottom: 30px;
}

.mtforty {
  margin-top: 40px;
}

.mt-btnnn {
  margin-top: 20px;
}

.mb-50-2 {
  margin-bottom: 50px;
}

.myforty {
  margin-bottom: 40px !important;
  margin-top: 40px;
}

.mbforty {
  margin-bottom: 40px;
}

.mbseventytwo {
  margin-bottom: 72px;
}

.fw-light {
  font-weight: 300;
}

.fw-bold-500 {
  font-weight: 500;
}

.fos-main {
  font-size: 12px;
  /* font-size: 18px; */
}

.underlined {
  text-decoration: underline !important;
}

.notice-1 {
  font-size: 16px;
  color: #363636;
  text-transform: capitalize;
}

.notice-2 {
  font-size: 18px;
  color: #000000;
  text-transform: capitalize;
  padding-top: 15px;
  margin-bottom: 0 !important;
  /* padding-bottom: 15px; */
}

.notice-3 {
  font-size: 20px;
  color: #000000;
  text-transform: capitalize;
}

.button-sub {
  background: #ff0000 !important;
  color: #fff !important;
  padding: 17px 50px !important;
  border: 1px solid #ff0000 !important;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 auto;
  margin-bottom: 0 !important;
}

.button-sub:hover {
  background: #fff !important;
  color: #ff0000 !important;
  padding: 17px 50px !important;
  border: 1px solid #ff0000 !important;
  transition: ease-out 0.3s !important;
}

.order-summery-head {
  font-size: 25px;
  font-weight: 300;
}

.order-summery-head.fos-14 {
  font-size: 14px !important;
}

.red-color {
  color: #ff0000;
}

.red-color:hover {
  color: #000000;
}

.form-part-1 {
  margin-right: 30px;
}

.fos-18 {
  font-size: 18px;
}

.fos-14 {
  font-size: 14px;
}

.fos-20 {
  font-size: 20px;
}

.mb-13 {
  margin-bottom: 13px;
}

.fw-300 {
  font-weight: 300;
}

.apply-btn {
  background-color: #ff0000 !important;
  padding: 18px 45px !important;
  color: #ffffff !important;
  border: 1px solid #ff0000 !important;
  border-radius: 6px;
  font-size: 16px;
}

.apply-btn:hover {
  background-color: #ffffff !important;
  color: #ff0000 !important;
}

.tab-container .tab {
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.tab-container .tab:last-child {
  margin-right: 0;
}

.tab-container .tab-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
}

.tab-container .tab.active .tab-circle {
  background-color: #56a2e9;
  /* Active Blue */
}

.tab.active.tab-circle {
  background-color: #56a2e9;
}

.tab-container .tab-title {
  margin-left: 10px;
  text-align: left;
}

.tab-container .tab-title .step-number {
  font-size: 14px;
  color: #6c757d;
  font-weight: 300;
}

.tab-container .tab-title .step-title {
  font-size: 16px;
  font-weight: bold;
}

.tab-container .tab.active .step-title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.tab-container .tab.inactive .tab-circle {
  background-color: #6c757d;
  /* Inactive Gray */
}

.tab-container .tab.inactive .step-title {
  color: #000000;
}

.gap-17 {
  gap: 17px;
}

.input-promo {
  padding: 18px 21px;
  border-radius: 4px;
  color: #363636;
  border: 1px solid #7070704d;
  font-size: 16px;
}

.text-coupan {
  text-align: center;
  line-height: 30px;
}

/* header */
/* header */
/* header */
/* header */
/* header */

.top-header-red {
  background-color: #ff0000;
  padding: 17.3px 7.5px;
  color: #fff;
}

.coupan {
  border: 1px dashed #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
}

.top-header-black {
  background-color: #191919;
  padding: 20.68px 72px;
}

.top-header-black a {
  color: white;
  font-size: 14px;
}

.top-header-black .info-sec {
  gap: 20px;
}

.info-sec-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.top-offer {
  font-size: 10px;
}

.accounts .drop-list {
  background-color: transparent;
  border: none;
  color: #fff;
  outline: none !important;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.btn-mega {
  color: #ff0000;
  text-decoration: underline;
}

.navbar-nav .dropdown-toggle {
  margin-bottom: 0px !;
  padding: 0px !important;
  border: none;
}

.top-nav.bg-dark {
  /* max-height: 80px !important; */
}

/* header */
.header {
  width: 100%;
  position: relative;
  z-index: 99;
  padding: 3px 72px;
  background-color: #ffffff;
  border-bottom: 1px solid #E5E9F2;
}

.navbar .navbar-nav .dropdown .dropdown-menu {
  left: -75px !important;
}

.header .item-right a {
  text-decoration: none;
  font-size: 16px;
  color: #555555;
  display: inline-block;
  margin-left: 10px;
  transition: color 0.3s ease;
}

.header .menu>ul>li {
  display: inline-block;
  line-height: 50px;
  margin-left: 25px;
}

.header .menu>ul>li>a {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  position: relative;
  text-transform: capitalize;
  transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu {
  position: absolute;
  z-index: 500;
  background-color: #ffffff;
  box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
  padding: 20px 30px;
  transition: all 0.5s ease;
  margin-top: 25px;
  opacity: 0;
  visibility: hidden;
}

.header .menu>ul>li .sub-menu>ul>li {
  line-height: 1;
}

.header .menu>ul>li .sub-menu>ul>li>a {
  display: inline-block;
  padding: 10px 0;
  font-size: 15px;
  color: #555555;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
}

.header .menu>ul>li .single-column-menu {
  min-width: 280px;
  max-width: 350px;
}

.mega-menu span.title.mb-3.h4 {
  color: #333333 !important;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
  line-height: 1;
  display: block;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
  padding: 10px 0;
  display: inline-block;
  font-size: 15px;
  color: #555555;
  transition: color 0.3s ease;
}

.menu-main .menu-item-has-children .sub-menu .list-item .all-services li a:hover,
.fleet-btns:hover {
  color: #ff0000 !important;
  text-decoration: underline !important;
}

.mega-menu-column-4 li a {
  color: #000000;
  padding: 6px 14px;
  font-size: 14px;
}

.header .menu>ul>li .sub-menu.mega-menu {
  left: 50%;
  transform: translateX(-50%);
}

a {
  text-decoration: none !important;
}

.header .menu>ul>li .sub-menu.mega-menu-fleet {
  max-width: 30vw !important;
  left: 42%;
}

.header .menu>ul>li .sub-menu.mega-menu-fleet .buttons-div {
  display: flex;
  flex-direction: column;
  gap: 0px
}

.mega-menu-finance {
  left: 54% !important;
}


.header .menu>ul>li .sub-menu.mega-menu-column-4 {
  max-width: 100vw;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
  flex: 0 0 25%;
  padding: 0 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
  font-size: 16px;
  color: #ea4636;
  font-weight: 500;
  line-height: 1;
  padding: 10px 0;
}

.list-item ul li {
  margin: 10px 0;
}

.fleet-btns {
  /* background-color: #ff0000; */
  /* border-radius: 10px; */
  border: none;
  color: #000000 !important;
  font-weight: 400;
  text-decoration: underline;
  font-size: 16px;
  /* padding: 7.5px 80px; */
}


.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
  text-align: center;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  margin-top: 10px;
  height: 300px;
  object-fit: cover;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header .menu>ul>li .sub-menu>ul>li>a:hover,
.header .item-right a:hover,
.header .menu>ul>li:hover>a {
  color: #ea4636;
}

.fos-24 {
  font-size: 18px;
  font-weight: bold;
}

/* banner section */
.banner-section {
  /* background-image: url("../img/banner.jpg"); */
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
  display: none;
}

.cart-btns {
  padding: 20px 25px;
  background-color: #f5f5f5;
  border-radius: 50px;
  position: relative;
}

.cart-btns img {
  max-width: 17px;
  max-height: 17px;
}

.cart-noti {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff0000;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 50px;
  font-size: 11.32px;
}

/* sticky button */
/* sticky button */
/* sticky button */

.sticky-button-container {
  position: fixed;
  bottom: 20px;
  /* Distance from the bottom */
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  width: auto;
  pointer-events: none;
  /* Allows clicks to pass through */
}

.sticky-button {
  background-color: #ff0000;
  color: white;
  padding: 17.5px 89px;
  border-radius: 10px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  /* Allows button clicks */
}

.floating-button {
  display: none;
}

.floating-button.show {
  display: block;
}

/* sticky button */
/* sticky button */

/* popup for checkout and payment page */
.order-summery .red-color {
  color: red;
  text-decoration: none;
  cursor: pointer;
}

.order-summery .popup {
  display: none;
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.order-summery .popup-content {
  max-width: 800px;
  max-height: 70vh;
  margin: 160px auto;
  border-radius: 8px;
  overflow-y: scroll;
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
}

.order-summery .popup-header {
  background: red;
  color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-summery .popup-header h3 {
  margin: 0;
}

.order-summery .close-btn {
  background: none;
  border: none;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}

.order-summery .popup-body table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.order-summery .popup-body th,
.order-summery .popup-body td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.order-summery .popup-footer {
  text-align: right;
  padding: 10px;
}

.order-summery .popup-footer .close-btn {
  background: red;
  color: #fff;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

.order-summery .popup-footer .close-btn:hover {
  background: darkred;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.popup {
  display: none;
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  max-width: 500px;
  width: 80%;
}

.popup-actions {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
}

.agree-btn,
.cancel-btn {
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.agree-btn {
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #fff;
  transition: all ease-in 0.2s;
}

.agree-btn:hover {
  background-color: #ffffff;
  color: #ff0000;
}

.cancel-btn {
  background-color: #ffffff;
  border: 1px solid #ff0000;
  color: #ff0000;
  transition: all ease-in 0.2s;
}

.cancel-btn:hover {
  background-color: #ff0000;
  color: #ffffff;
}

/* payment page */
.payment-head {
  font-size: 16px;
}

.payment-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

.form-labelvisa {
  font: 400 14px / 34px 'Poppins', sans-serif;
  margin-top: 8px;
}

.form-check-input[type="radio"] {
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgb(154, 154, 154);
  border-radius: 50%;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.form-check-input[type="radio"]:checked {
  background-color: #fff;
}

.form-check-input[type="radio"]:checked::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #ff0c0cd6 !important;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-check input {
  margin-right: 10px;
}

.payment-page .form-check.active .form-check-label {
  font-weight: 500;
  font-size: 20px;
}

.radio-label {
  font-size: 22px;
}

.payment-page .form-check.active {
  background-color: white;
  border: 2px solid #1294f2;
  border-radius: 10px
}

.fields-container {
  display: none;
}

.fields-container.active {
  display: block;
}

/* two card fixes */
#doubleCardFields {
  display: none;
}

.second-payment-col {
  opacity: 0.5;
  pointer-events: all;
  background: #901f1f;
  padding: 30px 44px;
  margin-top: 40px;
}

.second-payment-col input {
  opacity: 0.5;
  pointer-events: none;
}

.second-payment-col button,
.second-payment-col p {
  opacity: 1;
  pointer-events: auto;
  display: none;
}

.first-payment-col.active {
  display: block;
  opacity: 1;
  pointer-events: auto;
  background: #ffffff;
  padding: 0 0;
}

.first-payment-col {
  background: #f7f7f7;
  padding: 30px 44px;
}

.first-payment-col h5 {
  display: none;
}

.second-payment-col.active {
  display: block;
  opacity: 1;
  pointer-events: auto;
  background: #ffffff;
  padding: 0 0 !important;
}

.second-payment-col.active input {
  pointer-events: auto;
  opacity: 1;
}

.btn-second {
  display: none;
}

/* image in payments */
.img-sec img {
  height: 40px;
  float: right;
}

.form-check.active .img-sec img {
  /* display: none; */
}

/* other payment methodes */
.paypal-btn {
  background-color: #1f264f;
  color: #fff;
  padding: 17px 50px;
  border: 1px solid #1f264f;
  transition: 0.3s;
}

.paypal-btn:hover {
  background-color: #fff;
  color: #1f264f;
  border-radius: 8px;
}

.venmo-btn {
  background-color: #3c95cd;
  color: #fff;
  padding: 17px 50px;
  border: 1px solid #3c95cd;
  transition: 0.3s;
}

.venmo-btn:hover {
  background-color: #fff;
  color: #3c95cd;
  border-radius: 8px;
}

.apple-btn {
  background-color: #000000;
  color: #fff;
  padding: 17px 50px;
  border: 1px solid #000000;
  transition: 0.3s;
}

.apple-btn:hover {
  background-color: #fff;
  color: #000000;
  border-radius: 8px;
}

.google-btn {
  background-color: #000000;
  color: #fff;
  padding: 17px 50px;
  border: 1px solid #000000;
  transition: 0.3s;
}

.google-btn:hover {
  background-color: #fff;
  color: #000000;
  border-radius: 8px;
}

.google-btn img {
  width: 30px;
}

.wex-btn {
  background-color: #cf0a2c;
  color: #fff;
  padding: 17px 50px;
  border: 1px solid #cf0a2c;
  transition: 0.3s;
}

.wex-btn:hover {
  background-color: #fff;
  color: #cf0a2c;
  border-radius: 8px;
}

.cashapp-btn {
  background-color: #00d632;
  color: #fff;
  padding: 17px 50px;
  border: 1px solid #00d632;
  transition: 0.3s;
}

.cashapp-btn:hover {
  background-color: #fff;
  color: #00d632;
  border-radius: 8px;
}

/* checkboxes */
.payment-page input[type="checkbox"],
.same-as-billing input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px !important;
  height: 24px !important;
  border: 2px solid #28a745;
  border-radius: 4px;
  cursor: pointer;
}

.payment-page input[type="checkbox"]:checked,
.same-as-billing input[type="checkbox"]:checked {
  background-color: #28a745;
  border-color: #28a745;
  text-align: center;
}

.payment-page input[type="checkbox"]:checked::after {
  content: "";
  color: white;
  font-size: 15px;
  text-align: center;
}

.color-for-p {
  color: #1a1a1a;
}

/* new payment methods */
.form-check {
  /* background-color: #f8fafb; */
  padding: 27px 45px !important;
  /* border-radius: 8px; */
  border: 1px solid #e9e9e9;
  /* height: 500px; */
}

.payment-container {
  max-width: 600px;
  margin: 20px auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
  background: #f9f9f9;
}

.toggle-button {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
  position: absolute;
  right: 0px;
  top: -37px;
  margin-top: 0px;
}

.payment-icons {
  margin-left: 25px;
  width: max-content;
}


.fields-container {
  display: none;
  padding-top: 30px;
  position: relative;
}

.fields-container.active {
  display: block;
}

.fields-container input {
  height: 52px;
  margin: 2px 0;
}

.slide-toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-top: 8px;
}

.slide-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: 0px;
  background-color: #535353;
  border-radius: 50%;
  transition: 0.4s;
}

input:checked+.slider {
  background-color: #d9d9d9;
}

input:checked+.slider:before {
  background-color: #ff0c0cd6 !important;
  transform: translateX(20px);
}

/* review page */
.background-img {
  background-image: url(../images/back-review.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 30vh;
  padding: 0 75px;
  min-height: 300px;
}

.background-img h1 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}

.review-page {
  padding: 75px 60px;
}

/* Header Section */
.review-header {
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
  padding: 0 0 62px 0;
}

.review-header h2 {
  font-size: 30px;
  font-weight: 600;
}

.review-header .btn {
  background-color: #ff0000;
  color: #fff;
  font-weight: bold;
}

/* Ratings Section */

.ratingss {
  gap: 55px;
  padding-bottom: 30px;
}

.rating-item {
  gap: 14px;
}

.rating-item img {
  width: 70px;
}

.rating-head {
  font-size: 14px;
  font-weight: 300;
  color: #707070;
}

.rating-details {
  font-size: 18px;
  font-weight: 500;
  color: #1a1a1a;
}

/* Review Cards */
.card-single {
  margin-bottom: 25px;
}

.review-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 10px 10px 2px #dddddd4d;
  padding: 31px 27px;
  transition: transform 0.3s;
  min-height: 300px;
  /* max-height: 350px; */
}

.review-card:hover {
  transform: scale(1.02);
}

.stars img {
  width: 16px;
}

.review-card p {
  font-size: 14px;
  font-weight: 400;
  color: #212529;
  margin: 14px 0 33px 0;
}

.review-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.avatar figure {
  margin: 0;
}

.review-author .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar-color-1 {
  background: #33691e;
}

.avatar-color-2 {
  background: #01579b;
}

.avatar-color-3 {
  background: #5c6bc0;
}

.avatar-color-4 {
  background: #689f38;
}

.avatar-color-5 {
  background: #c2185b;
}

.avatar-color-6 {
  background: #5c6bc0;
}

.avatar-color-7 {
  background: #5c6bc0;
}

.avatar-color-8 {
  background: #5c6bc0;
}

.avatar-color-9 {
  background: #cccccc;
}

.avatar-img {
  width: 39px !important;
  height: 39px;
}

.review-author h3 {
  margin-bottom: 2px;
}

.review-author h6 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.review-author small {
  display: block;
  font-size: 12px;
  color: #212529;
}

.footer-review {
  align-items: center;
}

.footer-review img {
  width: 15px;
}

.footer-review>img {
  width: auto;
  height: 34px;
}

/* View More Button */
.view-more {
  text-align: center;
  margin-top: 30px;
}

.button-sub-2:hover {
  background: #ff0000 !important;
  color: #fff !important;
  padding: 17px 50px !important;
  border: 1px solid #ff0000 !important;
}

.button-sub-2 {
  background: #fff !important;
  color: #ff0000 !important;
  padding: 17px 50px !important;
  border: 1px solid #ff0000 !important;
  transition: ease-out 0.3s !important;
}

/* button dropdown */
.dropdown-toggle {
  margin-bottom: 33px;
  padding: 18px !important;
}

.dropdown-toggle img,
.li-btns-toggle img {
  width: 26px;
}

.btn-head {
  font-size: 18px;
  font-weight: 400;
}

.li-btns-toggle {
  padding: 18px !important;
}

/* product selection page */
.head-modal {
  padding-bottom: 15px;
}

.car-button {
  display: inline;
  align-items: center;
  justify-content: center;
  padding: 8px 17px;
  background-color: #ffecec;
  border: 1px solid #f8d7da;
  border-radius: 10px;
  cursor: pointer;
}

.car-button img {
  width: 34px;
  margin-right: 10px;
}

.modal-dialog {
  /* top: 30%; */
  top: 20px;
  margin-top: 0 !important;
}

.modal-body h4 {
  font-size: 15px;
}

.upper-sec {
  border-radius: 8px;
  background: #fff;
  padding: 20px 17px;
  margin-bottom: 0px !important;
  border: 1px solid #e9e9e9;
}

.book-service-sec .form .form-control,
.book-service-sec .form .form-select {
  margin-bottom: 10px !important;
}

/* popup for have my own parts */

/* Popup styling */
.popup-content {
  max-width: 600px;
  background: white;
  border-radius: 8px;
  padding: 20px;
}

.popup-body table {
  width: 100%;
  border-collapse: collapse;
}

.popup-body th,
.popup-body td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.bg-darks {
  background: #d42f2f !important;
  color: white !important;
}

.bg-black {
  background: black !important;
  color: white !important;
  text-align: center;
}

.bg-light-gray {
  background: #f5f5f5 !important;
}

.popup-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
}

.popup-footer .close-btn {
  background: red;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

/* sticky on top */
/* sticky on top */
.stickyOnTop {
  position: sticky;
  top: 130px;
  z-index: 10;
}

/* sticky on top */
/* sticky on top */
/* testing */

.product-selection .service-section {
  padding: 20px;
}

.product-selection .toggle-switch {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-selection .toggle-slider {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
}

.product-selection .toggle-slider input {
  opacity: 0;
  width: 0;
  height: 0;
}

.product-selection .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d9d9d9;
  transition: 0.4s;
  border-radius: 25px;
}

.product-selection .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 0px;
  bottom: 0px;
  background-color: rgb(0, 0, 0);
  transition: 0.4s;
  border-radius: 50%;
}

.product-selection input:checked+.slider {
  background-color: #d9d9d9;
}

.product-selection input:checked+.slider:before {
  transform: translateX(18px);
}

/* Slide transition effects */
.manual-mode,
.ai-mode,
.texts {
  display: block;
}

.manual-mode .inner-div {
  border: none;
  padding: 0;
}

.manual-mode .inner-div li {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e9e9e9;
}

.texts {
  font-size: 16px;
  font-weight: 400;
}

.ai-box {
  min-height: 300px;
}

.active {
  display: block;
}

.suggestion-box {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 15px;
  margin-top: 20px;
}

.suggestion-title {
  font-weight: bold;
  color: #dc3545;
}

.add-btn {
  background-color: #f8f9fa;
  border: 1px solid #dc3545;
  color: #dc3545;
  font-size: 0.9rem;
  border-radius: 5px;
  padding: 3px 8px;
}

.add-btn:hover {
  background-color: #dc3545;
  color: #fff;
}

/* input testing */

.input-container-2,
.input-container-1 {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 15px;
  position: relative;
  height: 55px;
}

.input-container-2 input,
.input-container-1 input {
  border: none;
  outline: none;
  flex: 1;
  padding: 5px 10px;
}

.input-container-2 img {
  width: 20px;
}

.button-ai {
  color: #fff;
  background-color: #ff0000;
  border: 1px solid #ff0000;
  /* padding: 10px 30px; */
  border-radius: 4px;
  transition: all ease-in-out 0.3s;
  height: 55px;
}

.button-ai:hover {
  color: #ff0000;
  background-color: #ffffff;
}

/* testing ai search */

.suggestions {
  margin: 20px 0;
  background: #fff;
  padding: 17px 20px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}

.main-suggestions {
  background-color: #f9f2f2;
  padding: 20px 17px;
  border-radius: 8px;
  border: 1px solid #ff000041;
}

.req-suggestion-head {
  font-size: 18px;
  font-weight: 600;
}

.req-suggestion-head-2 {
  font-weight: 400;
  font-size: 16px;
}

.main-head-ai {
  font-size: 20px;
  font-weight: 600;
}

.req-suggestion-para {
  font-size: 14px !important;
  font-weight: 400;
}

.search-add-button {
  background-color: transparent;
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 5px 14px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 500;
}

.search-add-button:hover {
  background-color: #ff0000;
  color: #ffffff;
}

.suggestions :last-child .single-suggestion-item hr {
  display: none;
}

/* time tab ashish */
.service-window {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 25px 20px;
  background-color: #f7f5f55e;

}

.service-window .green-text {
  color: #353535;
  font: 500 18px 'poppins';
}

span.span {
  color: #FF0000;
}

.date-slider {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
}

.date-slider::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar for Chrome, Safari, and Opera */
}

.date-slider .date {
  font-size: 20px;
  font-weight: 400;
  color: #1a1a1a;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 20px 40px;
  text-align: center;
}

.date-slider .date:hover,
.date-slider .date.active {
  background-color: #ff0c0cd6 !important;
  color: #fff !important;
  border-color: #ff0c0cd6 !important;
}

.date-slider .date:hover strong,
.date-slider .date.active strong {
  color: white;
}

.date.calendar-icon {
  font-size: 37px;
}


.timeMessage {
  display: none;
}

.timeMessage.active {
  display: block;
}

.time-selector {
  text-align: center;
  color: #888;
}

.time-selector .times {
  display: none;
  margin-top: 10px;
}

.time-selector .time {
  display: inline-block;
  padding: 10px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
  width: 30%;
}

.time-selector .time:hover,
.time-selector .time.active {
  background-color: #ff0c0cd6 !important;
  /* background-color: #0dcaf0; */
  color: #fff;
  border-color: #ff0c0cd6;
}

.toggle-switch .slider-label {
  opacity: 0.3;
  pointer-events: none;
}

.toggle-switch .slider-label.active {
  opacity: 1;
  pointer-events: all;
}

.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.arrow {
  cursor: pointer;
  font-size: 40px;
  color: #060606;
}

.arrow.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.date-navigation-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px 20px;
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.nav-arrow {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0 10px;
  color: #000;
}

.month-display {
  flex-grow: 1;
  text-align: center;
  font: 600 24px/26px 'Poppins', sans-serif;

}



.delet-img {
  width: 20px;
}

.input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.icon {
  position: absolute;
  left: 15px;
  /* width: 20px; */
  height: 30px;
}

.input-container input {
  width: 100%;
  padding: 10px 10px 10px 50px;
  /* Adjust for icon */
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

.popup-padding {
  padding: 50px 60px;
}

.popup-sub-head {
  font-size: 20px;
}

.popup-para {
  font-size: 16px;
  font-weight: 300;
}

.popup-scroll-Y {
  overflow-y: scroll;
}

.m-h-80 {
  max-height: 80vh !important;
  overflow: scroll !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-50 {
  margin-bottom: 50px;
}

.data-1-sec.mb-50 {
  margin-bottom: 30px;
}

.form-checks input::after {
  display: none;
}

.submit-app {
  color: #ffffff !important;
  background-color: #ff0000 !important;
  border: 1px solid #ff0000 !important;
  border-radius: 6px;
  padding: 20px 80px !important;
}

.popup-header-Terms h3 {
  font-size: 30px;
}

.terms-popup input {
  height: 52px;
}

/* test popup */
/* test popup */
/* Popup Background */
.m-w-835 {
  max-width: 835px;
}

#reviewPopup h3 {
  font-size: 30px;
}

.popup-review-padding {
  padding: 3vw 5vw;
  /* padding: 60px 60px; */
}

.text-area-text {
  border: 1px solid #707070;
  border-radius: 8px;
  padding: 10px 10px;
}

.popup-review-btns {
  border: 1px solid !important;
  border-radius: 8px !important;
  padding: 17px 35px !important;
}

.review-cancle-btn {
  border-color: #707070 !important;
  color: #4975e2 !important;
}

.review-cancle-btn:hover {
  color: #ff0000 !important;
}

.review-post-btn {
  border-color: #4975e2 !important;
  background-color: #4975e2 !important;
  color: #ffffff !important;
}

.review-post-btn:hover {
  border-color: #707070 !important;
  background-color: #ffffff !important;
  color: #4975e2 !important;
}

/* Hide default input */
.input-div input[type="file"] {
  display: none;
}

/* Custom upload button */
.custom-file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 19px 5vw;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #707070;
  width: 100%;
  color: #4975e2;
}

/* Camera Icon */
.upload-icon {
  height: 27px;
}

.fos-24 {
  font-size: 24px;
}

.fos-16 {
  font-size: 16px;
}

#starContainer {
  display: flex;
  gap: 5px;
  /* Spacing between stars */
}

/* Smooth hover transition (optional) */
.star {
  width: 24px;
  /* Adjust as needed */
  height: 24px;
  /* Adjust as needed */
  cursor: pointer;
  transition: transform 0.2s ease;
}

.star:hover {
  transform: scale(1.2);
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.profile-pic img {
  width: 95px;
}

.max-height-80vh {
  max-height: 80vh;
  overflow: auto;
}

/* test popup */
/* test popup */

/* same address */
/* same address */

.address-card,
.address-card-same-as-billing {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 7px;
  cursor: pointer;
  transition: 0.3s;
}

.address-card:hover,
.address-card-same-as-billing:hover {
  background-color: #f8f8f8;
}

.address-card.active,
.address-card-same-as-billing.active {
  background-color: #fff7f7;
  border-color: #ffdede;
}

.edit-link {
  color: red;
  text-decoration: none;
  font-weight: 400;
  /* font-size: 10px; */
  font-size: 16px;
  /* padding: 2px 14px; */
  /* border-radius: 12px; */
  /* border: 1px solid #ff0000; */
  cursor: pointer;
  margin-left: 15px;
}

.edit-link:hover {
  text-decoration: underline;
  color: #000000;
}

.add-new {
  color: #ffffff;
  font-weight: 400;
  cursor: pointer;
  font-size: 12px;
  /* text-decoration: underline; */
  border: 1px solid red;
  border-radius: 12px;
  padding: 6px 18px;
  background-color: #ff0000;
}

.add-new:hover {
  color: #ff0000;
  background-color: #ffffff;

}

.second-form .form-check-input[type="radio"] {
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgb(154, 154, 154);
  border-radius: 50%;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 10px;
}

.second-form .form-check-input[type="radio"]:checked {
  background-color: #fff;
}

.second-form.form-check-input[type="radio"]:checked::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ff0c0cd6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* same address */
/* same address */

/* suggestions for address */
.suggestion-box {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 5px;
}

.suggestion-item {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.suggestion-item:hover {
  background: #f2f2f2;
}

/* Wrapper to position both suggestions and Powered by Google */
#suggestionWrapper {
  position: relative;
}

/* "Powered by Google" positioned below the suggestion box */
.powered-by-google {
  position: absolute;
  top: 100%;
  /* Places it right below the suggestion box */
  right: 10px;
  font-size: 12px;
  color: #888;
  font-family: Arial, sans-serif;
  background: transparent;
  padding-top: 5px;
}

/* home page */
.color-uni {
  color: #1a1a1a !important;
}

/* .hero-container{
  background-image: url(../images/Poster.png);
  min-height: 89vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
} */

.hero-container {
  top: -30px;
  position: relative;
  /* min-height: 587px; */
  /* min-height: 80vh; */
  background-image: url("../images/Poster.png");
  /* Default background image */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  overflow: hidden;
  /* Prevent overflow */
}

/* Video container */
/* .video-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100vh;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.7s ease-in-out;
  pointer-events: none;
} */

/* YouTube iframe styling */
/* .video-container iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
} */

/* Show video after scroll */
.video-visible {
  opacity: 1 !important;
}

/* Background Image (Initially Visible) */
.video-placeholder {
  position: absolute;
  width: 100%;
  background-image: url("../images/Poster.png");
  background-size: cover;
  background-position: center;
  transition: opacity 1s ease-in-out;
  z-index: 1;
}

/* Video Iframe (Initially Hidden) */
#player {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* Hero Text (Initially Visible) */
.hero-content {
  position: absolute;
  bottom: 30px;
  z-index: 3;
  /* Keep text above image */
  color: white;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  max-width: 800px;
  transition: opacity 0.5s ease-in-out;
  /* margin-top: 26%; */
}

p.p-paragrph {
  font-size: 23px;
}

span.span-span {
  font-size: 18px;
}


/* Selected badges container */






/* product selection page popup */
/* product selection page popup */
.selected-badges {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 5px;
}


.badge {
  background: red;
  color: white;
  padding: 6px 10px;
  /* margin: 3px; */
  border-radius: 15px;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 400;
}

.badge i {
  margin-left: 5px;
  cursor: pointer;
}

.remove-btn {
  background: transparent;
  border: none;
  color: #000000;
  font-size: 16px;
  margin-left: 5px;
  cursor: pointer;
}



.btn-fixed-25 {
  width: 423px;
}

.fos-30 {
  font-size: 30px;
}

.padding-universal {
  padding: 60px 72px;
}

.sec-1-get-free {
  background-color: #ffffff !important;
}

.sec-1-inner {
  padding: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;


  box-shadow: 5px 8px 9px -2px #e5e5e5;
}

.sec-1-get-free h1 {
  margin-bottom: 30px;
}

.sec-1-inner span.text-center.fos-30.fw-bold.poppins.color-uni.h1 {
  margin-bottom: 20px;
}

.request-estimate-btn {
  background-color: #ff0000;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 6px;
  padding: 14px 1px;
  border: 1px solid #ff0000;
}

.request-estimate-btn:hover,
.search-btn:hover {
  background-color: #ffffff;
  color: #ff0000;
}

.search-btn {
  background-color: #ff0000;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 6px;
  padding: 20px 57px;
  border: 1px solid #ff0000;
}

.sec-1-inner input::placeholder {
  color: #1a1a1a !important;
}

.sec-1-inner input {
  border-radius: 6px !important;
}

.sec-1-inner select {
  color: #1a1a1a !important;
  border-radius: 6px !important;
}

.search-container {
  background: white;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.search-con {
  gap: 24px;
}

.search-box {
  border: 1px solid #c4c4c4;
  border-radius: 12px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  /* width: 100%; */
}

.search-box input {
  border: none;
  outline: none;
  flex: 1;
  padding-left: 10px;
  background: transparent;
}

.search-box input::placeholder {
  color: #aaaaaa !important;
}

.search-icon img {
  height: 20px;
  opacity: 0.5;
}

.ask-ai-btn {
  background-color: red;
  border: 1px solid #ff0000;
  color: white;
  border-radius: 8px;
  padding: 18px 43px;
  font-weight: bold;
  font-size: 16px;
  transition: 0.3s;
}

.ask-ai-btn:hover {
  background-color: transparent;
  color: #ff0000;
}


.robot-image {
  max-height: 240px;
  height: auto;
  position: absolute;
  bottom: 15px;
  right: 0;
}

.search-section {
  max-width: 900px;
  margin: auto;
}

.sec-ai {
  position: relative;
  border: 1px solid #00000020;
  padding: 30px 40px;
  border-radius: 20px;
  gap: 25px;
}

.sec-2-ai {
  padding: 20px 72px 10px 72px;
}

.sec-3-items {
  padding: 15px 72px 45px 72px;
}

.sec-3-items .pt-50 {
  padding-top: 25px;
}

.padding-4-mob {
  padding-bottom: 120px;
}

.all-items {
  gap: 15px;
  flex-wrap: nowrap !important;
}

.coles div {
  min-height: 150px;
}

.coles {
  width: 25%;
  display: flex;
  gap: 15px;
}

.all-items a {
  text-decoration: none;
}

.all-items .coles .item-box:hover h3 {
  color: #fff !important;
}

.item-box {
  padding: 15px;
  border: 1px solid #70707023;
  border-radius: 20px;
  background-color: #ffffff;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
  min-height: 139px;
}

.item-box h6 {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  transition: all ease-in-out 0.5s;
}

.item-box img {
  min-width: 120px;
  max-width: 120px;
  max-height: 120px;
}

.about-us-sec-1 .fos-18.text-center.mb-30 {
  color: #707070;
}


.item-box:hover {
  border: 1px solid #ff0000;
  background-color: #ff0000;
}

.item-box:hover h6 {
  color: #ffffff;
}

.all-service-btn {
  background-color: #ff0000;
  padding: 17.5px 69px;
  border-radius: 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #ff0000;
  transition: all ease-in-out 0.3s;
}

.all-service-btn:hover {
  background-color: #ffffff;
  color: #ff0000;
}

.mt-10 {
  margin-top: 10px;
}

.mt-10m {
  margin-bottom: -10px;
}

.how-it-works iframe {
  border-radius: 10px;
}

.why-choose-us {
  padding: 50px 0 30px 72px;
}

.why-choose-us h1 {
  font-size: 42px;
  font-weight: 600;
}

.carousel-indicators {
  bottom: -50px;
}

.carousel-indicators button {
  background-color: red !important;
  width: 10px;
  max-width: 10px;
  min-width: 10px;
  height: 10px;
  max-height: 10px;
  min-height: 10px;
  border-radius: 50%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  /* filter: invert(25%) sepia(76%) saturate(4087%) hue-rotate(355deg) brightness(86%) contrast(120%); */
  background-color: red;
  color: #ffffff;
  border-radius: 5px;
}

.carousel-control-next {
  right: -50px;
}

.carousel-control-prev {
  left: -50px;
}

.img-content img {
  min-width: 41px;
  max-width: 41px;
}

.inner-content {
  gap: 30px;
}

.text-content h2 {
  font-size: 18px;
  /* font-size: 20px; */
}

.text-content p {
  font-size: 18px;
  color: #707070;
}

.new-p-clr {
  color: #707070;
}

.inner-content {
  padding: 10px 10px;
}

.customer-saying {
  padding: 40px 72px 55px 72px;
  background-color: #f7f7f7;
}

.read-more-sec {
  padding: 72px 72px;
  background-image: url(../images/read-more-back.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 550px;
}

.read-more-btn {
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #ffffff;
  font-size: 16px;
  padding: 18px 32px;
  border-radius: 6px;
}

.read-more-sec h1 {
  font-size: 16px;
  color: #ff0000;
}

.read-more-sec img {
  width: 100%;
}

.mt-20 {
  margin-top: 50px !important;
}

.state-we-service {
  padding: 40px 72px;
}

.all-states {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 10px;
  padding: 40px 33px;
  background-color: #f7f7f7;
  border-radius: 10px;
  justify-content: center;
}

.state-name {
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  border-radius: 7px;
  font-size: 16px;
  color: black;
}

.state-name:hover {
  border: 1px solid #ff0000;
  background-color: #ff0000;
  color: #ffffff;
}

.how-it-works-2 {
  padding: 20px 72px 20px 72px !important;
}

.text-items-choose h2 {
  font-weight: bold;
  color: #1a1a1a;
}

/* services-page */
.fos-50 {
  font-size: 50px;
}

/* .services-top-sec{
  background-image: url(../images/hero-inner-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 50vh;
  padding: 112px 72px;
} */

.services-top-sec {
  background-image: url(../images/hero-inner-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 400px;
  padding: 90px 43px;
}

.service-we-offer-sec {
  padding: 50px 72px 60px 72px;
}

.mt-100 {
  margin-top: 100px;
}

.data-sec {
  padding: 70px 72px 50px 100px;
}

.data-1-sec,
.data-2-sec {
  background-color: #f7f7f7;
  padding: 30px;
  border-radius: 10px;
}


.all-data-btns,
.selected-btns,
.all-data-btns-2,
.selected-btns-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
}

.data-btn,
.data-btn-2 {
  padding: 10px 30px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  border-radius: 7px;
  background-color: #ffffff;
  color: black;
}

.data-btn:hover {
  color: #ffffff;
  background-color: #ff0000;
  border: 1px solid #ff0000;
}

.data-btn-2:hover {
  color: red;
}

/* Style for selected buttons */
.selected,
.selected-2 {
  border-color: red !important;
  background-color: #f8dede;
}

.selected-btns,
.selected-btns-2 {
  margin-top: 20px;
}


.sec-2-ai-2 {
  padding: 50px 72px;
}

.popular-service {
  padding: 0 72px;
}

.car-we-service {
  padding: 95px 72px;
}

.fos-42 {
  /* font-size: 42px; */
  font-size: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.shadowed {
  box-shadow: 5px 8px 9px -2px #e5e5e5;

}

.single-service-sec-1 {
  padding: 50px 72px 35px 72px;
}

.single-service-sec-1 .fos-20 {
  font-size: 16px !important;
}

.side-form-h1 {
  font-size: 24px;
}


.fw-600 {
  font-weight: 600;
}

.how-it-works-poster {
  background-image: url(../images/works-poster.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.how-it-works-sec-1 {
  padding: 70px 72px 30px 72px;
}

.video-con {
  max-width: 1000px;
}

.video-con iframe {
  border-radius: 20px;
}

.how-it-works-sec-2 {
  padding: 50px 72px 100px 72px;
}

.works-inner-sec {
  max-width: 1000px;
}

.works {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.work-card img {
  margin-bottom: 16px;
}

.work-card h4 {
  font-weight: 600;
}

.work-card p {
  color: #707070;
}

.vertical-line {
  width: 1px;
  height: 100%;
  background-color: #00000026;
}

.book-an-app {
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #ffffff;
  border-radius: 10px;
  padding: 17.5px 108px;
  margin-top: 70px;
  transition: all ease-in-out 0.3s;
  font-size: 18px;
  font-weight: 600;
}

.book-an-app:hover {
  background-color: #ffffff;
  color: #ff0000;
}

/* contact us page */
.contact-sec-1 {
  padding: 50px 16px;
}

.contact-inner {
  border-radius: 20px;
  border: 1px solid #c4c4c4;
  margin-top: -270px;
}

.contact-left a {
  text-decoration: none;
  color: #ffffff;
}

.contact-left {
  background-color: #1294f2;
  padding: 50px 50px 50px 0;
  border-radius: 20px 0 0 20px;
}

.top-heading {
  padding: 0 0 0 75px;
}

.icon-item {
  padding: 26px 0 26px 75px;
  position: relative;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
  z-index: 1;
  /* Lower z-index so content is above */
}

.icon-item img {
  margin-right: 35px;
  width: 23px;
}

.icon-item::after {
  content: "";
  position: absolute;
  background-color: #2a9ff3;
  border: 1px solid #6dbef8;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
  /* Set lower z-index to go behind the content */
}

.icon-item:hover::after {
  left: 0;
  border-radius: 0 10px 10px 0;
  z-index: -1;
  /* Ensure it stays behind content */
}

.social-icons-bottom {
  padding: 28.5px 30.8px 28.5px 0;
  background-color: #ffffff;
  border-radius: 0 25px 25px 0;
  margin-top: 140px;
}

.social-logos {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.social-logos img {
  width: 36px;
}

.contact-right {
  background-color: #ffffff;
  padding: 50px 50px;
  border-radius: 0 20px 20px 0;
}

.check-lable {
  font-size: 14px;
}

.contact-right input {
  min-height: 64px;
  border-radius: 12px;
}

.send-message input[type="checkbox"] {
  max-width: 20px;
  min-width: 20px;
  max-height: 20px;
  min-height: 20px;
  border-radius: 6px;
}

.submit-btn {
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #ffffff;
  border-radius: 10px;
  padding: 17.5px 66px;
  transition: all ease-in-out 0.3s;
}

.submit-btn:hover {
  background-color: #ffffff;
  color: #ff0000;
}

.all-offices {
  row-gap: 30px;
  column-gap: 30px;
}

.single-office {
  width: 31%;
  padding: 20px 20px;
  border: 2px solid #eaeaea;
  border-radius: 12px;
}

.single-office h4 {
  color: #3d3d3d;
}

.my-data-sec {
  margin-top: -30px;
}

.red-loc {
  max-height: 19px;
}

/* login page */
.login-hero {
  min-height: 360px;
  background-image: url(../images/login-hero-mobile.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.image-sec-login {
  min-height: 360px;
  max-height: 788px;
  /* max-height: 360px; */
  background-image: url(../images/login-hero-mobile.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 10px 10px 0;
}

.login-container {
  padding: 50px 72px 50px 0;
}

.fos-40 {
  font-size: 40px;
}

.login-content {
  padding: 20px 0 20px 2.5vw;
  background-color: #ffffff;
}

.color-p {
  color: #707070;
}

.login-form input {
  height: 57px;
}

.login-btn {
  width: 100%;
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #ffffff;
  border-radius: 10px;
  padding: 17.5px 10px;
}

.login-form .form-check-input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.input-container1 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.input-container1 img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  pointer-events: none;
}

input.form-control {
  padding-right: 39px;
}

/* ////////// */
.social-btn {
  padding: 12px 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

.fb-color {
  background-color: #2e5e98;
  border: 1px solid #2e5e98;
}

.gg-color {
  background-color: #000000;
  border: 1px solid #000000;
}

.forget-t {
  margin: 20px 0 20px 0;
}

.text-dangers {
  color: #ff0000;
}

/* service location page */

.service-location {
  background-image: url(../images/service-location.png);
}

.serach-with-text input {
  border: none;
  outline: none;
  background-color: transparent;
  padding-right: 10px;
}

.search-loc {
  position: relative;
  border: 1px solid rgb(99, 99, 99);
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
}

.search-loc img {
  position: absolute;
  right: 20px;
  top: 23px;
  width: 24px;
}

.all-locs {
  gap: 13px;
}

.single-loc {
  /* width: 24%; */
  padding: 20px 20px;
}

/* faqs page */
.faq-page {
  padding: 0px 72px 70px 72px;
  margin-top: -105px;
}

.sign-img {
  margin-left: 0px !important;
  max-width: 80%;
}

.faq-section {
  background-color: #ffffff;
  padding: 30px 30px !important;
  border-radius: 20px;
}

.padding-top-mob {
  background-color: #ffffff;
  padding: 30px !important;
  border-radius: 20px;
}

.faq-item {
  background: white;
  color: black;
  border-bottom: 1px solid #ddd;
  /* margin-bottom: 10px; */
  cursor: pointer;
  padding: 20px 30px 20px 40px;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
}

.faq-item h3 {
  color: #000000;
  /* font-size: 24px; */
  margin-bottom: 0 !important;
  font-weight: 700;
}

.faq-item .minus {
  display: none;
}

.faq-item.active .minus {
  display: block;
}

.faq-item.active {
  padding: 20px 30px 30px 40px;
}

.faq-item.active .plus {
  display: none;
}

.faq-item.active {
  /* background: #edecec; */
  background: #ff0000;
  color: white;
  border: none;
}

.faq-body {
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  padding: 0px 0px;
  /* background: #edecec; */
  /* color: #000000; */
  transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
  border-radius: 0 0 5px 5px;
}

.faq-body.open {
  max-height: 200px;
  padding: 10px 0px 0 0;
}

/* form page */
.form-page input {
  height: 64px;
  border-radius: 12px;
  border: 1px solid #d6d6d6;
  padding: 2px 10px;
  margin-top: 4px;
}

.form-page input:active {
  height: 64px;
  border-radius: 12px;
  border: 1px solid #da0303 !important;
}

.form-sec-2 input[type="checkbox"],
.form-sec-3 input[type="checkbox"] {
  /* background: red; */
  width: 20px;
  max-width: 20px;
  min-width: 20px;
  border-radius: 6px;
  border: 5px solid red !important;
  margin: auto;
  accent-color: #ff0000;
}

input[type="checkbox"]:checked {
  background-color: #ff0000 !important;
  border: 1px solid #ff0000 !important;
}

.form-sec-2 input[type="checkbox"]:checked::before {
  position: absolute;
  background: #ff0000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.check-single {
  max-width: 25% !important;
  min-width: 25%;
  width: auto;
  font-size: 14px;
  height: 40px;
}

.icf-radio-group input[type="radio"] {
  height: 20px;
  width: 20px;
  accent-color: red;

}

.upload-file {
  gap: 10px;
}

.upload-file input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  cursor: pointer;
}

.this-input {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 10px;
  border-radius: 12px;
  cursor: pointer;
  height: 64px;
  border: 1px solid #d6d6d6;
}

/* city page */
.city-page-hero {
  background-image: url(../images/city-page-poster.png);
  min-height: 300px;
}

.form-page-hero {
  min-height: 347px;
  align-items: start;
  padding: 90px 0 0 0;
}

.faq-inner-sec {
  padding: 20px 22px;
}

/* single city page */

.fos-144 {
  font-size: 144px;
}

.fos-32 {
  font-size: 32px;
}

.map-temp-sec {
  padding: 20px 72px;
}

img.me-2 {
  max-width: 50px;
}

.poppins.btn-head {
  font-size: 14px;
}

/* about-us-page */
.about-us-sec-1 {
  padding: 70px 72px;
}

.gap-100 {
  gap: 100px;
}

.our-v-m div {
  width: 50%;
}

.core-1 {
  width: 50%;
}

.core-2 {
  width: 40%;
}

.core-values {
  padding: 50px 50px;
  background-color: #f7f7f7;
}

.core-imgs {
  width: 40px;
}

.meet-tem-sec {
  padding: 0px 72px 70px 72px;
}

.join-team {
  background: #ff0000;
  padding: 100px 90px;
  border-radius: 10px;
  margin-top: 100px;
}

.appointment-btn {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  padding: 17.5px 36.5px;
  color: #ff0000;
  font-size: 18px;
  border-radius: 10px;
}

/* chat button */
/* Chatbot Button */
.chatbot-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: red;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 24px;
  z-index: 1000;
}

/* Chat Popup */
.chatbot-popup {
  position: fixed;
  bottom: 80px;
  right: 20px;
  max-width: 423px;
  min-width: 423px;
  min-height: 645px;
  max-height: 645px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 1000;
}

.chat-header {
  background: black;
  color: white;
  padding: 20px 22.7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.back-logo {
  gap: 30px;
}

.chat-body {
  padding: 10px;
  display: none;
  /* flex-direction: column; */
}

.chat-body-2 {
  min-height: 500px;
  max-height: 500px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.chat-footer {
  padding: 10px;
  border-top: 1px solid #ccc;
  display: none;
  align-items: center;
  gap: 5px;
}

.message-input {
  border: none;
  outline: none;
}

.message {
  max-width: 70%;
  padding: 8px;
  /* margin: 5px 0; */
  border-radius: 10px;
  font-size: 14px;
}

.user-msg {
  /* background: rgb(227, 227, 227); */
  background: rgb(239, 239, 239);
  align-self: flex-start;
}

.admin-msg {
  background: rgb(239, 239, 239);
  /* background: lightblue; */
  align-self: flex-end;
}

.admin-msg-name {
  align-self: flex-end;
}

.user-msg-name,
.admin-msg-name {
  font-size: 12px;
  font-weight: bold;
  padding: 0;
}

/* User Form */
.chat-form {
  padding: 40px;
}

.chat-form input[type="checkbox"] {
  max-width: 22px;
  min-width: 22px;
}

.chat-checkbox {
  margin: 5px 0 20px 0;
}

.chat-form p,
.form-check-pop {
  color: #707070;
  font-size: 16px !important;
}

.chat-form input {
  height: 56px;
  padding: 16px 20px;
}

.start-chat {
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 6px;
  border: 1px solid #ff0000;
  padding: 15px 39px;
  transition: all ease 0.3s;
}

.start-chat:hover {
  background-color: #ffffff;
  color: #ff0000;
  border: 1px solid #ff0000;
}

/* Emoji Picker */
.emoji-picker {
  position: absolute;
  bottom: 60px;
  right: 20px;
  display: none;
  z-index: 1001;
}

.plus-icon,
.emoji-btn {
  border: none;
  padding: 5px;
  margin-left: 5px;
  background: none;
}

/* Plus Menu */
.plus-menu {
  position: absolute;
  bottom: 60px;
  right: 20px;
  background: #f1f1f1;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 8px;
  padding: 5px;
  display: none;
  flex-direction: column;
  gap: 5px;
  z-index: 9999999999999;
}

.options-of-plus a {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  padding: 5px 10px;
}

.plus-menu button {
  width: 100%;
  border: none;
  padding: 8px;
  cursor: pointer;
}



#popup-options {
  position: absolute;
  bottom: 60px;
  right: 10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#popup-options button {
  border: none;
  background: none;
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  width: 100%;
}

#popup-options.hidden {
  display: none;
}

/* chat button */

.cart-img {}

.nav-custom:hover {
  border-bottom: none !important;
}

.sec-2-ai-22 {
  padding-top: 70px !important;
}

.contact-us-poster {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: start;
  padding: 70px 0 0 0;
}

.padding-42-mob {
  padding-top: 10px;
}

.pt-50 {
  padding-top: 50px;
}

.profile-details-2 {
  padding: 40px 40px 140px;
  background-color: #ffffff;
  height: 100%;
}

.fos-26 {
  font-size: 26px;
}

.data-1-sec .fos-26 {
  font-size: 24px;
}

.mt-50 {
  margin-top: 50px;
}

.cust-form label {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 15px;
}

.cust-form input[type="radio"] {
  max-width: 20px !important;
  max-height: 20px;
  min-width: 20px;
  padding: 10px;
}

.cust-form input[type="radio"]:checked::after {
  width: 10px;
  height: 10px;
}

.cust-form input {
  max-height: 52px;
  border-radius: 12px !important;
  background-color: #f8f8f8;
  padding: 16px 16px;
  border: 1px solid #B2B2B29E;
}

.cust-form select {
  max-height: 53px;
  border-radius: 12px !important;
  background-color: #f8f8f8;
  padding: 12px 16px 12px 16px;
  border: 1px solid #B2B2B29E;
}

.email-not {
  font-size: 12px;
}

.side-bar-cust {
  background-color: #f9f9f9 !important;
}

.side-bar-cust ul li a {
  font-size: 16px;
  font-weight: 400 !important;
}

.submenu {
  /* display: none; */
  flex-direction: column;
  padding-left: 40px !important;
}

.submenu li a {
  color: #000;
  position: relative;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.submenu.active {
  padding-left: 30px;
  display: flex;
}

.side-bar-cust ul li a:hover,
.side-bar-cust ul li a.active {
  /* font-size: 16px; */
  font-weight: 600 !important;
  color: #ff0000 !important;
}

.customer-dashboard .sidebar .nav-item {
  font-family: 'poppins' !important;
}

.customer-dashboard .sidebar .nav-item:hover,
.customer-dashboard .sidebar .nav-item.active {
  border-left: 4px solid #ff0000 !important;
  background-color: rgb(255, 00, 0, 0.05) !important;
}

.customer-dashboard .sidebar .nav-item:hover a,
.customer-dashboard .sidebar .nav-item.active a {
  font-weight: 600 !important;
  color: #ff0000;
}

.customer-dashboard .sidebar .nav-item .submenu li a {
  font-weight: 400 !important;
  color: #000 !important;
  font-size: 14px;
  font-family: 'poppins';
}

.customer-dashboard .sidebar .nav-item .submenu li a:hover,
.customer-dashboard .sidebar .nav-item .submenu li a.active {
  font-weight: 600 !important;
  color: #ff0000 !important;
  position: relative;
}

.customer-dashboard .sidebar .submenu li a.active::after {
  content: '';
  width: 24px;
  height: 2px;
  background-color: #ff0000;
  position: absolute;
  top: 50%;
  margin-right: 10px;
  right: 0;
}

.customer-dashboard .sidebar .submenu li a.active::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #ff0000;
  position: absolute;
  top: 40%;
  margin-right: 34px;
  right: 0;
}

.customer-dashboard .sidebar .nav-item .submenu li.active a.active {
  font-weight: 600 !important;
  color: #ff0000;
}



.make-default {
  max-width: 31px !important;
  max-height: 31px !important;
  /* min-width: 31px !important; */
  border: 2px solid #000 !important;
}

.check-cust .address-card {
  align-items: center;
  margin-bottom: 20px;
}

.check-cust {
  border-top: 1px solid #0000002d;
  padding: 20px 0 0 0;
}

.input-container1 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.input-container1 img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  pointer-events: none;
}

input.form-control {
  padding-right: 39px;
  height: 52px;
  /* height: 67px; */
}



.border>*:first-child {
  margin-top: 0;
}

/* customer profile pages */




.row {
  display: flex;
  flex-wrap: wrap;
  /* gap: 15px;  */
  justify-content: space-between;
}

.col-md-3:first-child {
  flex: 1.5;
}

.col-md-3:nth-child(2) {
  flex: 1;
}

.col-md-3:last-child {
  flex: 1.5;
}

.form-select,
.search-box {
  background-color: #f8f8f8 !important;
  border: 1px solid #b2b2b240 !important;
  border-radius: 12px;
  padding: 10px;
  font: 400 14px / 22px "Poppins", sans-serif;
  /* width: 100%; */
  letter-spacing: 1px;
}

i.fa-solid.fa-magnifying-glass {
  color: grey;
}

.search-box {
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.search-box input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  margin-left: 5px;
  letter-spacing: 1px;
}

h2.h2-text {
  font-size: 30px;
  font-weight: 600;
  /* line-height: 36px; */
  color: #1a1a1a;
  font: 600 30px / 30px "poppins";
  margin-bottom: 16px;
  font-weight: bold;
}

.inner-order-details1 {
  text-align: center;
  padding: 40px 20px;
  width: 100%;
  height: 500px;
  background: #f9f9f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Poppins", sans-serif;
}

.table-striped thead tr th {
  padding-top: 23px;
  padding-bottom: 23px;
}


.order-icon {
  width: 170px;
  margin-bottom: 15px;
}

p.ptag {
  font-size: 14px;
  color: #707070;
  font-weight: 400;
  font: 400 14px / 22px "poppins";
}

.order-btn {
  background-color: #ff0000;
  color: white;
  border: none;
  padding: 12px 12px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  width: 200px;
  font: 600 16px / 22px "poppins";
  margin-top: 23px;
}

.order-btn:hover {
  background-color: #d32f2f;
}

.pagination .page-item .page-link {
  color: black;
  border: 2px solid #ddd;
  /* Initially 2px to avoid shifting */
  background: white;
  padding: 8px 12px;
  margin: 0 4px;
  outline: none !important;
  /* Blue border remove */
  box-shadow: none !important;
  /* Extra border remove */
}

/* Active Page - Red Border & Red Text */
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link.active {
  border: 2px solid red !important;
  background: white !important;
  color: red !important;
  outline: none !important;
}

/* Hover Effect */
.pagination .page-item .page-link:hover {
  border: 2px solid red !important;
  color: red !important;
}

/* Previous & Next Arrow Styling */
.pagination .page-item .page-link i {
  font-size: 14px;
}

/* Disabled Previous Button & Icons */
.pagination .page-item.disabled .page-link {
  color: #bbb !important;
  /* Grey color for text */
  cursor: not-allowed;
  border: 2px solid #ddd !important;
  /* Keep same border size */
}

/* Disabled Icons Grey */
/* .pagination .page-item.disabled .page-link i {
  color: #bbb !important;
} */
.pagination .page-item .page-link {
  color: black;
  border: 2px solid #ddd;
  /* Initially 2px to avoid shifting */
  background: white;
  padding: 8px 12px;
  margin: 0 4px;
  outline: none !important;
  /* Blue border remove */
  box-shadow: none !important;
  /* Extra border remove */
}

/* Active Page - Red Border & Red Text */
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link.active {
  border: 2px solid red !important;
  background: white !important;
  color: red !important;
  outline: none !important;
}

/* Hover Effect */
.pagination .page-item .page-link:hover {
  border: 2px solid red !important;
  color: red !important;
}

/* Previous & Next Arrow Styling (Always Grey) */
.pagination .page-item .page-link i {
  font-size: 14px;
  color: grey !important;
  /* Icons always grey */
}

/* Border Fix on Click (For All Buttons) */
.pagination .page-item .page-link:active {
  border: 2px solid red !important;
}

.book-service {
  color: red;
  font-weight: bold;
}

ul.pagination.justify-content-end {
  margin-top: 13px;
}

a.btn.table-btn1 {
  color: red;
}

.custom-dropdown {
  position: relative;
  width: 100%;
}






#contentBox {
  display: none;
}


.form-new-add input {
  height: 53px !important;
}



/* single order */
/* single order */
/* single order */
/* single order */
/* single order */
/* single order */
#single-order-details {
  display: none;
}

.fos-10 {
  font-size: 10px;
}

.single-order-table .fos-12 {
  font-size: 12px;
}

.info-box {
  background: #F8FAFB;
  border-radius: 10px;
  padding: 15px 20px;
  width: 100%;
  border: 1px solid #dee2e6;
}

.info-item {
  flex: 1;
  width: 100%;
  padding: 10px;
  margin: 0.25rem 0;
}

.info-item span {
  display: block;
  color: #888;
  font-size: 10px;
  margin-bottom: 5px;
  font-weight: 400;
}

.info-item strong {
  display: block;
  font-weight: 500;
  font-size: 12px;
  color: #1a1a1a;
}


.single-order-table .table-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.single-order-table .table {
  border-collapse: collapse;
  background: white;
  color: black;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.single-order-table .table th,
.single-order-table .table td,
.summary-table th,
.summary-table td {
  padding: 22px 10px;
  text-align: start;
  border-bottom: 1px solid #ddd;
}

.single-order-table .table th {
  background-color: #F9F9F9;
  font-weight: bold;
}

.single-order-table table tbody tr :nth-child(1) {
  width: 5%;
}

.single-order-table table tbody tr :nth-child(2) {
  width: 25%;
}

.single-order-table table tbody tr :nth-child(3) {
  width: 10%;
}

.single-order-table table tbody tr :nth-child(4) {
  width: 30%;
}

.single-order-table table tbody tr :nth-child(5) {
  width: 10%;
}

.single-order-table table tbody tr :nth-child(6) {
  width: 20%;
}

.alternate-row {
  background-color: white;
  color: #707070;
  font-weight: 400;
  font-size: 14px;
}

.alternate-row1 {
  background-color: #FCFCFC;
  color: #707070;
  font-weight: 400;
  font-size: 14px;
}

.more {
  color: red;
  font-weight: bold;
  cursor: pointer;
}

.summary-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.summary-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  color: #707070;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
}

.summary-table td {
  padding: 22px 10px;
  text-align: right;

}

.summary-table .total-row {
  background-color: #e9ecef;
  font-weight: bold;
  color: black;

}

/* .summary-table tr:last-child td {
  border-bottom: 2px solid black;
} */
strong {
  color: black;
}




.images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

.images img {
  width: 93px;
  height: 93px;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease-in-out;
}

.images img:hover {
  transform: scale(1.05);
}


.recommendation-heading {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.recommendation-box {
  background: #f5f5f5;
  padding: 16px 16px;
  border-radius: 12px;
  font-size: 16px;
  color: #555;
}

.single-order-btns {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.single-order-btn {
  padding: 17.5px 54px;
  border-radius: 10px;
  color: #ffffff;
  border: none;

}

.cncl-ordr {
  background-color: #000000;
}

.reshdl-btn {
  background-color: #ff0000;
}

.single-order-table {
  font-size: 14px;
}


/* customer profile pages */
/* customer profile pages */
/* customer profile pages */
/* customer profile pages */

/* responsive */

/* 1260px screen */



.back-to-form-btn {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  background-color: red;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 30px;
  font-weight: bold;
  z-index: 9999 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Jab show class add ho tab dikhai de */
.back-to-form-btn.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}






footer {
  background: #E9E9E9;
  padding: 48px 0px 0px;
}

.social-widget {
  margin-top: 45px;
}

.social-widget h6 {
  font: 700 16px/22px 'poppins'
}

.social-widget .navbar-expand .navbar-nav .nav-item {
  margin-right: 12px;
}

.social-widget .navbar-expand .navbar-nav .nav-link {
  padding: 0px;
}

footer h5 {
  font: 700 16px/20px 'poppins';
  color: #1A1A1A;
}

footer .nav-link {
  font: 400 14px/20px 'poppins';
  color: #1A1A1A;
}

footer .nav-link:hover,
footer .nav-link:focus {
  color: #ff0000;
}

footer .nav-link span {
  margin-right: 8px;
}

.copyright-text {
  border-top: 0.5px solid #70707070;
  padding: 1rem 0rem;
}

/* .copyright-text p{font:400 14px/20px 'poppins Regular';color: #1A1A1A;} */
.mobile-coupan p {
  font: 12px/16px 'poppins';
}

.top-nav.bg-dark {
  padding: 5px 0px;
  background: #18191F;
}

.top-nav .nav-link,
.top-nav .nav-link p {
  font: 14px/24px 'poppins';
}

.top-nav a.nav-link:hover,
.top-nav a.nav-link:focus {
  color: #FF0000 !important;
}

.top-nav a.nav-link:hover svg path,
.top-nav a.nav-link:focus svg path {
  fill: #FF0000;
}

.coupan-text.border {
  color: #FFF;
  border: 0.5px dashed #fff !important;
  padding: 4px 16px;
  background: rgba(255, 255, 255, 0.1);
}

.bg-red {
  background-color: #ff0000;
}





/* ///////////////////// */

.btn-back {
  background: #000000;
  border: 1px solid #000000;
  padding: 12px 32px;
  border-radius: 10px;
  color: #ffffff;
}

.btn-back:hover {
  border: 1px solid #000000;
  background: #ffffff;
  color: #000000;
}

.ICF-Theme .btn-primary {
  background: #ff0000;
  border: 1px solid #ff0000;
  padding: 12px 32px;
  border-radius: 10px;
}

.ICF-Theme .btn-primary:hover,
.ICF-Theme .btn-primary.active,
.ICF-Theme .btn-primary:focus,
.ICF-Theme .btn-primary:focus-visible,
.ICF-Theme .btn-primary:focus-within,
.ICF-Theme .btn-primary:active {
  background: #ffffff !important;
  border: 1px solid #ff0000;
  border-radius: 10px;
  box-shadow: none;
  color: #ff0000 !important;
  /* Optional: Remove default focus outline */
}

.top-nav .nav-link,
.top-nav .nav-link p {
  /* font: 14px/24px 'Open Sans'; */
}





.ICF-Theme .form .form-control,
.ICF-Theme .form .form-select {
  /* min-height: 64px; */
  min-height: 52px;
  border: 1px solid #B2B2B29E;
  /* font: 600 normal 16px/28px 'Open Sans'; */
  color: #1A1A1A;
  border-radius: 12px !important;
  padding: 10px 24px;
  margin-bottom: 20px;
  font-size: 17px;
}

.ICF-Theme .form .form-select {
  margin-top: 4px;
}



.how-it-works .number {
  background: #ff0000;
  min-width: 32px;
  height: 32px;
  border-radius: 6px;
  padding: 4px;
  margin-right: 1.5rem;
}

.number-text h3.h5 {
  font-size: 18px !important;

}

.how-it-works p {
  font-size: 14px !important;
}

.bkline:after {
  content: " ";
  position: absolute;
  /* background-image: url(data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='red' stroke-width='1' stroke-dasharray='4%2c 7' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e); */
  opacity: 0.4;
  top: 30px;
  left: 15px;
  width: 1px;
  height: 100px;
}




.bkline:after {
  content: " ";
  position: absolute;
  opacity: 0.4;
  top: 30px;
  left: 15px;
  width: 1px;
  height: 100px;
  /* background: red; */
  border: 1px red dashed;
}



.number-text h5 {
  font: 400 18 / 28px 'poppins';
  color: #1A1A1A;
}

.navbar-cd .nav-link:hover {
  border-bottom: 0px;
}

.customer-dashboard {
  background: #f7f7f7;
}

.customer-dashboard .sidebar {
  background-color: #fff;
  padding: 0px;
}

.customer-dashboard .sidebar .nav-item {
  border-left: 4px solid #ff000000;
  padding: 8px 0px;
}

.customer-dashboard .sidebar .nav-item svg {
  margin: 0px 18px 0 0px;
}

.customer-dashboard .sidebar .nav-item .nav-link {
  font: 600 16px/22px;
  color: #1A1A1A;
  text-align: left;
}

.customer-dashboard .sidebar .nav-item:hover,
.customer-dashboard .sidebar .nav-item.active {
  border-left: 4px solid #ff0000;
  background-color: rgb(255, 00, 0, 0.05);
}

.customer-dashboard .sidebar .nav-item:hover svg path,
.customer-dashboard .sidebar .nav-item.active svg path {
  stroke: #FF0000;
  fill: #FF0000;
}

.customer-dashboard .sidebar .nav-item.red .nav-link {
  color: #FF0000;
}

.customer-dashboard .profile-details {
  padding: 40px 40px;
  background-color: #e4e4e4;
}

.customer-dashboard .profile-details .mb-4.fw-semibold {
  margin-bottom: 16px !important;
  font-weight: 500 !important;
}








/* ////////////////////////////////// */


.table-v1 thead {
  background: #F9F9F9;
}

.table-v1 th {
  font: 400 normal 14px/20px 'poppins';
  color: #232C3D;
  border: none;
  padding: 15px 8px;
  vertical-align: middle;
}

.table-v1.table-striped tr td {
  font: 400 normal 14px/20px 'poppins';
  color: #707070;
  vertical-align: middle;
  border-bottom: 0px;
}

.table-v1.table-striped tr:nth-of-type(odd) td {
  color: #707070;
  background: #FFFFFF;
  box-shadow: none;
}

.table-v1.table-striped tr:nth-of-type(even) td {
  color: #707070;
  background: #FCFCFC;
  box-shadow: none;
}

.table-v1 .table-btn {
  font: 400 normal 10px/24px 'poppins';
  color: #ffffff;
  padding: 2px 14px;
  background-color: #ff0000;
  border-radius: 12px;
  border: 1px solid #ff0000;
}

.hero-text-overlay h1 {
  font-size: 3rem;
  /* desktop size */
}

.table-v1.table-v1-2 {
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-radius: 10px;
}

.table-v1.table-v1-2 thead {
  background: #F7F7F7;
  border-radius: 7px 7px 0px 0px;
}

.table-v1.table-v1-2 thead th {
  padding: 0.5rem 0.5rem;
}

.table-v1.table-v1-2 th,
.table-v1.table-v1-2 td {
  font: 400 normal 14px/20px 'poppins';
  color: #707070;
  border-bottom-width: 0px;
  box-shadow: none;
}




.red {
  color: #FF0000;
}

.red-icon {
  color: #FF0000;
  border: 1px solid #ff0000;
}

.red-icon:hover {
  color: #FFffff;
  background: #ff0000;
  border: 1px solid #ff0000;

}






.ICF-Theme .form .form-control.zipcode {
  /* background: #FFFFFF url(../images/location-mark.svg) no-repeat 20px center; */
  padding-left: 55px;
  font-family: 'poppins';
}

.bg-cus-tr {
  background-color: #f8f8f8 !important;
}

.zip-icon {
  position: absolute;
  left: 25px;
  top: 15%;
  /* transform: translateY(-50%); */
  /* transform: translateY(-65%); */
}

.inner-div .toast.badge .toast-body {
  padding: 0px;
  font: 500 normal 14px/30px 'poppins';
  color: #1A1A1A;
  display: inline;
}

.ICF-Theme .inner-div .nav-pills {
  border: 1px solid #E9E9E9;
}

.ICF-Theme .inner-div .nav-pills .nav-item {
  width: 100%;
  margin-right: 0px;
}

.ICF-Theme .inner-div .nav-pills .nav-link {
  border-left: 5px solid #ff000000;
  border-bottom: 1px solid #E9E9E9;
  font: 400 normal 15px/18px 'poppins';
  color: #1A1A1A;
  padding: 12px 18px;
  text-align: left;
  width: 100%;
}

.ICF-Theme .inner-div .nav-pills .nav-link svg path {
  fill: #000;
}

.ICF-Theme .inner-div .nav-pills .nav-link:hover,
.ICF-Theme .inner-div .nav-pills .nav-link.active {
  border-left: 5px solid #FF0000;
  color: #FF0000;
  background: rgba(255, 00, 00, 0.05);
  border-radius: 0px;
}



/* /////////////////////////////////////////////////////// */

















.inner-div .toast.badge {
  width: auto;
  background: #E7EDFD;
  border-radius: 20px;
  border: 0px;
  box-shadow: none;
  padding: 0px 10px;
  align-items: center;
}

.ICF-Theme .inner-div table.table tbody td .btn.table-btn.green {
  color: #FFFFFF;
  background: #49C21F;
  border: 1px solid #49C21F;
}

.ICF-Theme .inner-div table.table tbody td .btn.table-btn {
  border: 1px solid #ff0000;
  padding: 6px 16px;
  font: 600 normal 16px / 18px 'poppins';
  color: #FF0000;
}

.crossred {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM14.3 14.3C14.2075 14.3927 14.0976 14.4663 13.9766 14.5164C13.8557 14.5666 13.726 14.5924 13.595 14.5924C13.464 14.5924 13.3343 14.5666 13.2134 14.5164C13.0924 14.4663 12.9825 14.3927 12.89 14.3L10 11.41L7.11 14.3C6.92302 14.487 6.66943 14.592 6.405 14.592C6.14057 14.592 5.88698 14.487 5.7 14.3C5.51302 14.113 5.40798 13.8594 5.40798 13.595C5.40798 13.4641 5.43377 13.3344 5.48387 13.2135C5.53398 13.0925 5.60742 12.9826 5.7 12.89L8.59 10L5.7 7.11C5.51302 6.92302 5.40798 6.66943 5.40798 6.405C5.40798 6.14057 5.51302 5.88698 5.7 5.7C5.88698 5.51302 6.14057 5.40798 6.405 5.40798C6.66943 5.40798 6.92302 5.51302 7.11 5.7L10 8.59L12.89 5.7C12.9826 5.60742 13.0925 5.53398 13.2135 5.48387C13.3344 5.43377 13.4641 5.40798 13.595 5.40798C13.7259 5.40798 13.8556 5.43377 13.9765 5.48387C14.0975 5.53398 14.2074 5.60742 14.3 5.7C14.3926 5.79258 14.466 5.90249 14.5161 6.02346C14.5662 6.14442 14.592 6.27407 14.592 6.405C14.592 6.53593 14.5662 6.66558 14.5161 6.78654C14.466 6.90751 14.3926 7.01742 14.3 7.11L11.41 10L14.3 12.89C14.68 13.27 14.68 13.91 14.3 14.3Z' fill='%23FF0000'/%3E%3C/svg%3E")no-repeat center center;
  width: 20px;
  height: 20px;
}










.sidebar.sticky-md-top {
  top: 160px;
  z-index: 0;
}

.inner-div {
  padding: 0.7rem;
  background: #FFFFFF;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  /* margin-bottom: 16px; */
}

.innerpage-text h5 {
  font: 500 26px / 24px 'poppins';
  color: #1A1A1A;
}

.ICF-Theme .inner-div table.table tbody td:last-child {
  text-align: end;
}

.ICF-Theme .inner-div .table.table-bill td {
  color: #707070;
}

.ICF-Theme .inner-div .table.table-bill th,
.ICF-Theme .inner-div .table.table-bill td {
  border: none;
}

.ICF-Theme .inner-div table.table tbody td {
  border-bottom: 1px dashed #EEEEEE;
  font: 400 normal 14px / 19px 'poppins';
  color: #1A1A1A;
}

.ICF-Theme .inner-div .table.table-bill .form-control {
  border: none;
  background: #f7f7f7;
  font: 400 normal 14px / 20px 'poppins';
  color: #707070;
  padding: 12px;
}


.ICF-Theme .btn-darkred {
  font: 500 normal 18px / 26px 'poppins';
  color: #FFFFFF;
  background: #FF0000;
  border-radius: 8px;
  padding: 15px 24px;
}

.ICF-Theme .btn-dark {
  font: 500 normal 18px / 26px 'poppins';
  color: #FFFFFF;
  background: #1A1A1A;
  border-radius: 8px;
  padding: 15px 24px;
  font-feature-settings: 'salt' on, 'liga' off;
}



/* ///////////////////////////////////////// */

.order-details {
  background-color: #ffffff;
  width: 100%;
  padding: 40px 40px !important;
}

.row {
  display: flex;
  flex-wrap: wrap;
  /* gap: 15px;  */
  justify-content: space-between;
}




.col-md-3:first-child {
  flex: 1.5;
}

.col-md-3:nth-child(2) {
  flex: 1;
}

.col-md-3:last-child {
  flex: 1.5;
}





i.fa-solid.fa-magnifying-glass {
  color: grey;
}



.search-box {
  display: flex;
  align-items: center;
  padding-left: 10px;
}




.search-box input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  margin-left: 5px;
  letter-spacing: 1px;
}



h2.h2-text {
  font-size: 30px;
  font-weight: 600;
  /* line-height: 36px; */
  color: #1A1A1A;
  font: 600 30px / 30px 'poppins';
  margin-bottom: 16px;
  font-weight: bold;
}



.order-icon {
  width: 170px;
  margin-bottom: 15px;
}





p.ptag {
  font-size: 14px;
  color: #707070;
  font-weight: 400;
  font: 400 14px / 22px 'poppins';
}





.order-btn {
  background-color: #FF0000;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  width: 200px;
  font: 600 14px / 20px 'poppins';
  margin-top: 23px;
}



.order-btn:hover {
  background-color: #D32F2F;
}




.pagination .page-item .page-link {
  color: black;
  border: 2px solid #ddd;
  /* Initially 2px to avoid shifting */
  background: white;
  padding: 8px 12px;
  margin: 0 4px;
  outline: none !important;
  /* Blue border remove */
  box-shadow: none !important;
  /* Extra border remove */
}


/* Active Page - Red Border & Red Text */
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link.active {
  border: 2px solid red !important;
  background: white !important;
  color: red !important;
  outline: none !important;
}

/* Hover Effect */
.pagination .page-item .page-link:hover {
  border: 2px solid red !important;
  color: red !important;
}

/* Previous & Next Arrow Styling */
.pagination .page-item .page-link i {
  font-size: 14px;
}





/* Disabled Previous Button & Icons */
.pagination .page-item.disabled .page-link {
  color: #bbb !important;
  /* Grey color for text */
  cursor: not-allowed;
  border: 2px solid #ddd !important;
  /* Keep same border size */
}





/* Disabled Icons Grey */
/* .pagination .page-item.disabled .page-link i {
  color: #bbb !important; 
} */
.pagination .page-item .page-link {
  color: black;
  border: 2px solid #ddd;
  /* Initially 2px to avoid shifting */
  background: white;
  padding: 8px 12px;
  margin: 0 4px;
  outline: none !important;
  /* Blue border remove */
  box-shadow: none !important;
  /* Extra border remove */
}

/* Active Page - Red Border & Red Text */
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link.active {
  border: 2px solid red !important;
  background: white !important;
  color: red !important;
  outline: none !important;
}

/* Hover Effect */
.pagination .page-item .page-link:hover {
  border: 2px solid red !important;
  color: red !important;
}

/* Previous & Next Arrow Styling (Always Grey) */
.pagination .page-item .page-link i {
  font-size: 14px;
  color: grey !important;
  /* Icons always grey */
}

/* Border Fix on Click (For All Buttons) */
.pagination .page-item .page-link:active {
  border: 2px solid red !important;
}

.book-service {
  color: red;
  font-weight: bold;
}

ul.pagination.justify-content-end {
  margin-top: 13px;
}

a.btn.table-btn1 {
  color: red;
}







.custom-dropdown {
  position: relative;
  width: 100%;
}

/* Selected area styling */
.selected-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #b2b2b240;
  border-radius: 12px;
  cursor: pointer;
  background: #F8F8F8;
  font-size: 16px;
  font-weight: 500;
}

/* Icon aur text ko saath me laane ke liye */
.icon-text {
  display: flex;
  align-items: center;
  gap: 8px;
  /* Space between icon and text */
}

.icon-text img {
  width: 20px;
  height: 20px;
}


.selected-options .default-text {
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.5px;
  font: 400 14px / 22px 'Poppins', sans-serif;
}

.selected-options i {
  transition: transform 0.3s;
}

/* Rotate arrow when dropdown opens */
.selected-options.active i {
  transform: rotate(180deg);
}




/* Dropdown Content */
.dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  font: 400 14px / 22px 'Poppins', sans-serif;
  padding: 10px;
}

/* Show dropdown when active */
.dropdown-content.show {
  display: block;
}

/* Search Box */
.search-box1 {
  border: 1px solid #ccc;
  /* Border added */
  outline: none;
  background: white;
  width: 100%;
  padding: 8px;
  border-radius: 12px;
  font-size: 14px;
  letter-spacing: 1px;
}

/* Options Grid (2-column layout) */
.options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* Two columns */
  gap: 10px;
  /* Space between items */
  max-height: 220px;
  overflow-y: auto;
  padding: 10px;
}


/* Styling for checkboxes & labels */
.options label {
  display: flex;
  align-items: center;
  gap: 4px;
  font: 400 14px / 22px 'Poppins', sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
  color: black;
  padding: 5px;
  border-radius: 4px;
}

/* Fix Checkbox Styling */
.options input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

/* Checkbox checked state */
.options input[type="checkbox"]:checked {
  background: red;
  border-color: red;
}


/* Correct Checkmark */
.options input[type="checkbox"]:checked::before {
  content: "✔";
  color: white;
  font-size: 12px;
  position: absolute;
  left: 1px;
  top: -4px;
}

.car-select {
  appearance: none;
  /* Remove default browser styles */
  background-image: url('../images/car.svg'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M7 10l5 5 5-5z"/></svg>');
  /* Car icon + dropdown arrow */
  background-repeat: no-repeat, no-repeat;
  background-position: 8px center, right 10px center;
  /* Car icon left, arrow right */
  background-size: 20px, 16px;
  padding-left: 35px;
  /* Space for car icon */
  padding-right: 30px;
  /* Space for dropdown arrow */
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 45px;
  font-size: 16px;
  cursor: pointer;
}

.service-select {
  appearance: none;
  /* Remove default browser styles */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M7 10l5 5 5-5z"/></svg>');
  /* Car icon + dropdown arrow */
  background-repeat: no-repeat, no-repeat;
  background-size: 20px, 16px;
  padding-right: 30px;
  /* Space for dropdown arrow */
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 45px;
  font-size: 16px;
  cursor: pointer;
}

.service-select option {
  font-size: 14px !important;
}




/* 
.form.form-book-service input[type="radio"].form-check-input {
  width: 20px;
  height: 20px;
  border: 1px solid #1294F2;
  margin-right: 8px;
}
.div-border {
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  padding: 24px;
} */

/* Whole section container */


/* Headings */
/* .inner-div h5 {
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.4rem;
} */
.inner-div h5 {
  font-weight: 500;
  margin-bottom: 1rem;
  font-size: 18px;
}

.inner-div .bordered-h5 {
  margin-bottom: 20px !important;
}

.inner-div .bordered-h5.bordered-h5-2 {
  margin-bottom: -15px !important;
}






.form-check1 {
  margin: 5px 10px 0 10px;
  display: flex;
  align-items: center;
  /* gap: 7px; */
  /* Adds spacing between checkbox/radio and label */
}

.card-custom {
  border-radius: 10px;
  padding: 15px 15px 0px;
  background-color: #F7F7F7;
  /* margin-bottom: 10px; */
  border: 1px solid #E9E9E9;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.card-custom .mb-3 {
  margin-bottom: -10px !important;
}

.card-custom .mt-3 {
  margin-top: 5px !important;
}

.card-custom .option-label {
  font-size: 14px;
}

.form-check1 {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

/* Common sizing */
.form-check-input[type="radio"],
.form-check-input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin-top: 0px;
  box-shadow: none;
  outline: none;
  position: relative;
}

/* RADIO BUTTONS ONLY */

/* Default radio border: black */
.form-check-input[type="radio"] {
  border: 1px solid #000;
}

/* Checked radio: blue border */
.form-check-input[type="radio"]:checked {
  border-color: #ff0c0cd6;
}

/* Inner blue dot */


/* CHECKBOX — UNCHANGED */
.form-check-input[type="checkbox"] {
  border: 2px solid #ccc;
}

.form-check-input[type="checkbox"]:checked {
  background-color: #ff0c0cd6;
  border-color: #ff0c0cd6;
}

.form-check-input[type="checkbox"]:checked::after {
  filter: brightness(10);
}

.divider {
  border-bottom: 1px solid #dcdcdc;
  margin: 10px 0;
}

.form-label {
  font: 500 16px/18px 'Poppins', sans-serif;
}

.new-form .form-label {
  font: 500 16px/18px 'Poppins', sans-serif;
}

.form-check-input {
  vertical-align: middle;
}

.option-label {
  font-weight: 500;
  font-size: 18px;
  color: #353535;
  margin: 0;
  /* Remove margin-left since gap handles spacing */
}

.price-text {
  font-size: 16px;
  font-weight: 500;
  color: #ff0c0cd6;

}

/* Responsive tweaks */



/* Custom gap between the form-check1 elements */
.newcheck .form-check1 {
  margin-right: 20px;
  /* Custom right margin */
}

/* Optional: Add margin to the vr divider if needed */
.newcheck .vr {
  margin-left: 20px;
  /* Custom left margin for divider */
}

/* Optional: Adjust the gap between label and checkbox */
.option-label {
  margin-left: 8px;
  /* Adjust the gap between the checkbox and label */
}

label.form-check-label.option-label.ms-2.left {
  margin-right: 6px;
}

.preferred-time-wrapper {
  /* padding: 1rem; */
}

.section-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.time-slots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
}

.time-slot {
  padding: 1rem;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  text-align: center;
  color: #5F5F5F;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
  background-color: #fff;
  font: 500 16px/26px 'Poppins', sans-serif;

}

.time-slot:hover {
  border-color: #ff3b30;
  color: #ff3b30;
  background-color: #fff5f5;
}

.time-slot:hover {
  background-color: red;
  color: #fff;
}

/* Active state */
.time-slot.active {
  background-color: red;
  color: #fff;
}

/* Ensure active stays red on hover too */
.time-slot.active:hover {
  background-color: red;
  color: #fff;
}

p.date-time-h1 {
  font: 600 15px/26px 'Poppins', sans-serif;
  margin-top: 21px;
}

.select-date {
  font: 500 20px/26px 'Poppins', sans-serif;
  margin-top: 30px;

}

.row.main {
  padding-bottom: 70px;
}







/* ashish//////////////////////////////////////////////////////// */
h1.price-break.h1 {
  font: 600 20px / 22px "Poppins", sans-serif;
}

td.font-bold.text-\[14px\].text-red-600.p-4 {
  font-size: 14px;
  font-weight: 700;
}


/* === Service Table Styling === */
.custom-service-table {
  font: 600 14px/26px 'Poppins', sans-serif;
  font-size: 14px;
}


.custom-service-table table td {
  /* padding: 1rem; */
  font: 400 14px/26px 'Poppins', sans-serif;
  font-size: 14px;
}

.custom-service-table thead {
  background-color: #F9F9F9;
  color: #374151;
  /* Tailwind's text-gray-700 */
  font-weight: 600;
}













/* guest checkout page ///////////////////////////////////// */
.guest-h1 {
  font: 500 34px/26px 'Poppins', sans-serif;

  margin-bottom: 30px;
}

.login-sec-1 {
  background-color: #fff;
}

.form-card {
  border-radius: 10px;
  border: 2px solid #F7F7F7;
}

.form-card1 {
  border-radius: 10px;
  border: 1px solid #F7F7F7;
  background-color: #F7F7F7;
}

.form-card .title {
  font-weight: 500;
  margin-bottom: 10px;
  font: 500 26px/26px 'Poppins', sans-serif;

}


.form-card .desc {
  color: #363636;
  font: 400 16px/26px 'Poppins', sans-serif;
  padding-top: 20px;

}

.form-card .desc1 {
  color: #363636;
  font: 400 16px/26px 'Poppins', sans-serif;
  padding-top: 10px;

}

/* .form-control {
  border-radius: 8px;
  height: 45px;
} */

.form-control:focus {
  box-shadow: none;
  border-color: #dc3545;
}

.btn-danger {
  background-color: #ef2c2c;
  border: none;
  border-radius: 8px;
  font-weight: 600;
}

.btn-danger:hover {
  background-color: #d32020;
}

.btn-primary {
  background-color: #3b5998;
  border: none;
}

.btn-dark {
  background-color: #000;
  border: none;
}

.form-check-label a {
  color: #ef2c2c;
  text-decoration: underline;

}

/* .error-input {
  border: 1px solid red;
} */


.form-label-custom {
  font: 400 14px/26px 'Poppins', sans-serif;
  color: #000;
  margin-bottom: 4px;
  display: block;
}

.form-check-label-custom {
  font: 400 14px/26px 'Poppins', sans-serif;
  color: #6c757d;
  /* Bootstrap gray */
}

.form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 5px;
  /* aligns checkbox with multiline text */
  flex-shrink: 0;
}

.form-check-label-custom {
  font: 400 14px/26px 'Poppins', sans-serif;
  color: #000000;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}



/* login/////// */

.form-card1 .title {
  font-weight: 500;
  margin-bottom: 10px;
  font: 500 26px/26px 'Poppins', sans-serif;

}


.form-card1 .desc {
  color: #363636;
  font: 400 16px/26px 'Poppins', sans-serif;
  padding-top: 20px;

}

.form-check-label-p {
  font: 400 10px/26px 'Poppins', sans-serif;
  color: #929292;
}

.form-check-label-forget {
  font: 400 16px/26px 'Poppins', sans-serif;
  color: #707070;


}

.social-btn {
  font: 400 14px/26px 'Poppins', sans-serif;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  color: #fff;
  transition: background-color 0.3s ease;
}

.social-btn-facebook {
  background-color: #2E5E98;
  /* Facebook Blue */
}

/* .social-btn-facebook:hover {
  background-color: #0d6efd;
} */

.social-btn-google {
  background-color: #000;
  /* Black */
}

/* .social-btn-google:hover {
  background-color: #333;
} */
.social-btn:hover {
  color: red;
  /* Keeps original text color */
  text-decoration: none;
  /* Removes underline */
}

.form-check-label1 {
  color: #707070;
}



h1.mobile-h1 {
  font: 400 14px/26px 'Poppins', sans-serif;

}

h5.fw-bold.mb-2.mobile-h5 {
  font: 600 14px/26px 'Poppins', sans-serif;
}

.mobile-strong {
  font: 600 10px/26px 'Poppins', sans-serif;

}

.mobile-p {
  font: 600 12px/26px 'Poppins', sans-serif;

}

.mobile-screenh1 {
  font: 600 18px/26px 'Poppins', sans-serif;
  margin-bottom: 22px;
}










/* job/////////////// */
.job-title {
  font: 600 16px/26px 'Poppins', sans-serif;
  text-align: center;
  background: #F9F9F9;
}

.job-row {
  font: 400 14px/26px 'Poppins', sans-serif;
  color: #707070;
  text-align: center;
}

.job-row td {
  padding: 12px 16px;
  /* Adjusted for better spacing */
}

.job-row:nth-child(even) {
  background-color: #FCFCFC;
  border-bottom: 1px solid #E0E0E0;
  /* Light border for even rows */
}

.job-row:nth-child(odd) {
  background-color: #FFFFFF;
}

.search-box .form-control {
  height: 44px;
  font: 400 14px/26px 'Poppins', sans-serif;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.search-btn {
  background-color: #ea3d32;
  color: #fff;
  height: 55px;
  padding: 0 30px;
  font-weight: 500;
  border-radius: 8px;
  border: none;
}

.pagination .page-link {
  border-radius: 8px;
  color: #707070;
  border: 1px solid #707070;
}

.pagination .active .page-link {
  background-color: #ea3d32;
  border-color: #ea3d32;
  color: #fff;
}


table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
}

.table-bordered>:not(caption)>*>* {
  border: none;
}

.table-responsive {
  /* border: 2px solid #F9F9F9; */
  /* border-radius: 10px; */
}



.search-form {
  background-color: transparent;
  /* removes background */
}

.input-label {
  font-weight: 500;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 6px;
}

.custom-input {
  font: 400 14px/26px 'Poppins', sans-serif;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

/* Custom select with arrow icon */
.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml;charset=UTF-8,<svg fill="%23707070" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 14px center;
  background-color: #fff;
  background-size: 16px;
  padding-right: 40px;
  font: 400 14px/26px 'Poppins', sans-serif;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.search-btn {
  /* width: 100%; */
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #ffffff;
  border-radius: 10px;
  /* padding: 17.5px 10px; */
  font: 400 14px/26px 'Poppins', sans-serif;
}

.main-div {
  padding-bottom: 70px;
}












/* job cssss pages////////////////////////////////// */
.container.sec-1-inner.location-mt {
  margin-top: -200px;
  background: white;
}

.selected,
.selected-2 {
  border-color: red !important;
  background-color: #f8dede;
}

section.data-sec.poppins {
  padding: 10px;
}



/* location/////////////// */
section.sec-3-items.poppins.main {
  padding-bottom: 70px;
}





/* privacy policy css////////////////////////////////////////////// */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 200px;

}

.policy-section {
  /* background: #fff; */
  font-family: 'Poppins', sans-serif;
  padding-top: 70px;
  padding-bottom: 70px;
}

.policy-section ul li a {
  color: #000000;
}

.policy-title {
  font: 700 42px/26px 'Poppins', sans-serif;
  color: #1A1A1A;
}

.policy-list {
  list-style-type: disc;
  padding-left: 1.2rem;
  color: #ff0000;
  font: 600 20px/26px 'Poppiw', sans-serif;
}

ul.policy-list {
  line-height: 35px;
}

.policy-heading {

  color: #1A1A1A;
  /* margin-bottom: 0.5rem; */
  font: 600 20px/26px 'Poppins', sans-serif;

}

.policy-subheading {
  color: #1A1A1A;
  /* margin-bottom: 0.5rem; */
  font: 400 28px/26px 'Poppins', sans-serif;
  margin-bottom: 0.5rem;
  color: #707070;
}

.policy-text {
  font: 400 18px/26px 'Poppins', sans-serif;
  color: #707070;
  text-align: justify;
}


section.how-it-works-poster.text-center.text-white.poppins.privacy-policy {
  background-image: url(../images/works-poster.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}





/* term & condition css pages//////////////////////////////// */

.mb-70 {
  margin-bottom: 70px;
}

.mb-20 {
  margin-bottom: 20px;
}

.policy-list1 {
  list-style-type: disc;
  padding-left: 1.2rem;

  color: #1A1A1A;
  font: 400 18px/24px 'Poppins', sans-serif;
  line-height: 30px;
  text-align: justify;

}


.policy-text1 {
  font: 400 18px/26px 'Poppins', sans-serif;
  color: #707070;
  text-align: justify;
}



.newcheck {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.check-item {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  /* background-color: #f9f9f9; */
  border-radius: 6px;
  min-width: 200px;
  margin-right: 10px;
  /* Control box width */
}

.vr-line {
  width: 1px;
  background-color: #ccc;
  height: 30px;
  align-self: center;
}



.loading {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00000075;
  z-index: 9999;
}

.loader {
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  display: inline-block;
  width: 50px;
  height: 80px;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  position: relative;
  background: linear-gradient(#FF3D00 30px, transparent 0) no-repeat;
  background-size: 2px 40px;
  background-position: 50% 0px;
  animation: spinx 5s linear infinite;
}

.loader:before,
.loader:after {
  content: "";
  width: 40px;
  left: 50%;
  height: 35px;
  position: absolute;
  top: 0;
  transform: translatex(-50%);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0 0 20px 20px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0px;
  animation: lqt 5s linear infinite;
}

.loader:after {
  top: auto;
  bottom: 0;
  border-radius: 20px 20px 0 0;
  animation: lqb 5s linear infinite;
}

@keyframes lqt {

  0%,
  100% {
    background-image: linear-gradient(#FF3D00 40px, transparent 0);
    background-position: 0% 0px;
  }

  50% {
    background-image: linear-gradient(#FF3D00 40px, transparent 0);
    background-position: 0% 40px;
  }

  50.1% {
    background-image: linear-gradient(#FF3D00 40px, transparent 0);
    background-position: 0% -40px;
  }
}

@keyframes lqb {
  0% {
    background-image: linear-gradient(#FF3D00 40px, transparent 0);
    background-position: 0 40px;
  }

  100% {
    background-image: linear-gradient(#FF3D00 40px, transparent 0);
    background-position: 0 -40px;
  }
}

@keyframes spinx {

  0%,
  49% {
    transform: rotate(0deg);
    background-position: 50% 36px;
  }

  51%,
  98% {
    transform: rotate(180deg);
    background-position: 50% 4px;
  }

  100% {
    transform: rotate(360deg);
    background-position: 50% 36px;
  }
}

/* Download App Section Styles */
.download-app-section {
  background: #F7F7F7;
  padding: 60px 0 0 0;
}

.download-app-section .mobile-text {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}

.download-app-section .mobile-text.h2 {
  font-size: 42px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}

.download-app-section .mobile-text.p {
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  font-family: 'Poppins', sans-serif;
}

.download-app-section .app-text.d-block {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #000;
  margin-top: 40px;

}

.download-app-section .store-badge {
  height: 56px;
  width: auto;
  display: block;
}

.download-app-section .newsletter-form {
  width: 100%;
  max-width: 400px;


}

.download-app-section .email-input {
  min-width: 400px;
  height: 44px;
  border-radius: 8px;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  /* flex: 1 1 180px; */
}

.download-app-section .subscribe-btn {
  min-width: 150px;
  height: 44px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF0000;
  border: none;
  color: white;
}

.download-app-section .red-text {
  color: #ff0000;
}

.download-app-section .app-image-col {
  min-height: 420px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.download-app-section .app-mockup-img {
  max-height: 550px;
  width: auto;
  margin-bottom: -60px;
}


span.stay-class {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  font-family: poppins;
}

.newsletter-wrapper {
  margin-top: 60px;
}


button.sticky-button.floating-button.show {
  font-weight: 600;
  font-size: 18px;
  font-family: 'Poppins';
  padding: 17px 90px 17px 90px;
}



.position-relative .password-toggle {
  position: absolute;
  top: 68%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #666;
  z-index: 10;
}

.position-relative .password-toggle:hover {
  color: #000;
}

/* mechanic dashboard cssss/////////////////////////// */

.card-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-info .label {
  margin-bottom: 0;
  font-size: 14px;
  opacity: 0.9;
  font-weight: 400;

}

.card-info h3 {
  margin-top: 5px;
  font-size: 50px;
  font-weight: 700;
}

.icon-box {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.bg-blue {
  background-color: #1294F2;
}

.bg-green {
  background-color: #49C21F;
}

.bg-red {
  background-color: #FF0000;
}

.bg-brown {
  background-color: #EF7F0F;
}

.bg-lightblue {
  background-color: #59B4F6;
}


.bg-lightgreen {
  background-color: #A6E191;
}

.bg-lightred {
  background-color: #ff4d4d;
}

.bg-lightbrown {
  background-color: #F7C089;
}




/* .profile-details */


.custom-file-input-style {
  padding: 12px 16px;
  border-radius: 16px;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  font-family: inherit;
  font-size: 16px;
  color: #444;
  cursor: pointer;
  margin-top: 6px;
}

.custom-file-input-style::file-selector-button {
  background: transparent;
  border: none;
  font-weight: 400;
  margin-right: 10px;
  cursor: pointer;
  color: #000;
}

.fw-500 {
  font-weight: 500;
  font-size: 16px;
}







/* mechnic tabvle  */


.table-v1 thead th {
  border-top: none !important;
  padding: 14px 12px;
}

/* Increase padding in tbody for taller rows */
.table-v1 tbody td {
  padding: 14px 12px;
}

/* Optional: soften border color */
.table-v1 td,
.table-v1 th {
  border-color: #e0e0e0;
}

/* Optional: rounded corners only on top and bottom */
.table-v1 {
  border-collapse: separate;
  border-spacing: 0;
  /* border: 1px solid #e0e0e0; */
  border-radius: 8px;
  overflow: hidden;
}




.custom-zebra tbody tr:nth-child(even) {
  background-color: #f8f9fa;
  /* light grey */
}

.custom-zebra tbody tr:nth-child(odd) {
  background-color: #ffffff;
  /* white */
}

.custom-zebra tbody tr {
  height: 65px;
}

.custom-zebra thead tr {
  height: 65px;
}

.custom-zebra thead th {
  vertical-align: middle;
  border-top: none !important;
  /* Removes top border of thead */
}

.custom-zebra tbody tr:nth-child(even) {
  background-color: #f8f9fa;
  /* light grey */
}

.custom-zebra tbody tr:nth-child(odd) {
  background-color: #ffffff;
  /* white */
}

.custom-zebra tbody tr {
  height: 65px;
}


.fw-semibold1 {
  font-size: 14px;
  color: #707070;
  font: 'Poppins', sans-serif;

}

.text-muted1.small {
  font-weight: 500;
  color: #1A1A1A;
  font-size: 18px;
  font: 'Poppins', sans-serif;

}

p.mb-2.small.text-dark1 {
  color: #363636;
  font-size: 14px;
  font-weight: 400;
  font: 'Poppins', sans-serif;

}

.fw-semibold2.text-primary1.d-flex.align-items-center {
  font-weight: 500;
  font-weight: 14px;
  font-size: 14px;
  color: black;
  font: 'Poppins', sans-serif;

}

small.text-muted2 {
  font-size: 12px;
  color: #1A1A1A;
  font-weight: 400;
  font: 'Poppins', sans-serif;

}

.d-flex.align-items-center.mb-2\.5.gap-1 {
  margin-bottom: 6px;
}

.inner-order-details.d-md-block.d-none {
  margin-bottom: 100px;
}

.inner-order-details .nav-pills .nav-item .nav-link {
  background-color: #ffffff;
  color: #ff0000;
  border: 1px solid #ff0000;
}

.inner-order-details .nav-pills .nav-item .nav-link.active {
  background-color: #ff0000;
  color: #ffffff;
}

/* .fos-10 {
  font-size: 14px;
} */

td.end-text {
  text-align: end;
}






/* ////////////// */

p.mobile-text {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;

}

h2.mobile-text.h2 {
  font-size: 42px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}

p.mobile-text.p {
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  font-family: 'Poppins', sans-serif;

}

span.app-text.d-block {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #000;
}





/* ////////////////////////////////////// */












/* Modal container */
/* .price-breakdown-modal {
  border-radius: 16px;
  padding: 24px 16px 16px 16px;
  max-width: 400px;
  margin: auto;
  font-family: 'Poppins', sans-serif;
  position: relative;
}

.modal-header-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.price-break-title {
  font-weight: 600;
  font-size: 18px;
  color: #1A1A1A;
}

.close-modal-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-modal-btn img {
  width: 24px;
  height: 24px;
}

.price-card {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 18px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
  position: relative;
}

.section-title {
  font-weight: 600;
  font-size: 16px;
  color: #1A1A1A;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.delete-btn {
  background: none;
  border: none;
  padding: 0;
  margin-left: 8px;
  cursor: pointer;
}

.delete-btn img {
  width: 20px;
  height: 20px;
}

.section {
  margin-top: 10px;
}

.section strong {
  font-weight: 600;
  font-size: 15px;
  color: #1A1A1A;
  display: block;
  margin-bottom: 4px;
  background-color: #F2F2F2;
  padding: 5px;
}

.row-line {
  display: flex;
  justify-content: space-between;
  margin: 4px 0;
  font-size: 15px;
  color: #1A1A1A;
}

.price-value {
  font-weight: 600;
  font-size: 15px;
  color: #1A1A1A;
}

.part-list {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #1A1A1A;
}

.summary-box {
  border-top: 1px dashed #ccc;
  padding-top: 15px;
  margin-top: 20px;
}

.summary-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 15px;
  color: #1A1A1A;
}

.summary-line.total {
  font-weight: bold;
  font-size: 17px;
  border-top: 1px solid #000;
  padding-top: 10px;
}

.summary-line.text-success strong {
  color: #49C21F;
}

.btn-danger.w-100 {
  background: #ff0000;
  border-radius: 8px;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  padding: 12px 0;
  margin-top: 12px;
  border: none;
}



.modal-dialog {
  padding: 0 !important;
  margin: 0 auto;
}
.modal-content {
    width: 900px;
}
.modal-content1 {
    width: 380px;
    background-color: white;
}

input#licensePlate {
    height: 66px;
}
input#serviceCity {
    height: 66px;
}
input#serviceZip {
    height: 66px;
}

@media (max-width: 576px) {
  .modal-dialog {
    max-width: 100vw;
    width: 100vw;
    display: flex;
    align-items: center;
  }

  .modal-content {
    border-radius: 15px;
    width: 100%;
    height: auto;
    padding: 10px;
  }

  .modal {
    padding: 0 !important;
  }
} */

.notify-modal #priceModel .modal-dialog {
  max-width: 100%;
  margin: 2rem auto;
  display: flex !important;
  justify-content: center !important;
}

.notify-modal {
  overflow: hidden;
}

.notify-modal input,
.notify-modal select {
  background: #f3f3f3;
  border: none !important;
  color: #707070 !important;
}

.notify-modal input::placeholder {
  color: #707070 !important;
}

.notify-modal .modal-content {
  max-width: 650px;
}

.notify-modal .modal-dialog.modal-dialog-centered {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.notify-modal .modal-dialog {
  top: 0;
}

/* Modal base styles */
#priceModel .modal-dialog {
  max-width: 100%;
  margin: 2rem auto;
}


.modal-content1 {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px 28px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  font-family: 'Poppins', sans-serif;
}

/* Modal Header */
.modal-header-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #eee;
  padding-bottom: 12px;
  margin-bottom: 18px;
}

.price-break-title {
  font-size: 22px;
  font-weight: 600;
}

.close-modal-btn {
  background: transparent;
  border: none;
  padding: 0;
}

/* Price Cards */
.price-card {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 18px 24px;
  margin-bottom: 24px;
  background-color: #fafafa;
}

.section-title {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.section {
  margin-bottom: 14px;
}

.row-line {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 15.5px;
}

.price-value {
  font-weight: 500;
}

.part-list {
  padding-left: 22px;
  margin-bottom: 8px;
}

.part-list li {
  font-size: 14.5px;
  line-height: 1.7;
}

/* Red colored "+2 More" */
.part-list li.text-danger {
  color: #e60000;
  font-weight: 500;
}

/* Summary Box */
.summary-box {
  border-top: 2px solid #ddd;
  padding-top: 20px;
  margin-top: 24px;
}

.summary-line {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 15.5px;
}

.summary-line.total {
  font-size: 17px;
  font-weight: 600;
}

/* Close Button */
.btn-danger.w-100 {
  font-size: 15.5px;
  padding: 11px 0;
  border-radius: 6px;
}



.read-more-sec {
  padding: 72px 72px;
  background-image: url(../images/read-more-back.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 550px;
}

.read-more-btn {
  background-color: #ff0000;
  border: 1px solid #ff0000;
  color: #ffffff;
  font-size: 16px;
  padding: 18px 32px;
  border-radius: 6px;
}

.read-more-sec h1 {
  font-size: 16px;
  color: #ff0000;
}

.read-more-sec img {
  width: 100%;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.state-name {
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  border-radius: 7px;
  font-size: 16px;
  color: black;
}

.state-name:hover {
  border: 1px solid #ff0000;
  background-color: #ff0000;
  color: #ffffff;
}

/* .how-it-works-2 {
  padding: 40px 72px 50px 72px !important;
} */

.text-items-choose h2 {
  font-weight: bold;
  color: #1a1a1a;
}

/* services-page */
.fos-50 {
  font-size: 50px;
}

/* .services-top-sec{
  background-image: url(../images/hero-inner-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 50vh;
  padding: 112px 72px;
} */

.services-top-sec {
  background-image: url(../images/hero-inner-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 400px;
  padding: 90px 43px;
}

.service-we-offer-sec {
  padding: 50px 72px 60px 72px;
}

.mt-100 {
  margin-top: 100px;
}

.data-sec {
  padding: 70px 72px 50px 100px;
}

.data-btn,
.data-btn-2 {
  padding: 10px 30px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  border-radius: 7px;
  background-color: #ffffff;
  color: black;
}

.data-btn:hover {
  color: #ffffff;
  background-color: #ff0000;
  border: 1px solid #ff0000;
}

.data-btn-2:hover {
  color: red;
}

/* Style for selected buttons */
.selected,
.selected-2 {
  border-color: red !important;
  background-color: #f8dede;
}

.selected-btns,
.selected-btns-2 {
  margin-top: 20px;
}

.sec-2-ai-2 {
  padding: 50px 72px;
}

.popular-service {
  padding: 0 72px;
}

.car-we-service {
  padding: 95px 72px;
}


.mt-35 {
  margin-top: 35px;
}

/* .shadowed {
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.069),
    0px 0px 0px rgba(0, 0, 0, 0.069),
    0px 0px 0px rgba(0, 0, 0, 0.069);
} */



.side-form {
  border: 1px solid #e3e3e3;
  padding: 40px 48px;
}

.fw-600 {
  font-weight: 600;
}

.fw-400 {
  font-weight: 400;
}

.fs-16 {
  font-size: 16px;
}

.fs-20 {
  font-size: 20px;
}

.mb-33 {
  margin-bottom: 33px;
}

.top-nav .nav-link {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}

.scroll-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.scroll-indicator span {
  display: block;
  width: 24px;
  height: 24px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  animation: bounce 1.5s infinite;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0) rotate(45deg);
  }

  50% {
    transform: translateY(8px) rotate(45deg);
  }
}

.sec-1-get-free {
  margin-top: -60px;
  /* position: relative; */
  z-index: 2;
}

.hero-container {
  min-height: calc(100vh - 80px);
  /* desktop */
}

/* Financing submenu positioning */
.financing-menu {
  position: relative;
}

.header .menu>ul>li .sub-menu.financing-submenu {
  padding: 12px 0;
}

.financing-submenu {
  position: absolute;
  top: 100%;
  /* directly below Financing */
  left: 0;
  /* align with Financing */
  transform: none;
  /* remove centering */
  width: max-content;
  /* auto width */
  padding: 12px 0;
}

/* Financing submenu links */
.financing-submenu a {
  color: #000000 !important;
  text-decoration: none;
}

/* Hover state */
.financing-submenu a:hover {
  color: #000000 !important;
  opacity: 0.8;
  /* optional subtle effect */
}

.sticky-button-container {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  width: auto;
  pointer-events: none;
}

/* Enable clicks on button */
.sticky-button-container button {
  pointer-events: auto;
}

button.sticky-button.floating-button.show {
  font-weight: 600;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  padding: 16px 80px;
  border-radius: 10px;
}

.faq-item {
  transition: all 0.3s ease;
}

.faq-item:hover {
  background-color: #ff0000;
}

.faq-item:hover .h5 {
  color: #ffffff;

}

/* Active + Hover state */
.faq-item.active:hover {
  background-color: #ff0000;
  color: #ffffff;
}

/* Make sure all text turns white */
.faq-item.active:hover h5,
.faq-item.active:hover p,
.faq-item.active:hover div,
.faq-item.active:hover span,
.faq-item.active:hover a {
  color: #ffffff !important;
  background-color: #ff0000;
}

.faq-item.active h5 {
  color: #ffffff;
}

.faq-body.open {
  background-color: #ff0000;
  color: #ffffff;
}

.hero-container {
  position: relative;
  min-height: 100vh;
  /* Better than calc for full viewport coverage */
  height: 100vh;
  overflow: hidden;
  background-image: url(../images/Poster.png);
  background-position: center;
  background-size: cover;
}

.video-placeholder {
  position: absolute;
  inset: 0;
  /* Shorthand for top/right/bottom/left: 0 */
  background-image: url(../images/Poster.png);
  background-size: cover;
  background-position: center;
  z-index: 1;
  transition: opacity 1s ease-in-out;
}

.video-container {
  position: absolute;
  inset: 0;
  /* Full coverage */
  width: 100%;
  height: 100%;
  z-index: 2;
  /* Above placeholder but below text if needed */
  pointer-events: none;
  /* So clicks go through to content if wanted */
}

#heroVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  /* Key property – but for iframe we fake it with min sizing */
}

.card-body p {
  font-size: 14px;
  margin-bottom: 6px;
}

.card-body h6 {
  font-size: 16px;
}


/* new fixes get a quote sec */
/* .form-check .payment-icons{
  display: none;
}
.form-check.active .payment-icons{
  display: block;
} */
/* ::-webkit-scrollbar {
  display: none;
  width: 0px;
} */
.time.bg-info {
  color: #ffffff !important;
}

.date-day-text {
  color: #000000;
}

.date-day-text.bg-info {
  background: #ff0000 !important;
  color: #ffffff !important;
}

.date-day-text.bg-info h6 {
  color: #ffffff;
}

.bg-info {
  background-color: #ff0000 !important;
}

.text-mob {
  text-align: end;
}

.no-order-main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-order-main p {
  font-size: 14px;
  width: 70%;
  color: #707070;
}

.no-order-main img {
  margin-bottom: -100px;
}

.bg-darker {
  background: #3b3a3a;
}


.bullets-parent>div>div {
  position: relative;
}

.bullets-parent>div>div::after {
  content: '-';
  /* width: 10px; */
  /* heig */
  font-size: 20px;
  color: red;
  position: absolute;
  top: -60%;
  left: -10px;
}


.color-4 {
  background: #e6ecfa;
}

.color-3 {
  background: #e7edfd;
}

.color-2 {
  background: #e9ecef;
}

.color-1 {
  /* background: #e7edfd; */
  background: #c6d4f9;
}

.wd-50 {
  width: 50px !important;
  text-align: left;
}

.popup-open body::-webkit-scrollbar {
  display: none;
}

body:has(.popup-open)::-webkit-scrollbar {
  display: none;
}

.popup-open::-webkit-scrollbar {
  display: block;
}

.icf-table-new tr {
  border-bottom: 1px solid #d5d5d5;
}

.custom-trs {
  border: none !important;
  background-color: #ffffff !important;
}

.custom-trs :nth-child(4),
.custom-trs :nth-child(5),
.custom-trs :nth-child(6) {
  border-bottom: 1px solid #d5d5d5 !important;
}

.table-values {
  table-layout: fixed;
  width: 100%;
  min-width: 100%;
  border-radius: 0px;
  overflow: hidden;
  border: 0px;
}

.table-valuess,
.hiddens {
  opacity: 0;
  visibility: hidden;
}

.table-values tbody tr :nth-child(1) {
  width: 5%;
}

.table-values tbody tr :nth-child(2) {
  width: 15%;
}

.table-values tbody tr :nth-child(3) {
  width: 15%;
}

.table-values tbody tr :nth-child(4) {
  width: 10%;
}

.table-values tbody tr :nth-child(5) {
  width: 10%;
}

.table-values tbody tr :nth-child(6) {
  width: 5%;
}

.table-values tbody tr :nth-child(7) {
  width: 10%;
}



/* S.no */
.custom-service-table table th:nth-child(2) {
  width: 15%;
}

/* Service Name */
.custom-service-table table th:nth-child(3) {
  width: 15%;
}

/* Labor */
.custom-service-table table th:nth-child(4) {
  width: 10%;
}

/* Labor Price */
.custom-service-table table th:nth-child(5) {
  width: 10%;
}

/* Parts */
.custom-service-table table th:nth-child(6) {
  width: 5%;
}

/* Parts Price */
.custom-service-table table th:nth-child(7) {
  width: 10%;
}

/* Total */

.order-details .row.mb-4 .col-md-3.d-md-block select {
  margin-top: 0 !important;
}

.faqs summary {
  padding: 10px 15px;
}

.faqs:hover summary {
  background-color: #ff0000;
  color: #ffffff;
}

.fleet-secs {
  padding: 30px 50px;
}

.select-cars-table td input[type=checkbox] {
  accent-color: #ff0000;
  width: 20px;
  height: 20px;
}

.select-cars-table th i {
  font-weight: 600;
  margin-right: 5px;
}

.select-cars-table tr {
  text-wrap: nowrap;
}

.select-cars-table th {
  font-weight: 500;
  font-size: 16px;
  text-wrap: nowrap;
}

.paypal-main-cont {
  flex-direction: column;
}

.text-grey {
  color: #3c3c3c;
  font-weight: 300;
}

.main-sec-credit {
  width: 75%;
}

.form-check.active .main-sec-credit {
  width: max-content;
}

.form-check.active:nth-child(1) {
  justify-content: space-between;
}

.form-check.active:nth-child(1) {
  justify-content: start;
}

.quote-component {
  margin-top: 20px;
}

.quote-component .col-lg-8.col-md-12.col-sm-12 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.quote-component h1,
.quote-component h4,
.quote-component h5 {
  font-size: 18px;
  font-weight: 500;
  /* color: red; */
}

.inner-div .row.d-lg-flex.d-md-none.d-sm-none.d-none .col-md-4.col-sm-12 {
  width: 35%;
  padding-right: 0px;
}

.inner-div .row.d-lg-flex.d-md-none.d-sm-none.d-none .col-md-8.col-sm-12 {
  width: 65%;
  padding-left: 0px;
}

.accordian-item .accordion-header .accordion-button {
  padding: 12px 16px;
}

.accordian-item .accordion-header .accordion-button::after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  width: 20px !important;
  height: 20px !important;
  color: #000000 !important;
  position: absolute;
  right: 15px;
  top: 30%;
}

.new-radio .form-check-input[type=radio] {
  width: 20px;
  height: 20px;
}

.new-radio .form-check-input[type=radio]:checked::after {
  width: 10px;
  height: 10px;
}

.new-radio .option-label {
  font-size: 14px;
  margin-top: -5px;
}

.card-custom .divider {
  margin: 18px 0 0 0;
}

.top-radio .option-label {
  margin-top: 2px;
}

.text-name-order {
  font-weight: 600 !important;
  position: relative;
}

.remove-icon-order {
  position: absolute;
  top: 2px;
  right: 6px;
}

.order-table tr {
  border: none !important;
}

.order-table-new tbody:first-child {
  border: 1px solid #ff0000 !important;
}

.bordered-h5 {
  border-bottom: 1px solid #868686;
  padding-bottom: 15px;
  margin-bottom: -15px !important;
}

.dark-font {
  color: #2f2f2f !important;
}

.form-billing label {
  margin-bottom: 0 !important;
}


.form-billing .mbforty {
  margin-bottom: 10px;
}

.form-billing .mbseventytwo {
  margin-bottom: 30px;
}

.new-color-bg {
  background-color: #f5f5f5;
  padding: 5px 0 5px 0;
  border-radius: 0 0 12px 12px;
}

.order-parent :nth-child(2) {
  background-color: #ffffff;
}

.fields-container.active:nth-child(3) {
  margin-top: 20px;
}

.accordion-button:not(.collapsed) {
  background: #ff00004a !important;

}

.right-25 {
  padding-right: 45px !important;
}



.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  padding: 5px !important;
}


.select-date {
  padding: 0px 32px;
}

.select-date .date-day {
  width: 102px;
  padding: 24px 16px;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-radius: 10px;
  text-align: center;
}

.inner-div p.green {
  color: #49C21F;
}

.inner-div h6 {
  font: 600 normal 16px/24px 'Open Sans';
  color: #1A1A1A;
}

.inner-div p {
  font: 500 normal 16px/24px 'Open Sans';
  color: #707070;
}

.select-date .date-day h6 {
  font: 500 normal 18px/24px 'Open Sans';
  /* color: #1A1A1A; */
  margin-bottom: 0px;
}

.select-date .date-day:hover,
.select-date .date-day:focus {
  background: #ff0000;
  color: #FFFFFF;
}

.select-date .date-day:hover h6,
.select-date .date-day:focus h6 {
  color: #ffffff;
}

.select-date .date-day:hover h6,
.select-date .date-day:focus h6,
select-date .date-day:focus h6 strong {
  color: #ffffff !important;
}

.select-date.owl-theme .owl-nav {
  margin-top: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}

.select-date.owl-carousel .owl-nav button.owl-prev {
  float: left;
  margin-left: -24px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29065 0.561397C1.91565 0.238664 1.36103 0.238665 0.986028 0.561398L0.879735 0.652876C0.416482 1.05156 0.416095 1.76888 0.878918 2.16807L5.3217 6L0.878919 9.83193C0.416096 10.2311 0.416482 10.9484 0.879736 11.3471L0.986029 11.4386C1.36103 11.7613 1.91566 11.7613 2.29065 11.4386L7.72931 6.75795C8.19289 6.35898 8.19289 5.64102 7.7293 5.24205L2.29065 0.561397Z' fill='%231A1A1A'/%3E%3C/svg%3E")no-repeat center center;
  width: 9px;
  height: 12px;
  transform: rotate(180deg);
}

.select-date.owl-carousel .owl-nav button.owl-next {
  float: right;
  margin-right: 36px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29065 0.561397C1.91565 0.238664 1.36103 0.238665 0.986028 0.561398L0.879735 0.652876C0.416482 1.05156 0.416095 1.76888 0.878918 2.16807L5.3217 6L0.878919 9.83193C0.416096 10.2311 0.416482 10.9484 0.879736 11.3471L0.986029 11.4386C1.36103 11.7613 1.91566 11.7613 2.29065 11.4386L7.72931 6.75795C8.19289 6.35898 8.19289 5.64102 7.7293 5.24205L2.29065 0.561397Z' fill='%231A1A1A'/%3E%3C/svg%3E")no-repeat center center;
  width: 9px;
  height: 12px;
}

.select-date.owl-carousel .owl-nav button.owl-prev span,
.select-date.owl-carousel .owl-nav button.owl-next span {
  display: none;
}

.select-service-time .time {
  font: 500 normal 16px/24px 'Open Sans';
  color: #1A1A1A;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-radius: 10px;
  padding: 14px 20px;
  margin-bottom: 1rem;
  width: max-content;
}

.select-service-time .time:hover,
.select-service-time .time:focus {
  background: #ff0000;
  color: #FFFFFF !important;
}

.call-to-action {
  min-height: 64px;
  z-index: 9;
  padding: 0.25rem;
  bottom: 10px !important;
}




/* media quries */
/* media quries */
/* media quries */
/* media quries */



/* screen 1260 and less */
@media (max-width: 1260px) {
  .coles {
    width: 48%;
    display: flex;
    gap: 15px;
  }

  .all-items {
    flex-wrap: wrap !important;
  }

  .header {
    padding: 3px 20px;

  }
}

@media (max-width: 1200px) {
  .toggle-button {
    top: -20px;
    right: 55%;
  }

  .main-sec-credit {
    margin-bottom: 20px;
  }

  .header .container {
    max-width: 100%;
  }

  .header .menu>ul>li {
    margin-left: 10px;
  }

  .ICF-Theme .btn-primary {
    padding: 12px 20px;
  }
}

/* screen 1024 and less */
@media (max-width: 1024px) {
  .checkout-page {
    padding: 40px 30px;
  }

  .fos {
    font-size: 12px;
  }

  .fos-main {
    font-size: 12px;
  }

  .review-page {
    padding: 30px 30px;
  }

  .img-sec img {
    height: 30px;
  }

  .all-offices {
    row-gap: 20px;
    column-gap: 20px;
  }
}

@media (min-width:992px) {
  .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
    margin-top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .modal-dialog {
    max-width: 95% !important;
  }

}

/* screen 991 and less */
@media (max-width: 991px) {
  .header .menu>ul>li .sub-menu.mega-menu-fleet {
    max-width: 100% !important;
  }

  .mega-menu-finance {
    left: 0 !important;
  }

  .all-services {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
  }

  .all-services li a {
    position: relative;
  }

  .fleet-btns {
    position: relative;
    padding: 8px 14px !important;
  }

  .all-services li a::before,
  .fleet-btns::before {
    content: '';
    position: absolute;
    background-color: red;
    width: 10px;
    height: 1px;
    top: 15px;
    left: -5px;
  }

  .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
  }

  .container.sec-1-inner.location-mt {
    margin-top: -100px;
  }

  .financing-submenu {
    position: static;
    width: 100%;
  }

  .main-info-box {
    background-color: #F8FAFB;
    border-radius: 10px;
    padding: 25px 25px;
  }

  .order-details {
    padding: 30px 16px !important;
  }

  .info-box {
    padding: 0px 0px !important;
  }

  .images img {
    width: 52px;
    height: 52px;
  }

  .single-order-btns {
    flex-direction: column;
  }

  .info-box {
    background: #F8FAFB;
    border-radius: 10px;
    padding: 15px 20px;
    width: 100%;
  }

  .fleet-btns {
    padding: 0px;
    width: 80%;
  }

  .stickyOnTop {
    position: static;
  }

  .header .mobile-menu-trigger {
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }

  .header .mobile-menu-trigger span {
    display: block;
    height: 2px;
    background-color: #333333;
    width: 24px;
    position: relative;
  }

  .header .mobile-menu-trigger span:before,
  .header .mobile-menu-trigger span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
  }

  .header .mobile-menu-trigger span:before {
    top: -6px;
  }

  .header .mobile-menu-trigger span:after {
    top: 6px;
  }

  .header .menu {
    position: fixed;
    width: 320px;
    background-color: #ffffff;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    transition: all 0.5s ease;
    z-index: 1099;
  }

  .header .menu.active {
    transform: translate(0%);
  }

  .header .menu>ul>li {
    line-height: 1;
    margin: 0;
    display: block;
  }

  .header .menu>ul>li>a {
    line-height: 50px;
    height: 50px;
    padding: 0 50px 0 15px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .header .menu>ul>li>a i {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
    transform: rotate(-90deg);
  }

  .header .menu .mobile-menu-head {
    display: flex;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: sticky;
    background-color: #ffffff;
    top: 0;
  }

  .header .menu .mobile-menu-head .go-back {
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    display: none;
  }

  .header .menu .mobile-menu-head.active .go-back {
    display: block;
  }

  .header .menu .mobile-menu-head .current-menu-title {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
  }

  .header .menu .mobile-menu-head .mobile-menu-close {
    height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 25px;
  }

  .header .menu .menu-main {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .header .menu>ul>li .sub-menu.mega-menu,
  .header .menu>ul>li .sub-menu {
    visibility: visible;
    opacity: 1;
    position: absolute;
    box-shadow: none;
    margin: 0;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    max-width: none;
    min-width: auto;
    display: none;
    transform: translateX(0%);
    overflow-y: auto;
  }

  .header .menu>ul>li .sub-menu.active {
    display: block;
  }

  @keyframes slideLeft {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }

  @keyframes slideRight {
    0% {
      opacity: 1;
      transform: translateX(0%);
    }

    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
    margin-top: 0;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
    margin-bottom: 20px;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
    margin-bottom: 0px;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
    flex: 0 0 100%;
    padding: 0px;
  }

  .header .menu>ul>li .sub-menu>ul>li>a,
  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
    display: block;
    margin-bottom: 10px;
  }

  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
    margin-bottom: 15px;
  }

  .menu-overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
  }

  .menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }

  .check-single {
    max-width: 50% !important;
    min-width: 50%;
    width: auto;
  }

  p {
    line-height: 24px !important;
  }

  .how-it-works-2 {
    padding: 15px 16px 45px 16px !important;
  }

  .fw-bold-500 {
    font-weight: 600;
  }

  .checkout-page .container {
    max-width: 100% !important;
  }

  .toggle-button {
    position: static !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    justify-content: start !important;
  }

  .img-sec img {
    height: 25px;
  }

  .robot-image {
    position: relative;
  }

  .contact-inner {
    border: none;
    border-radius: 0;
  }

  .contact-right {
    margin-bottom: 30px;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
  }

  .contact-left {
    border-radius: 20px;
  }

  .single-office {
    width: 48%;
  }

  .login-sec-1 {
    margin-top: -150px;
  }

  .login-content {
    padding: 10px 10px 20px 10px;
    background-color: #ffffff;
    border-radius: 10px;
  }

  .login-container {
    padding: 16px 16px 16px 16px;
  }

  .about-us-sec-1 {
    padding: 50px 50px;
  }

  .download-app-section {
    padding: 40px 0 0 0;
  }

  .download-app-section .mobile-text.h2 {
    font-size: 32px;
  }

  .download-app-section .app-image-col {
    min-height: 320px;
  }

  .download-app-section .app-mockup-img {
    max-height: 320px;
  }

  .download-app-section {
    padding: 40px 0 0 0;
  }

  .download-app-section .mobile-text.h2 {
    font-size: 32px;
  }

  .download-app-section .app-image-col {
    min-height: 320px;
  }

  .download-app-section .app-mockup-img {
    max-height: 320px;
  }
}



@media (max-width: 990px) {


  .fields-container {
    padding-top: 0px !important;
  }

  .main-sec-credit {
    margin-bottom: 0 !important;
    justify-content: space-between;
  }

  .payment-page .form-check.active .form-check-label {
    font-size: 16px;
  }
}

/* screen 768px and less */
@media (max-width: 768px) {

  .mb-50.single-order-table,
  .main-info-box.mb-50 {
    margin-bottom: 30px;
  }

  .info-item-mob {
    min-width: 50%;
  }

  .info-box .divider {
    display: none;
  }

  .mob-wid-full {
    min-width: 100% !important;
  }

  .mob-wid {
    max-width: 33%;
  }

  .no-order-main .fos-30 {
    font-size: 16px;
  }

  .no-order-main p {
    width: 70%;
  }

  .no-order-main img {
    margin-bottom: -55px;
    width: 50%;
  }

  .check-cust .address-card .fos-18,
  .address-card-same-as-billing .fos-18 {
    font-size: 14px;
  }

  .main-info-box {

    padding: 10px 0px;
  }

  .fleet-secs {
    padding: 5px 15px;
  }

  .fleet-secs .fos-30 {
    font-size: 24px;
  }

  .fleet-secs .fos-40 {
    font-size: 28px;
  }

  .fleet-secs .fos-24 {
    font-size: 18px;
  }

  .payment-page .form-check.active .form-check-label {
    font-size: 16px;
  }



  .hero-text-overlay h1 {
    font-size: 1.56rem;
    /* smaller on mobile */
  }

  .hero-text-overlay h2 {
    font-size: 1.2rem;
    /* smaller on mobile */
  }

  .hero-text-overlay h3 {
    font-size: 1.0rem;
    /* smaller on mobile */
  }

  .call-to-action {
    bottom: 80px !important;
  }


  .form-check-input[type="radio"]:checked::after {
    width: 10px;
    height: 10px;


  }








  .container.sec-1-inner.location-mt {
    margin-top: -60px;
  }

  .all-services .list-item h4,
  .all-services .list-item a,
  .menu-item-has-children a {
    font-size: 14px;
    /* color: #000000 !important; */
  }

  .submenu li a {
    font-size: 12px !important;
    color: #000000 !important;
  }

  .mobile-earning-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .mobile-earning-section h4 {
    margin-top: 0 !important;
  }

  .download-app-section {
    padding: 30px 0 0 0;
  }

  .download-app-section .mobile-text.h2 {
    font-size: 24px;
  }

  .download-app-section .app-image-col {
    min-height: 220px;
    align-items: flex-end;
  }

  .download-app-section .app-mockup-img {
    max-height: 220px;
    width: 80vw;
    margin-bottom: 0;
  }

  h2.fos-42.mb-30.fw-bold {
    font-size: 24px;
  }

  .download-app-section .newsletter-form {
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
  }

  .download-app-section .email-input,
  .download-app-section .subscribe-btn {
    width: 100%;
    min-width: 0;
    height: 40px;
    font-size: 15px;
  }

  .download-app-section .store-badge {
    height: 44px;
  }

  .price-card {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    font-family: 'Poppins', sans-serif;
  }

  .section {
    margin-top: 10px;
  }

  .row-line {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 6px 0;
  }

  .price-value {
    font-weight: 600;
  }

  .part-list {
    padding-left: 16px;
    font-size: 14px;
  }

  .section-title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
  }

  .summary-box {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 16px;
  }

  .summary-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 14px;
  }

  .summary-line.total {
    font-weight: 700;
    border-top: 1px solid #ddd;
    padding-top: 8px;
    margin-top: 8px;
  }

  .download-app-section {
    padding: 30px 0 0 0;
  }

  .download-app-section .mobile-text.h2 {
    font-size: 24px;
  }

  .download-app-section .app-image-col {
    min-height: 220px;
    align-items: flex-end;
  }

  .download-app-section .app-mockup-img {
    max-height: 220px;
    width: 80vw;
    margin-bottom: 0;
  }

  .download-app-section .newsletter-form {
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
  }

  .download-app-section .email-input,
  .download-app-section .subscribe-btn {
    width: 100%;
    min-width: 0;
    height: 40px;
    font-size: 15px;
  }

  .download-app-section .store-badge {
    height: 44px;
  }

  .vr-line {
    display: none;
  }

  .hero-container {
    min-height: calc(100vh - 120px);
  }

  .sec-1-get-free {
    margin-top: -40px;
  }

  .sticky-button-container {
    width: 100%;
    left: 0;
    transform: none;
    padding: 0 16px;
    bottom: 40px;
  }

  button.sticky-button.floating-button.show {
    width: 100%;
    font-size: 16px;
    padding: 14px 20px;
    text-align: center;
  }

  #heroVideo {
    width: 100vw !important;
    /* Force full viewport width */
    height: 100vh !important;
    /* Force full viewport height */
    min-width: 100vw;
    min-height: 100vh;
    object-fit: cover;
  }

  .video-container {
    height: 100dvh;
    /* Use dynamic viewport height (better on mobile) */
  }

  .hero-container {
    height: 100dvh;
    min-height: 100dvh;
  }

  .all-service-btn {
    width: 100%;
    padding: 17.5px 17.5px;
  }

  .header {
    padding: 13px 16px;
  }

  .hero-content h1 {
    font-size: 2rem;
  }

  .hero-content p {
    font-size: 1.2rem;
  }

  .hero-content p span {
    font-size: 0.9rem;
  }

  .desktop-view {
    display: none;
  }

  .map-temp-sec {
    padding: 25px 16px;
  }

  .sticky-button {
    font-size: 14px;
    padding: 17.5px 20px;
    width: 95vw;
  }

  .map-sec {
    margin-bottom: 26px;
  }

  .padding-top-mob {
    padding: 30px 16px !important;
  }

  .form-page-hero {
    min-height: 300px !important;
  }

  .padding-4-mob {
    padding-bottom: 50px !important;
    padding-top: 20px !important;
  }

  .padding-42-mob {
    padding-top: 20px !important;
  }

  .contact-right .mb-30 {
    margin-bottom: 20px;
  }

  .contact-right input {
    min-height: 62px;
  }

  .contact-us-poster {
    min-height: 459px !important;
  }

  .state-we-service-2 {
    padding: 35px 16px !important;
  }

  .work-card h4 {
    font-weight: 400;
  }

  .sec-3-items .mt-35 {
    margin-top: 20px;
  }

  .book-an-app {
    padding: 17.5px 10px !important;
    width: 100%;
  }

  .state-name {
    font-size: 12px;
  }

  .text-content p {
    font-size: 16px;
  }

  .ask-ai-btn {
    padding: 17.5px 20px;
  }

  .meet-tem-sec .fos-32 {
    font-size: 24px;
  }

  .appointment-btn {
    width: 100%;
    padding: 17.5px 9px;
  }

  .join-team {
    padding: 50px 28px;
    margin-top: 50px;
  }

  .meet-tem-sec {
    padding: 30px 16px 50px 16px;
  }

  .core-values {
    padding: 50px 27px;
  }

  .gap-100 {
    gap: 30px;
  }

  .our-v-m div {
    width: 100%;
  }

  .about-us-sec-1 {
    padding: 35px 16px 20px 16px;
  }

  .about-us-sec-1 .fos-42,
  .about-us-sec-1 .fos-32,
  .faq-inner-sec .fos-42,
  .state-we-service .fos-42,
  .how-it-works .fos-42,
  .single-service-sec-1 .fos-42,
  .sec-3-items .fos-42,
  .service-we-offer-sec .fos-42,
  .about-us-page .fos-42,
  .customer-saying .fos-42,
  .why-choose-us h1 {
    font-size: 24px;
  }


  .fos-144 {
    font-size: 95px;
  }

  .faq-inner-sec {
    padding: 35px 16px;
  }



  .form-page .mb-30 {
    margin-bottom: 20px;
  }

  .form-page .mb-50 {
    margin-bottom: 30px;
  }

  .check-single {
    max-width: 100% !important;
    min-width: 100%;
    width: auto;
  }

  .new-address-cls {
    margin-bottom: -15px;
  }

  .faq-item {
    padding: 40px 20px 40px 30px;
  }

  .faq-page {
    padding: 0px 16px 50px;
  }

  .faq-section {
    padding: 20px 16px !important;
  }

  .serach-with-text input {
    width: 100%;
  }

  .search-loc {
    width: 100%;
  }

  .search-con {
    gap: 12px;
  }

  .service-location {
    background-image: url(../images/service-location-mob.png) !important;
  }

  .login-content .fos-30 {
    font-size: 24px;
  }

  .state-we-service .mb-40 {
    margin-bottom: 20px;
  }



  .all-offices {
    row-gap: 20px;
  }

  .single-office .fos-20 {
    font-size: 16px;
  }

  .single-office {
    width: 100%;
    padding: 15px 28px;
    border-radius: 12px;
  }

  .submit-btn {
    width: 100%;
  }

  .icon-item img {
    margin-right: 20px;
  }

  .social-logos {
    gap: 15px;
  }

  .social-logos img {
    width: 26px;
  }

  .contact-left {
    padding: 50px 20px 50px 0;
  }

  .social-icons-bottom {
    padding: 28.5px 0 28.5px 20px;
    margin-top: 40px;
  }

  .icon-item {
    padding: 19px 0 19px 21px;
  }

  .contact-inner {
    margin-top: -350px;
    border: none;
    border-radius: 0;
  }

  .contact-sec-1 {
    padding: 50px 16px 0 16px;
  }

  .contact-right {
    margin-bottom: 30px;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    padding: 50px 30px;
  }

  .contact-left {
    border-radius: 20px;
  }

  .contact-left .fos-20 {
    font-size: 16px;
  }

  .side-form {
    padding: 25px 15px;
  }

  .book-an-app {
    width: 100%;
    padding: 17.5px 70px;
    margin-top: 30px;
  }

  .how-it-works-sec-2 {
    padding: 0px 16px 50px 16px;
  }



  .mob-margin .mb-50 {
    margin-bottom: 30px !important;
  }

  .height-311-mob {
    min-height: 270px !important;
  }

  .works {
    gap: 30px;
  }

  .how-it-works-poster .fos-50 {
    font-size: 30px;
  }

  .how-it-works-poster {
    min-height: 222px;
    background-position: top;
    background-image: url(../images/how-it-works-mobile.png);
  }

  .how-it-works-sec-1 {
    padding: 35px 16px 30px 16px;
  }

  .how-it-works-sec-1 .fos-30 {
    font-size: 24px;
  }

  .how-it-works-sec-1 .mb-40 {
    margin-bottom: 30px;
  }

  .single-service-sec-1 .fos-18 {
    font-size: 16px;
    line-height: 18px;
  }

  .single-service-sec-1 .fos-20 {
    font-size: 16px;
  }

  .single-service-sec-1 h5.fos-30 {
    font-size: 20px;
  }



  .single-service-sec-1 .fos-30 {
    font-size: 24px;
    font-weight: 500;
  }

  .single-service-sec-1 {
    padding: 30px 16px;
  }

  .fos-26 {
    font-size: 20px;
  }

  .data-sec .fos-26 {
    font-size: 24px;
  }

  .data-btn,
  .data-btn-2 {
    padding: 10px 15px;
    font-size: 12px;
  }

  .all-data-btns,
  .selected-btns,
  .all-data-btns-2,
  .selected-btns-2 {
    justify-content: center;
    row-gap: 5px;
    column-gap: 5px;
  }

  .data-1-sec,
  .data-2-sec {
    padding: 30px 0px;
  }

  .data-sec {
    padding: 30px 16px 50px 16px;
  }

  .wtcs.mb-50 {
    margin-bottom: 30px;
  }

  .sec-2-ai-22 {
    padding-top: 35px !important;
  }

  .about-us-page .fos-30 {
    font-size: 24px;
    font-weight: 600 !important;
  }

  h1.text-center.fos-30.fw-bold.poppins.color-uni {
    font-size: 24px;
  }

  .robot-image {
    max-width: 100px;
  }

  .services-top-sec .fos-50 {
    font-size: 24px;
  }

  .services-top-sec .fos-20 {
    font-size: 16px;
  }

  .fos-20 {
    font-size: 16px;
  }

  .service-we-offer-sec {
    padding: 10px 16px 40px 16px;
  }

  .services-top-sec {
    padding: 40px 16px;
    min-height: 270px;
  }

  .read-more-sec img {
    width: 100vw !important;
  }

  .read-more-sec {
    padding: 50px 16px 20px 16px;
    min-height: 400px;
    background-position: bottom;
    background-size: 100% 100%;
  }

  .read-more-sec .mt-20 {
    margin-top: 0;
  }

  .about-us-page .mb-50 {
    margin-bottom: 30px;
  }

  .about-us-page .mt-35 {
    margin-top: 10px;
  }



  .sec-1-get-free h1 {
    margin-bottom: 15px;
  }

  .about-us-page .fos-30 {
    font-size: 24px;
    font-weight: 600 !important;
  }

  .all-states {
    padding: 30px 9px;
    column-gap: 5px;
    row-gap: 5px;
  }

  .state-we-service {
    padding: 35px 16px 35px 16px;
  }

  .customer-saying {
    padding: 35px 16px 35px 16px;
    background-color: #f7f7f7;
  }



  .text-items-choose .single-item {
    border-bottom: 1px solid #ff00002b;
    padding: 13px 0;
    width: 100%;
  }

  .why-choose-us {
    padding: 25px 0 30px 16px;
  }

  .why-choose-us .mb-40 {
    margin-bottom: 20px;
  }

  .how-it-works iframe {
    margin-top: 30px;
  }

  .coles {
    width: 100%;
    display: flex;
    gap: 15px;
  }

  .how-it-works-sec-2 {
    /* padding: 50px 16.5px 50px 16.5px; */
  }

  .order-summery-head {
    font-size: 18px;
  }

  .edit-link {
    font-size: 12px;
    /* display: block; */
    margin: 0;
    width: fit-content;
  }

  .popup-padding {
    padding: 30px 20px;
  }

  .popup-sub-head {
    font-size: 18px;
  }

  .popup-para {
    font-size: 14px;
    font-weight: 300;
  }

  .fos-14 {
    font-size: 14px;
  }

  .fos-13 {
    font-size: 13px;
  }

  .fos-12 {
    font-size: 12px;
  }

  .apply-btn {
    font-size: 12px;
    padding: 12px 36px !important;
  }

  .input-promo {
    font-size: 12px;
    padding: 12px 15px;
  }

  .fw-bold-500 {
    font-weight: 600;
  }

  .checkout-page {
    padding: 30px 16px;
  }

  .order-summery {
    margin-bottom: 50px;
  }

  #tab1 {
    margin-bottom: 20px;
  }

  .form-billing {
    border: none;
  }

  .mbforty-excptn {
    margin-bottom: 0px !important;
  }

  .button-sub {
    width: 80% !important;
  }

  .button-sub {
    margin: auto;
  }

  .toggle-button {
    position: static !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    justify-content: start !important;
  }

  .fields-container {
    padding: 0 !important;
  }

  .form-check {
    padding: 0;
  }

  .review-page {
    padding: 20px 16px;
  }

  .footer-review>img {
    width: 33px;
  }

  .footer-review .avatar {
    width: 32px;
    height: 32px;
  }

  .footer-review h6 {
    font-size: 16px;
  }

  .footer-review small {
    font-size: 13px;
  }

  .background-img {
    padding: 0 16 px !important;
    height: 20vh;
  }

  .background-img h1 {
    font-size: 30px;
  }

  .review-card {
    padding: 22px 20px;
    height: auto;
    min-height: 270px;
  }

  .review-card p {
    font-size: 13px;
  }

  .form-check {
    padding: 19px 30px !important;
    cursor: grab;
  }

  .img-sec img {
    height: 27px;
  }

  .form-check-input[type="radio"] {
    width: 20px;
    height: 20px;
  }

  .second-payment-col,
  .first-payment-col {
    padding: 0px 10px !important;
  }

  .second-payment-col {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .review-header h2 {
    font-size: 20px !important;
    margin-bottom: 20px;
  }

  .button-sub {
    padding: 17px 0 !important;
  }

  .review-header {
    padding: 0 0 0 0;
    margin-bottom: 30px;
  }

  .radio-label {
    font-size: 15px;
  }

  .form-check.active .form-check-label {
    font-size: 18px;
  }

  .img-sec img {
    height: 20px;
  }

  /* other payment methodes */

  .paypal-btn,
  .venmo-btn,
  .apple-btn,
  .google-btn,
  .wex-btn,
  .cashapp-btn {
    padding: 8px 16px;
  }

  /* product selection page */
  .time-selector .time {
    width: 45%;
  }

  .popup-review-padding {
    padding: 4vw 3vw;
    /* padding: 60px 60px; */
  }

  #reviewPopup h3 {
    font-size: 24px;
  }

  #reviewPopup .fos-24 {
    font-size: 20px;
  }

  #reviewPopup .fos-18 {
    font-size: 14px;
  }

  #reviewPopup .fos-16 {
    font-size: 14px;
  }

  #reviewPopup .mb-50 {
    margin-bottom: 30px;
  }

  #reviewPopup .mb-30 {
    margin-bottom: 10px;
  }

  #reviewPopup .mb-60 {
    margin-bottom: 30px;
  }

  .profile-pic img {
    width: 50px;
  }

  .hero-container {
    background-image: url(../images/instant-car-fix-mobile.png);
    /* min-height: 30vh; */
    /* min-height: 500px; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .padding-universal {
    padding: 35px 16px;
  }

  .sec-1-inner {
    padding: 35px 20px;
  }

  .sec-2-ai {
    padding: 0px 16px 20px 16px;
  }

  .sec-3-items .mb-36 {
    margin-bottom: 30px;
  }

  .search-box {
    min-height: 46px;
  }

  .sec-ai {
    padding: 20px 20px;
  }

  .sec-3-items {
    padding: 30px 16px;
  }

  .all-service-btn {
    width: 100%;
    padding: 17.5px 17.5px;
  }

  .full-width {
    width: 100%;
  }

  .container.form-billing.rounded.py-md-4.px-md-3 {
    margin-top: 30px;
  }

  .last-total {
    margin-bottom: 15px;
  }

}

/* screen 576px and less */
@media (max-width: 576px) {
  .view-order-btns button {
    width: 100%;
  }

  .newcheck .vr-line-addon {
    display: none;
  }

  .how-it-works .col-lg-4.col-md-6.col-sm-12 {
    padding: 0;
  }

  .hero-text-overlay h1 {
    font-size: 1.8rem;
    /* smaller on mobile */
  }

  .how-it-works .container {
    padding: 0;
  }

  .container,
  .container-sm {
    max-width: 100% !important;
  }

  .container.sec-1-inner.location-mt {
    margin-top: 0px;
  }

  .d-flex.align-items-center.gap-4.mt-3 {
    flex-wrap: wrap !important;
    justify-content: space-between;
    /* Optional: improves spacing */
  }

  .d-flex.align-items-center.gap-4.mt-3>.form-check1 {
    flex: 0 0 48%;
    max-width: 45%;
    margin-bottom: 0.75rem;
  }

  .d-flex.align-items-center.gap-4.mt-3 .vr {
    display: none !important;
  }

  .policy-title {
    font: 600 24px/30px 'Poppins', sans-serif;
    /* text-align: center; */
  }

  .policy-list {
    font: 500 20px/24px 'Poppins', sans-serif;
    line-height: 30px;
    padding-left: 1rem;
  }

  .policy-list1 {
    font: 500 20px/24px 'Poppins', sans-serif;
    line-height: 30px;
    padding-left: 1rem;
  }

  .policy-heading {
    font: 500 20px/26px 'Poppins', sans-serif;
  }

  .policy-subheading {
    font: 400 16px/24px 'Poppins', sans-serif;
  }

  .policy-text {
    font: 400 13px/24px 'Poppins', sans-serif;
  }

  .policy-text1 {
    font: 400 13px/26px 'Poppins', sans-serif;

  }

  .policy-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  section.how-it-works-poster.text-center.text-white.poppins.privacy-policy {
    min-height: 121px;
    padding: 0 15px;
    text-align: center;
  }

  .policy-section .mb-40 {
    margin-bottom: 30px;
  }

  .row.mb-70 {
    margin-bottom: 30px;
  }

  .accordion-button {
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
    font-weight: 500;
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none !important;
    margin-bottom: 10px;
  }

  .accordion-button::after {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
  }

  .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
  }

  .accordion-button:focus {
    box-shadow: none;
  }

  .accordion-collapse {
    /* border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 8px 8px; */
    padding: 0px 15px;
  }

  .modal-dialog {
    max-width: 95% !important;
    margin: 1rem auto;
  }

  .modal-content1 {
    padding: 18px;
  }

  .section-title {
    flex-direction: column;
    gap: 6px;
  }

  .row-line {
    flex-direction: column;
    gap: 3px;
  }

  .faq-inner-sec {
    padding: 10px 5px;
  }

  .mb-5 {
    margin-bottom: 1rem !important;
  }

  .faq-item {
    padding: 20px 20px 20px 10px;
  }

  .faq-item h5 {
    font-size: 16px;
  }

  .all-service-btn {
    font-size: 14px;
    padding: 15px 15px;
  }
}

@media (max-width:575px) {
  .select-date {
    padding: 0px 18px;
  }

  .select-date .date-day {
    width: 75px;
    height: 75px;
    padding: 12px 6px;
  }

  .select-date .date-day h6 {
    font: 500 normal 16px/24px 'Open Sans';
    margin-bottom: 0px;
  }

  .select-date.owl-carousel .owl-nav button.owl-prev {
    margin-left: -18px;
  }

  .select-date.owl-carousel .owl-nav button.owl-next {
    margin-right: 16px;
  }

}

/* screen 500px and less */
@media (max-width: 500px) {
  .chatbot-popup {
    /* max-width: 423px; */
    min-width: 350px;
    min-height: 350px;
  }

  .hero-text-overlay h1 {
    font-size: calc(1.375rem + 1.5vw);
    /* smaller on mobile */
  }

  .chat-body-2 {
    /* min-height: 350px; */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  .chat-form {
    padding: 10px;
  }
}

/* screen 480px and less */
@media (max-width: 480px) {
  .download-app-section {
    padding: 20px 0 0 0;
  }

  .download-app-section .mobile-text.h2 {
    font-size: 18px;
  }

  .download-app-section .app-image-col {
    min-height: 160px;
  }

  .download-app-section .app-mockup-img {
    max-height: 160px;
    width: 100vw;
    margin-bottom: 0;
  }

  .download-app-section {
    padding: 20px 0 0 0;
  }

  .download-app-section .mobile-text.h2 {
    font-size: 18px;
  }

  .download-app-section .app-image-col {
    min-height: 160px;
  }

  .download-app-section .app-mockup-img {
    max-height: 160px;
    width: 100vw;
    margin-bottom: 0;
  }

  .month-display {
    font-size: 16px;
  }

  .nav-arrow {
    font-size: 20px;
    padding: 0 8px;
  }

  .date-navigation-container {
    padding: 10px 15px;
  }

  .hero-content h1 {
    font-size: 1.5rem;
  }

  .hero-content p {
    font-size: 1rem;
  }

  .hero-content p span {
    font-size: 0.8rem;
  }

  button.sticky-button.floating-button.show {
    font-size: 15px;
    padding: 12px 16px;
  }
}

/* screen 400px and less */
@media (max-width: 400px) {
  .navbar-expand .navbar-nav .nav-link {
    padding-right: 0;
  }

  .popup-review-padding {
    padding: 5vw 3vw;
  }

  .hero-text-overlay h1 {
    font-size: calc(1.375rem + 1.5vw);
    /* smaller on mobile */
  }

  #reviewPopup h3 {
    font-size: 20px;
  }

  #reviewPopup .fos-24 {
    font-size: 18px;
  }

  #reviewPopup .fos-18 {
    font-size: 12px;
  }

  .profile-pic img {
    width: 30px;
  }

  .navbar-expand .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }

  .top-nav .col-lg-4.col-md-6.col-sm-12 {
    padding: 0;
  }
}

@media (max-width: 375px) {
  .top-nav .nav-link {
    font-size: 13px;
  }

  .hero-text-overlay h1 {
    font-size: calc(1.375rem + 1.5vw);
    /* smaller on mobile */
  }
}

@media (max-width: 360px) {
  .top-nav .nav-link {
    font-size: 13px;
  }

  .hero-text-overlay h1 {
    font-size: calc(1.375rem + 1.5vw);
    /* smaller on mobile */
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}