* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --primary-color: #3a1b50;
  --secondary-color: #5bc2e7;
}

a {
  text-decoration: none;
}

body {
  color: #041e42;
}

ul li {
  font-size: 0.95rem;
  line-height: 1.8rem;
}

.arabic-version ul li {
  font-size: 0.9rem;
  line-height: 1.8rem;
}

ul li::marker {
  color: var(--secondary-color);
  font-size: 22px;
}

ul {
  padding-inline-start: 1.2rem;
}

.no-scroll {
  overflow: hidden;
}

@media (min-width: 2030px) {
  html {
    font-size: 22px;
  }
}

@media (min-width: 1800px) and (max-width: 2030px) {
  html {
    font-size: 19px;
  }
}

@media (max-width: 991.888888889px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 13px;
  }
}

@media (min-width: 1600px) {

  .container,
  .container-fluid {
    max-width: 90%;
  }

  .container .container,
  .container .container-fluid,
  .container-fluid .container,
  .container-fluid .container-fluid {
    max-width: 100%;
  }
}

/* english fonts  */


h1 {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--primary-color);
}

h2 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--primary-color);
}

h3 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--primary-color);
}

h4 {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--primary-color);
}

h5 {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--primary-color);
}

p {
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--primary-color);
}

a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

span {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--primary-color);
}

label {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
}

th {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

td {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

/* ar */
.arabic-version h1 {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.7;
}

.arabic-version h2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}

.arabic-version h3 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
}

.arabic-version h4 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

.arabic-version h5 {
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.8;
}

.arabic-version p {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
}

.arabic-version a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.arabic-version span {
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.6;
}

.arabic-version label {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}

.arabic-version {
  direction: rtl;
}

button span {
  font-size: 0.85rem;
  font-weight: 400;
}

a span {
  font-size: 0.85rem;
  font-weight: 400;
}

/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
.page-header {
  height: 400px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 3rem;
  position: relative;
}

.page-header .container {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 2;
}

.page-header .container h2 {
  color: #fff;
  font-size: 40px;
}

.arabic-version .page-header .container h2 {
  font-size: 36px;
}

@media (max-width: 767.888888888px) {
  .page-header .container h2 {
    font-size: 33px;
  }

  .arabic-version .page-header .container h2 {
    font-size: 30px;
  }
}

.opacity-50 {
  opacity: 0.5;
}

.secondary-btn {
  background-color: transparent;
  color: var(--main-color);
  padding: 0.5rem 2.8rem;
  border-radius: 45px;
  border: var(--main-color) solid 1px;
  font-size: 1.2rem;
}

.secondary-btn:hover {
  background-color: var(--main-color);
  color: rgba(250, 250, 250, 1);
  border-color: transparent;
}

.centerd-section-topic {
  display: flex;
  flex-direction: column;
  padding-top: 4rem;
  /* margin-top: 3rem; */
  margin-bottom: 1rem;
  gap: 10px;
  align-items: center;
  text-align: center;
  width: 75%;
}

.centerd-section-topic p {
  width: 84%;
}

@media (max-width: 767.89px) {
  .centerd-section-topic {
    width: 100%;
  }

  .centerd-section-topic p {
    width: 100%;
  }
}

.MW-table-box td {
  text-align: start;
}

input[type="radio"] {
  appearance: none;
  position: relative;
  accent-color: var(--primary-color);
  cursor: pointer;
}

input[type="radio"]:checked {
  border: var(--primary-color) 1px solid;
}

input[type="radio"]:checked::before {
  content: "";
  background-color: var(--primary-color);
  width: 13px;
  height: 13px;
  position: absolute;
  border-radius: 9999px;
  inset-inline-start: 5.2px;
  top: 5.2px;
}

/* pagination */

form div .main-btn svg {
  fill: white;
}

form div .main-btn:hover svg {
  fill: var(--main-color);
}

form textarea {
  border-radius: 5px;
  height: 100px;
}

form .g-recaptcha {
  width: fit-content;
  margin: auto;
  margin-top: 2rem;
}

@media (max-width: 575px) {
  form .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}



input {
  border: 1.5px solid #041e422f;
  padding: 0.4rem 0.6rem;
  border-radius: 999px;
  height: 45px;
  width: 100%;
  background-color: transparent;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
}

input::placeholder {
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: rgba(4, 30, 66, 0.3);
}

textarea {
  border: 1.5px solid #041e422f;
  height: 160px;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  text-indent: 0.5rem;
}

textarea::placeholder {
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: rgba(4, 30, 66, 0.3);
}

select {
  border: 1.5px solid #041e422f;
  padding: 0.4rem 0.6rem;
  border-radius: 999px;
  height: 45px;
  background-color: transparent;
  appearance: none;
  background-image: url(../assets/Icons/CaretDown.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding-inline-end: 2rem;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: rgba(4, 30, 66, 0.3);
}

.arabic-version select {
  background-position: center left 15px;
}


/* ================================================== */




header {
  background: #3A1B50;
  padding: 8px 0px;
  align-items: center;
}

body,
html {
  overflow-x: hidden;
}

body {
  /* opacity: 0; */
}

button:active,
button:focus {
  outline: none !important;
}

input:focus,
input:active {
  outline: none !important;
  box-shadow: none !important;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style-type: none;
}

section {
  /* padding: 75px 0px; */
  width: 100%;
}

@media (min-width: 992px) {

  header .container-fluid,
  nav .container-fluid {
    width: 88%;
  }
}

.logo img {
  height: 60px;
}

.header__list_your_car {
  background: #FFFFFF;
  padding: 13px 20px;
  display: flex;
  gap: 15px;
  align-items: center;
  width: fit-content;
}

.header__list_your_car p {
  margin: 0;
  font-size: 11pt;
}

.header__list_your_car img.car {
  height: 30px;
}

.header__list_your_car img.icon {
  height: 25px;
}

.header__actions {
  display: flex;
  gap: 10px;
  height: 100%;
  align-items: center;
  justify-content: right;
  padding-right: 15px;
}

.header__actions li.header__actions_list_item {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 0 5px;
  border-right: 1px solid white;
  position: relative;
  cursor: pointer;
}

.header__actions li.header__actions_list_item:last-child {
  border-right: none;
}

.header__actions li.header__actions_list_item p {
  margin: 0;
  color: white;
  font-weight: bold;
  font-size: 10pt;

}

.header__actions li.header__actions_list_item i {
  margin-right: 5px;
  font-size: 12pt;
  /* height: 17px; */
}

.header__actions li.header__actions_list_item select {
  background: transparent;
  border: none;
  color: white;
  font-size: 10pt;
  padding: 0;
  text-decoration: underline;
}

.header__actions li.header__actions_list_item select:active,
.header__actions li.header__actions_list_item select:focus {
  outline: none;
}

.header__actions_menu {
  position: absolute;
  top: 30px;
  background: white;
  border-radius: 8px;
  right: 0;
  z-index: 999999;
  border: 3px solid #E6F6FF;
  display: none;
  width: 200px;
}

.header__actions_menu li {
  padding: 10px 17px;
  border-bottom: 2px solid #E6F6FF;
  color: #3C1D4E;
  font-size: 11pt;
  font-weight: 600;
}

.header__actions_menu li a {
  font-weight: bold;
}

.cities_menu li a {
  font-weight: 600;
}

.header__actions_label {
  color: white;
  font-size: 10pt;
  padding: 0px 2px;
  cursor: pointer;
  display: flex;
  align-items: center;

}

.header__actions_label img {
  margin-right: 5px;
}

.header__actions_label i {
  margin-left: 3px;
}

.navbar {
  background: white !important;
  border-top: 3px solid #E6F6FF;
  border-bottom: 3px solid #E6F6FF;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link {
  color: #3A1B50;
  font-weight: 500;
  border-right: 0.5px solid #E6F6FF;
  padding-right: 15px;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #3A1B50 !important;
}

.navbar-nav {
  gap: 10px;
}

.product__horizontal .product__vertical_bottom_features {
  position: relative;
}

.product__horizontal .product__vertical_bottom .cm-logo {
  display: none;
}

.dropdown-toggle,
.dropdown-toggle:hover {
  text-decoration: underline !important;
}

.nav-icons ul {
  display: flex;
  gap: 17px;
  align-items: center;
}

.search-banner {
  /* background: url('../images/search_bg.webp'); */
  background-size: cover;
  height: auto;
  background-position: center;
  position: relative;
}

footer ul li a {
  color: white;
  font-size: 13pt;
  font-weight: 500;
  display: block;
  height: 26px;
  overflow: hidden;
}

.search-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-banner-field {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  text-align: center;
}

.search-banner-field .search-banner-field__input {
  position: relative;
}

.search-banner-field .search-banner-field__input i,
.search-banner-field .search-banner-field__input svg {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #3A1B50;
  font-size: 14pt;
}

.search-banner-field .search-banner-field__input input {
  border-radius: 0px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 12px;
  width: 400px;
  padding-left: 42px;
  height: 100%;
}

@media (max-width:576.89px) {
  .search-banner-field .search-banner-field__input input {
    width: 100%;
  }
}

.search-banner-field .search-banner-field__btn {
  position: relative;
}

.search-banner-field .search-banner-field__btn button {
  height: 100%;
  background: rgba(58, 27, 80, 0.8);
  border: none;
  color: white;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 12px 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.search-banner-field .search-banner-field__btn button img {
  margin-right: 10px;
}

.home__brands,
.home__features {
  padding: 30px 0px;
}

.home__brands_title {
  position: relative;
  display: flex;
  align-items: center;
}

.home__brands_title h3 {
  display: inline-block;
  font-weight: 700;
  font-size: 17pt;
  position: relative;
  z-index: 999;
  background: white;
  margin: 0;
  padding-right: 30px;
}

.home__brands_title:after {
  display: block;

  border-top: 2px solid silver;
  width: 100%;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
}

.home__brands_desc {
  margin-top: 15px;
  font-size: 10.5pt;
  font-weight: 400;
  height: 20px;
  overflow: hidden;
}

.contact-footer li {
  width: 100% !important;
}

.home__brands_content {
  margin-top: 20px;
}

.home__brands_item {
  border: 1px solid #E6EAEE;
  text-align: center;
}

.home__brands_item img {
  height: 100px;
  width: 100%;
  /* max-width: 90%; */
  object-fit: contain;
}

.home__brands_item h3 {
  margin: 0;
  text-align: center;
  background: #e6f6ff;
  font-weight: 400;
  font-size: 13pt;
  padding: 10px;
}

.owl-carousel .owl-nav {
  position: absolute;
  width: 100%;
  height: 0;
  top: 35%;
  transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-prev {
  float: left;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  left: -60px;
}

.owl-carousel .owl-nav button.owl-next {
  float: right;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  right: -60px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}

.home__features_content {
  margin-top: 25px;
}

.product__vertical {
  width: 100%;
  border: 1px solid #EDEDED;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  margin-bottom: 15px;
  display: flex;
}

.product__vertical {
  flex-direction: column;
  max-height: unset;
  height: 100% !important;
  border-radius: 30px;
}

.product__vertical .product__vertical_top {
  position: relative;
}

.product__vertical .product__vertical_top .product__vertical_meta {
  display: flex;
  gap: 10px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding: 12px 12px;
}

.product__vertical .product__vertical_top .product__vertical_meta span {
  padding: 5px 9px;
  font-size: 8pt;
  color: #23262D;
  border-radius: 4px;
  font-weight: 500;
}

.bg-blue {
  background: #03A9F4;
}

.bg-black {
  background: black;
}

.bg-orange {
  background: #ffa200;
}

.product__vertical_meta .wishlist {
  background: #E6F6FF;
  margin-left: auto;
  color: black !important;
}

.product__vertical .product__vertical_top img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}

.product__vertical .product__vertical_bottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product__vertical .product__vertical_bottom h2 {
  font-size: 12pt;
  font-weight: 400;
  padding: 15px 20px;
  border-bottom: 1px solid #EDEDED;
}

.product__vertical_bottom_features {
  display: flex;
  padding: 5px 20px;
  padding-bottom: 15px;
  align-items: flex-start;
}

.product__vertical_bottom_features ul {
  flex: 3;
  padding-left: 20px;
}

.product__vertical_bottom_features ul li {
  list-style-type: disc;
  margin-bottom: 3px;
  font-size: 11pt;

}

.product__vertical_bottom_features ul li:last-child {
  margin-bottom: 0;
}

.product__vertical_bottom_features div {
  flex: 1;
}

.product__vertical .product__vertical_bottom .home__brands_item {
  height: auto;
}

.product__vertical .product__vertical_bottom .home__brands_item img {
  height: 60px;
  object-fit: cover;
}

.product__vertical .product__vertical_bottom .home__brands_item h3 {
  font-size: 11pt;
  padding: 5px;
}

.product__vertical_actions {
  border-top: 1px solid #EDEDED;
  padding: 15px 20px;
}

.product__vertical_actions ul {
  width: 100%;
  display: flex;
  gap: 10px;
}

.product__vertical_actions ul li {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11pt;
}

.product__vertical_actions ul li a {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11pt;
}

.product__vertical_actions ul li span {
  display: flex;
  align-items: center;
}

.product__vertical_actions ul li i {
  background: #E6F6FF;
  color: #3D1F50;
  border-radius: 50%;
  padding: 0;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  font-size: 11pt;
  zoom: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__vertical_actions ul li i.fa-whatsapp {
  font-size: 12.5pt;
}

.home_brands_view_all {
  background: #E6F6FF;
  padding: 5px 25px;
  border-radius: 25px;
  color: #3D1F50 !important;
}

.home_brands_view_all_holder {
  margin-left: auto;
  position: relative;
  z-index: 999;
  background: white;
  padding-left: 20px;
}

.home__rental_companies .product__vertical_top img {
  height: 115px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px
}

.home__rental_companies .product__vertical {
  border-radius: 8px;
}

.home__rental_companies .product__vertical_bottom_features {
  padding-top: 10px;
  padding-bottom: 12px;
  min-height: 69px;
}

.home__banner_item {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.home__banner_item img {
  width: 100%;
  height: auto !important;
}

.home__banner,
.home__find_your_car {
  padding: 30px 0px;
}

.home__find_your_car_top {
  text-align: center;
}

.home__find_your_car_top p {
  color: black;
  max-width: 700px;
  margin: 0 auto;
  margin-top: 25px;
}

.home__find_your_car_top h2 {
  color: #23262D;
  font-weight: 400;
}

.home__find_your_car_item {
  width: 100%;
  background: white;
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
  position: relative;
  z-index: 99;
  height: 100%;
}

.home__find_your_car_item img {
  height: 55px;
  margin-bottom: 25px;
}

.home__find_your_car_item h3 {
  font-size: 15pt;
  text-align: center;
  min-height: 3.1rem;
}

.home__find_your_car_item p {
  margin: 0;
  font-size: 11pt;
  color: #111111;
  text-align: center;
}

.home__find_your_car_top {
  margin-bottom: 50px;
}

.home__find_your_car_line {
  height: 100%;
  display: flex;
  align-items: center;
}

.home__about {
  background: url('../images/about_bg.webp');
  background-size: contain;
}

.home__about img {
  width: 100%;
  height: auto !important;
}

.home__about_content h2,
.home__about_content h1,
.home__about_content h3 {
  color: #3A1B50;
  font-size: 25pt;
  line-height: 1.4;
}

.home__about_content p {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 5px;
}

.home__book_your_next_trip {
  /* background: url('../images/your_next_trip_bg.png'); */
  background-size: cover;
  padding: 100px 0px;
  position: relative;
}

.home__find_your_car_line img {
  width: auto !important;
}

.home__book_your_next_trip img.bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.home__book_your_next_trip_content h3 {
  color: white;
  font-weight: bold;
  font-size: 27pt;
  line-height: 1.4;
  margin-bottom: 50px;
}

.home__book_your_next_trip_content ul {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 350px;
  margin: 0 auto;
}

.home__book_your_next_trip_content ul li {}

.sk-badge-name {
  font-size: 14pt !important;
}

.home__book_your_next_trip_content ul li {
  color: white;
  font-weight: 700;
  margin: 0;
  font-size: 13pt;
}

.home__book_your_next_trip_content ul li span {
  color: white;
  font-size: 11pt;
  line-height: 1.5;
  display: block;
}

.home__find_your_car .row {
  justify-content: center !important;
}

.height-auto {
  height: auto !important;
}

.vertical-line {
  width: 3px;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: white;
  margin-top: 50px;
}

.home__google_reviews_title {
  margin-bottom: 25px;
}

.home__google_reviews_title p {
  text-transform: uppercase;
  color: #5E6282;
  font-weight: 500;
  margin-bottom: 10px;
}

.home__google_reviews_title h3 {
  color: #14183E;
  font-weight: bold;
}

.accordion {
  margin-top: 25px;
}

.accordion .card {
  border-radius: 8px;
  margin-bottom: 20px;
  cursor: pointer !important;
}

.accordion .card-header {
  background: #E6F6FF;
  padding: 0;
  border-bottom: none;
  cursor: pointer;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer !important;

}

.accordion .card .btn {
  color: #3D1F50;
  padding: 0;
  width: 100%;
  display: block;
  cursor: pointer !important;
  padding: 1rem 1.25rem;
}

.accordion .card .btn:hover {
  text-decoration: none !important;
}

.accordion .card .card-body {
  background: #E6F6FF;
  padding-top: 5px;
  color: #3D1F50;
}

.accordion .card .btn i {
  float: right;
  background: white;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 10pt;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-up {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 999999999;
}

.scroll-up img {
  height: 100px;
  cursor: pointer;
}

footer {
  /* background: url('../images/footer_bg.webp'); */
  background-size: cover;
  position: relative;
}

footer .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

footer ul {
  padding-left: 30px;
  border-right: 1px solid white;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

footer ul li {
  list-style: disc;
  margin-bottom: 5px;
  width: 33.33333333%;
}

footer {
  padding: 50px 0px;
}

footer ul li a {
  color: white;
  font-size: 13pt;
  font-weight: 500;
}

footer ul li::marker {
  color: white;
}

footer ul li a:hover {
  color: white
}

.footer-apps {
  text-align: center;
}

.footer-apps p {
  color: white;
  font-weight: 600;

  font-size: 14pt;
}

.footer-apps img {
  width: 130px;
  height: auto !important;
}

.footer-bottom {
  margin-top: 50px;
}

.footer-bottom p {
  margin: 0;
  text-align: center;
  color: white;
  font-size: 13pt;
}

.navbar-nav .dropdown-menu {
  background: white;
  border-radius: 8px;
  z-index: 999999;
  border: 3px solid #E6F6FF;
  width: 270px;
  padding: 0;
  margin: 0;
}

.navbar-nav .dropdown-menu a.dropdown-item {
  padding: 10px 20px;
  border-bottom: 2px solid #E6F6FF;
  color: #3C1D4E;
  font-size: 10pt;
  font-weight: 600;
}

.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus {
  color: #3C1D4E;
  text-decoration: none;
}

.navbar__car_brand_item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 0px;
}

.navbar__car_brand_item img {
  height: 60px;
}

.navbar__car_brand_item p {
  margin: 0;
  color: #3A1B50;
  font-weight: 500;
}

.navbar__car_brand {
  width: 991px !important;
  padding: 10px !important;
}

.apps-image {
  width: auto;
  height: 37px;
}

.accordion .card .btn {
  text-wrap: wrap;
}

.breadcrumb-list {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
}

.breadcrumb-list span {
  margin-left: 0 !important;
  transform: scaleX(-1) !important;
  background: transparent !important;
  border: 0 !important;
  height: 20px !important;
  width: 10px !important;
}

.breadcrumb-list span i {
  color: #939393 !important;
}

.breadcrumb-list li a {
  color: #939393;
  font-size: 13pt;
}

.breadcrumb-list li a.active {
  color: #3A1B50;
}

.products-page {
  padding: 25px 0px;
}

.products-page .product__vertical {
  flex-direction: column;
}

.product-page__header {
  margin-top: 25px;
}

.product-page__header h1 {
  font-weight: 400;
  font-size: 18pt;
}

.product-page__header p {
  font-size: 11pt;
  margin: 0;
  height: 45px;
  overflow: hidden;
  /* text-transform: capitalize; */
}

.product-page__sub_categories {
  width: 100%;
  display: flex;
  border-radius: 6px;
  border: 1px solid #000000;
  padding: 5px 35px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.product-page__sub_categories li {
  flex: 0 25%;
  list-style-type: disc;
  padding: 10px;
}

.product-page__sub_categories li a {
  color: #000000;
  font-size: 10pt;
}

.products-page__filter_header h2 {
  text-transform: uppercase;
  font-size: 25pt;
  letter-spacing: 2px;
}

.products-page__filter_header p {
  text-transform: uppercase;
  margin-top: 15px;
}

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

.products-page__filter_body {
  margin-top: 30px;
}

.products-page__filter_body .form-control {
  background: #E6F6FF;
  color: black;
  padding: 15px 20px;
  border: none;
  height: auto !important;
  color: rgba(0, 0, 0, 0.75);
  outline: none !important;
  box-shadow: none !important;
}

.filter__price {
  margin-top: 20px;
  direction: ltr !important;
}

.filter__price p,
.type__filter p {
  letter-spacing: 0PX;
}

.type__filter li input {
  width: 0;
  height: 0;
}

#price-range {
  zoom: 0.8;
  margin-bottom: 15px;
}

.type__filter ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.type__filter ul li {
  background: #E6F6FF;
  padding: 8px 20px;
  font-weight: 600;
  text-align: center;
  color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}

.type__filter ul li.active {
  background: #3A1B50;
  color: white;
}

.filter__submit button {
  background: #3A1B50;
  color: white;
  padding: 12px 20px;
  font-weight: 600;
  width: 100%;
  border: none;
  font-size: 13pt;
  margin-top: 20px;
}

.products-page__sort_by {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  margin-left: auto;
  gap: 10px;
}

.products-page__sort_by_holder {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.products-page__sort_by .form-control {
  height: auto;
  width: auto;
  background: #E6F6FF;
  color: black;
  padding: 8px 20px;
  border: none;
  height: auto !important;
  color: rgba(0, 0, 0, 0.75);
  outline: none !important;
  box-shadow: none !important;
}

.product__horizontal {
  display: flex;
  align-items: stretch;
}

.product__horizontal .product__vertical_top,
.product__horizontal .product__vertical_bottom {
  flex: 1.5;
}

.product__horizontal .product__vertical_bottom {
  flex: 2;
}

.product__horizontal .product__vertical_top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.products-page__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.product__horizontal {
  border-radius: 30px;
  overflow: hidden;
  margin: 0;
}

.product__horizontal_fees {
  border: none;
}

.product__horizontal_fees h3 span {
  display: block;
  color: #3A1B50;
  font-weight: 600;
}

.product__horizontal_fees h3 {
  margin-bottom: 5px;

}

.product__horizontal .product__vertical_bottom .home__brands_item img {
  height: 40px;
  object-fit: cover;
  width: 100%;
}

.product__horizontal_right {
  padding-right: 12px;
}

.single_product_main_image {
  margin-bottom: 25px;
}

.single_product_main_image img {
  width: 100%;
  height: 335px;
  object-fit: cover;
}

.single_product_main_image-box {
  width: 100%;
}

.single_product_main_image .owl-nav,
.single_product_images .owl-nav {
  display: none;
}

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

.single_product_images_item img {
  height: 170px;
  width: 100%;
  object-fit: cover;
}

.single_product_right .product__vertical {
  border: none;
  box-shadow: none;
}

.single_product_right .product__vertical_bottom_features {
  padding: 0;
  margin-bottom: 15px;
}

.single_product_right .home__brands_item {
  border: none;
  margin-top: 20px;
}

.single_product__mini_description {
  font-size: 11.5pt;
  line-height: 1.5;
  margin: 20px 0px;
}

.single_product_right h4 {
  font-size: 16pt;
  margin-bottom: 15px;
  margin-top: 20px;
}

.single_product_right .product__horizontal_fees {
  margin-top: 0;
  margin-bottom: 15px;
}

.nav-tabs .nav-link {
  color: rgba(0, 0, 0, 0.40);
  font-size: 15pt;
  padding: 10px 0px;
  margin-right: 20px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
  border: none;
  border-bottom: 3px solid #3A1B50;
}

.single_product__bottom .tab-content>.tab-pane {
  padding: 15px 0px;
  padding-bottom: 0;
}

.tab-content>.tab-pane h3 {
  margin-bottom: 15px;
}

.tab-content>.tab-pane p.headline {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14pt;
}

.tab-content>.tab-pane div {
  margin: 10px 0px;
}

.page-header__title {
  text-align: left;
  color: white;
  margin: 0;
  font-weight: 600;
}

.page-banner {
  height: auto;
}

.list__item img {
  width: auto;
  max-height: 500px;
  max-width: 100%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.contact_header {
  margin-bottom: 50px;
}

.contact_header h3 {
  font-size: 17pt;
}

.contact_header p {
  font-size: 12pt;
  line-height: 1.6;
}

.contact__box_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: #E6F6FF;
  padding: 30px 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  text-align: center;
  justify-content: center;
}

.contact__box_item i,
.contact__box_item h4,
.contact__box_item {
  margin: 0;
}

.contact__box_item i {
  color: #3A1B50;
  font-size: 32pt;
}

.contact__box_item h4 {
  color: #3A1B50;
}

.map-bg {
  background-image: url('../images/map_bg.png');
  background-size: contain
}

.contact__box_mt {
  margin-top: 50px;
}

.contact_map iframe {
  width: 100% !important;
  height: 599px;
}

.contact__form .form-control,
.contact__form .form-control:active,
.contact__form .form-control:focus {
  background: #E6F6FF;
  color: black;
  padding: 15px 20px;
  border: none;
  color: rgba(0, 0, 0, 0.75);
  outline: none !important;
  box-shadow: none !important;
}

.contact__form h3 {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.contact__form textarea.form-control {
  height: 120px !important;
}

.contact__form .form-group button {
  background: #3A1B50;
  color: white;
  padding: 12px 20px;
  font-weight: 600;
  width: 100%;
  border: none;
  font-size: 13pt;
  margin-top: 20px;
}

.modal-header {
  background: #E6F6FF;
  text-align: center;
}

.modal-header h5 {
  color: #3A1B50;
  text-align: center;
  width: 100%;
}

.modal-body .form-control {
  background: #E6F6FF;
  color: black;
  padding: 10px 20px;
  border: none;
  color: rgba(0, 0, 0, 0.75);
  outline: none !important;
  box-shadow: none !important;
}

.modal-body {
  padding: 25px 50px;
}

.modal-footer {
  padding-right: 50px;
  padding-left: 50px;
}

.modal-body button {
  background: #3A1B50;
  color: white;
  padding: 12px 20px;
  font-weight: 600;
  width: 100%;
  border: none;
  font-size: 13pt;
  margin-top: 15px;
}

.modal-open {
  padding-right: 0 !important;
}

.my-account-menu {

  background: white;
  border-radius: 8px;
  border: 3px solid #E6F6FF;

  width: 100%;
}

.my-account-menu li {
  padding: 15px 20px;
  border-bottom: 2px solid #E6F6FF;
  color: #3C1D4E;
  font-size: 10pt;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.my-account-menu li:first-child {
  align-items: center;
  justify-content: center;
}

.my-account-menu li img {
  height: 40px
}

.my-account-menu li p {
  margin: 0;
  font-size: 12pt;
}

.my-account-content .nav-tabs .nav-item {
  flex: 1;
}

.my-account-content .nav-tabs {
  background: #E6F6FF;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.my-account-content {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.my-account-content .nav-tabs .nav-item .nav-link {
  color: #3C1D4E;
  text-align: center;
  font-size: 12pt;
  border-radius: 0;
  margin: 0 !important;
}

.my-account-content .nav-tabs .nav-item:first-child,
.my-account-content .nav-tabs .nav-item:first-child a {
  border-top-left-radius: 20px !important;
}

.my-account-content .nav-tabs .nav-item:last-child,
.my-account-content .nav-tabs .nav-item:last-child a {
  border-top-right-radius: 20px !important;
}

.my-account-content .nav-tabs .nav-item.show .nav-link,
.my-account-content .nav-tabs .nav-link.active {
  background: white;
  color: #3C1D4E;
  border-color: transparent !important;
  border-radius: 0;
}

.my-account-content {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.my-account-content .tab-content>.tab-pane {
  padding: 0px 0px;
}

.account-info-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.account-info-menu li {
  display: flex;
  padding: 20px 25px;
  border-bottom: 2px solid #E6F6FF;
  align-items: center;

}

.account-info-menu li div {
  flex: 1;
}

.account-info-menu li div p {
  margin: 0 !important;
  color: #3A1B50;
  font-size: 12pt;

  font-weight: 400;
}

.account-info-menu li div span {
  color: gray;
  font-size: 11pt;
  font-weight: 400;
}

.account-info-menu li div a {
  color: #3D1F50;
  font-size: 12pt;
}

.my-account-products {
  padding: 20px;
}

.blog-item {
  margin-bottom: 50px;
}

.blog-item img {
  margin-bottom: 25px;
}

.blog-item h2 {
  font-size: 20pt;
}

.product__vertical a {
  color: initial;
  text-decoration: none !important;
}

a,
a:hover {
  color: initial;
  text-decoration: none !important;
}

.flex-1 {
  flex: 1;
  text-align: center;
  display: flex;
}

.home__brands_item {
  max-width: 95px;
  margin-left: auto;
  overflow: hidden;
}

.single_product_right a.flex-1 {
  justify-content: center;
}

.single_product_right .home__brands_item {
  margin: 0 auto;
  margin-top: 20px;
}

.home__brands .home__brands_item {
  max-width: unset !important;
}

.product__horizontal .product__vertical_bottom .home__brands_item {
  margin: 0 !important;
}

.iframe iframe {
  width: 100%;
}

.pagination {
  justify-content: center;
  margin: 20px 0px;
  gap: 10px;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #3A1B50;
  border-color: #3A1B50;

}

.page-link:focus,
.page-link:hover,
.page-link {
  color: #3A1B50;
  background: #F2F2F2;
  border: 0;
}

.search__result {
  position: absolute;
  background: white;
  width: 98%;
  padding: 10px 20px;
  border-radius: 6px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.05);
  top: 49px;
  z-index: 999;
  left: 0;
  display: none;
}

.noUi-connect {
  background: #3A1B50 !important;

}

.search__result ul li {
  padding: 5px 0px;
  /* border-left: 2px solid rgba(0, 0, 0, 0.10); */
  /* padding-left: 10px; */
}

.search-banner-field .search-banner-field__btn button {
  cursor: pointer;
}

.card-header {
  background: #3A1B50;
}

.card-header h5 {
  color: white;
  margin: 5px 0px;
  font-size: 14pt;
}

.phone-body p {
  color: gray;
  font-weight: 400;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.phone-group {
  display: flex;
  gap: 10px;
  max-width: 100%;
}

.phone-group input {
  flex: 2;
  /* width: auto; */
  max-width: 100%;
}

.phone-group select {
  flex: 1;
  max-width: 100%;
  /* width: auto; */
}

.phone-body button,
.phone-body button:hover,
.phone-body button:active,
.phone-body button:focus {
  background: #3A1B50 !important;
  color: white !important;
  padding: 10px 20px !important;
  font-weight: 600;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 12pt;
  margin-top: 10px;
}

#code-verify-form {
  display: none;
}

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

.btn-dark,
.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus {
  background: white !important;
  color: #3A1B50 !important;
  border-color: #3A1B50 !important;
}

.social-login {
  display: block;
  text-align: center;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 4px;
  color: white !important;
  margin-top: 15px;
}

.social-login p {
  margin: 0;

}

.facebook {
  background: #3A5795;
}

.google {
  background: #DB4437;
}

.wishlist-toggle {
  cursor: pointer;
}

.product__horizontal .product__vertical_top img {
  max-height: 100%;
}

.header__actions_menu li a {
  display: block;
}

.product__vertical .product__vertical_top {
  max-height: 300px;
}

.single-company-name {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row-reverse;
  max-width: unset
}

.single-company-name img {
  max-width: 90px;
  height: auto;
}

.single-company-name h3 {
  display: flex;
  align-items: center;
}

.single-image-slider .owl-nav img {
  width: auto !important;
  height: auto;
}

.single-image-slider .owl-nav button.owl-next {
  right: -15px;
}

.single-image-slider .owl-nav button.owl-prev {
  left: -15px;
}

.single-image-slider .owl-nav,
.single_product_images .owl-nav {
  height: 0;
}

.product__vertical_actions ul li svg {
  width: 33px;
  height: 33px;
  background: #E6F6FF;
  fill: #3D1F50;
  padding: 7px;
  border-radius: 50%;
  margin-right: 10px;
}

.loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  z-index: 9999999999;
}

.loader i {
  font-size: 30pt;
  color: #3A1B50;
}

.open-auth {
  display: none;
}

.mobile__header_actions {
  display: none;
}

.close-menu {
  color: #3A1B50;
  font-size: 16pt;
}

.header__actions_menu {
  max-height: 350px;
  overflow-y: auto;
}

.close-menu {
  display: none;
}

.collapse.show .close-menu {
  display: block;
}

.cities_menu li i {
  margin-left: 5px !important;
  margin-right: 0;
}

.cities_menu li {
  padding-right: 5px !important;
}

::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e6f6ff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #3A1B50;
}


.filter-main-search {
  display: none;
}

.search-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
  display: none;
}

.contact-footer li {
  direction: ltr !important;
}

.whatsapp-contact {
  color: #25d366;
  font-weight: 500;
}

.contact-footer li i {
  margin-right: 7px;
  margin-left: 5px;
  font-size: 13pt;
}

.contact-footer {
  border: none;
}

.product__horizontal {
  max-height: 300px;
  flex-direction: row !important;
}

.mobile-top-bar {
  background: #3A1B50;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 12px 0px;
}

.mobile-top-bar img {
  height: 42px;
  width: auto;

}

.mobile-top-bar {
  display: none;
}

.close-menu {
  position: absolute;
  z-index: 99;
  color: white;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.mobile-my-account {
  background: #E6F6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px;
  gap: 10px;
  margin: 10px 0px;
}

.mobile-my-account a {
  background: #472459;
  color: white;
  border-radius: 35px;
  padding: 7px 35px;
  font-size: 10pt;
  font-weight: 500;
  display: none;
}

.search__filter_toggler {
  position: fixed;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  background: #E6F6FF;
  padding: 5px 20px;
  border-radius: 4px;
  z-index: 9999999999;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #3A1B50;
  border: 1px solid rgba(0, 0, 0, 0.10);
  display: none;
}

.search__filter_toggler i {
  color: #3A1B50;
}

.fixed-filter {
  display: block !important;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999999;
  width: 100%;
  height: 100vh;
  background: white;
  padding: 20px;
  overflow: scroll;
}

.close-fixed-filter {
  color: #3A1B50;
  font-size: 18pt;
  margin-bottom: 15px;
  display: none;
}

.pagination {
  flex-wrap: wrap !important;
}

.widget {
  width: 100%;
  margin-bottom: 30px;
}

.widget__title {
  color: rgba(0, 0, 0, 0.80);
  font-size: 12pt;
  font-weight: 400;
  margin-bottom: 10px;
}

.widget .widget__content {
  background: rgb(229 246 255 / 50%);
  padding: 15px;
}

.widget .widget__content ul li a {
  display: flex;
  align-items: flex-start;
  color: rgba(0, 0, 0, 0.75);
  gap: 10px;
  font-weight: 400;
  flex-wrap: wrap;
}

.widget .widget__content ul li a {
  width: 100%;
}

.widget .widget__content ul li {
  margin-bottom: 5px;
}

.widget .widget__content ul li:last-child {
  margin-bottom: 0;
}

.widget .widget__content ul li a i {
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.10);
  color: white;
  border-radius: 50%;
  font-size: 9pt;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 2px;
}

.widget .widget__content ul li a div {
  display: inline-flex;
  flex-direction: column;
}

.hours_content li a {
  font-size: 11pt;
}

.widget__map iframe {
  width: 100%;
  height: 200px;
}

.widget__map .widget__content {
  padding: 0;
}

.company__description {
  margin-top: 25px;
}

.company__description .widget__content {
  border-radius: 4px;
  min-height: 120px;
}

.single_car_prices {
  max-width: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  padding: 20px 0px;
  border-top: 1px solid #EDEDED !important;
}

.single_car_prices h3 {
  flex: 1;
}

.car_company_terms li {
  list-style-type: disc;
  margin: 0 !important;
}

.car_company_terms {
  padding-left: 20px;
}

.car_company_terms li a {
  font-size: 10pt;
}

.car_company_terms li ul {
  padding-left: 50px;
}

.company_more_link {
  font-size: 10pt;
  font-weight: 400;
  text-decoration: underline !important;
  margin-top: 20px !important;
  display: block;
  margin-bottom: 10px;
}

.widget_info {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DBDBDB;
  padding: 16px 0px;
  margin-bottom: 15px;
  padding-top: 5px;
}

.widget_info img {
  height: 80px;
  max-width: 100%;
  border-radius: 4px;
}

.widget_info div {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.widget_info div.widget_company {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  justify-content: center;
}

.widget_info div.widget_company h3 {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
}

.widget_info div.widget_company a {
  display: block;
  color: #DA8938;
  text-decoration: underline !important;
  font-size: 11pt;
  cursor: default !important;
}

.company_terms_holder {
  margin-top: 15px;
}

.note__label_holder {
  display: flex;
  justify-content: left;
}

.note__label_holder h6 {
  color: #000000;
  border-bottom: 3px solid #3A1B50;
  display: inline-block;
  font-size: 22px;
  /* line-height: 1.9; */
  padding-bottom: 10px;
  width: 150px;
}

.company_notes_holder {
  margin: 0;
  margin-top: 15px;
}

.company_notes_holder .widget__content {
  background: transparent;
  padding: 0;
}

.company_notes_holder .widget__content a {
  display: block !important;
  font-size: 11pt !important;
}

.company_notes_holder .widget__content a {
  text-decoration: underline !important;
}

.features {
  width: auto !important;
}

.car__features ul {
  padding-left: 30px;
  border-right: 1px solid white;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.car__features ul li {
  list-style: disc;
  margin-bottom: 5px;
  width: 33.33333333%;
}

.single_product_right h2 {
  margin-bottom: 15px;
}

.single_product_right .product__vertical {
  max-height: unset !important;
}

.home__google_reviews iframe {
  height: 450px;
}

.notes_desktop {
  display: block;
}

.notes_mobile {
  display: none;
}

.product-page__sub_categories {
  height: 65px;
  padding-bottom: 20px;
  overflow: hidden;
}

.expand-models {
  background: #E6F6FF;
  padding: 4px 15px;
  border-radius: 25px;
  font-size: 10pt;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -13px;
}

.car__notes ul {
  display: block !important;
}

.car__notes ul li {

  align-items: flex-start;
  color: rgba(0, 0, 0, 0.75);
  gap: 5px;
  font-weight: 400;
  flex-wrap: wrap;
  font-size: 11pt;
  list-style-type: disc !important;
  margin-bottom: 10px !important;
}

.car__notes ul li a {
  width: auto !important;
  display: inline-block !important;
}

.car__notes_holder .widget__content a {
  display: inline-block !important;
}



/* Edits */
.owl-carousel .owl-stage {
  display: flex;
  padding-block: 1rem;
}

.owl-carousel .owl-item {
  display: flex;
}

.home__brands_content .owl-item {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -2px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.home__brands .read-more {
  text-decoration: underline !important;
  font-weight: 600;
}

.single_product_main_image {
  position: relative;
}

.single_product_main_image .wishlist {
  padding: 5px 9px;
  font-size: 8pt;
  color: #23262D;
  border-radius: 4px;
  font-weight: 500;
  position: absolute;
  inset-inline-end: 10px;
  top: 10px;
}

.home__features .home__features_content .product__vertical {
  flex-direction: column;
}

.home__brands_content .owl-item a {
  flex: 1;
}


/* new pages  */
/* car brands  */
.arabic-version {
  direction: rtl;
}

.arabic-version .breadcrumb-item+.breadcrumb-item::before {
  padding-left: 0.5rem;
  float: right;
  /* transform: scale(-1); */
}

.new-pages-banner {
  padding: 0;
  position: relative;
  height: 200px;
}

.new-pages-banner::after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3A1B50;
  opacity: 0.66;
}

.new-pages-banner h2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  z-index: 99;
  inset-inline-start: 1.5rem;
}

@media (max-width:576.89px) {
  .new-pages-banner h2 {
    inset-inline-start: 0.5rem;
  }
}

.new-pages-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.breadcrumb-item a {
  color: #939393;
}

.breadcrumb-item.active a {
  color: #3A1B50;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: '>';
  color: #939393;
}

.car-brands-new {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 2rem;
  margin-bottom: 5rem;
  row-gap: 1rem;
}

#car-brands .home__brands_item {
  width: 100%;
  max-width: unset;
}

.home_brands_view_all {
  white-space: nowrap;
}

.social-icons-new-box {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

#car-brands .home__about {
  position: relative;
}

#car-brands .home__about::after {
  content: '';
  background-color: #3A1B50;
  height: 1px;
  width: 60%;
  inset-inline-start: 50%;
  transform: translate(-50%);
  position: absolute;
  top: 0;
}

.arabic-version #car-brands .home__about::after {
  inset-inline-start: unset;
  inset-inline-end: 50%;
}

#car-brands .home__about_content p {
  margin-block: 1rem;
}

.social-icons-new-box picture {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: #707070 1.5px solid;
  width: 45px;
  height: 45px;
}

.social-icons-new-box a:nth-child(1) picture {
  background-color: #3A1B50;
}

.social-icons-new-box a:nth-child(2) picture {
  background-color: #3B5998;
}

.social-icons-new-box a:nth-child(3) picture {
  background-color: #55ACEE;
}

.social-icons-new-box a:nth-child(4) picture {
  background-color: #3A1B50;
}

@media (max-width:991.89px) {
  .car-brands-new {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width:767.89px) {
  .car-brands-new {
    grid-template-columns: 1fr 1fr;
  }
}

.main-btn {
  background-color: var(--primary-color);
  color: rgba(250, 250, 250, 1);
  padding: 0.5rem 2rem;
  border-radius: 45px;
  border: 1px solid transparent;
  width: fit-content;
  margin-block: 1rem;
}

.main-btn:hover {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

/* =========== */
p {
  font-size: 10.5pt !important;
}

li {
  font-size: 11pt !important;
}

section {
  overflow: hidden;
}

.home-1st-section {
  position: relative;
  height: 275px;
}

.home-1st-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-1st-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3A1B50;
  opacity: 0.66;
}

.home-1st-section form {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.view-all-cars-input {
  display: flex;
  height: 45px;
  border-radius: 30px;
  overflow: hidden;
  width: 550px;
  margin: .8rem auto;
}

.arabic-version .view-all-cars-input i {
  transform: rotate(180deg);
}

.home-1st-section form input {
  background-color: white;
  border-radius: 0;
  height: 100%;
  text-indent: 30px;
  background-image: url(../assets/icons/search.svg);
  background-repeat: no-repeat;
  background-position: left 10px center;
}

.home-1st-section form input:focus {
  outline: none;
  box-shadow: none;
}

.home-1st-section form button {
  background-color: #3a1b50d4;
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 1.5rem;
  gap: 1rem;
}

.home-1st-section form button .icon-view {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #E6F6FF;
}

.home-1st-section form button .icon-view i {
  color: #3A1B50;
  opacity: 0.66;
}

.home-1st-section form button span {
  color: white;
  white-space: nowrap;

}

@media (max-width:767.89px) {
  .view-all-cars-input {
    width: 300px;
  }
}

@media (max-width:350.89px) {
  .black-line {
    display: none;
  }

  .section-header .section-header-title {
    gap: 0.5rem !important;
  }
}


/* /////////// */
.section-header p a {
  color: black;
}

.car-type-section,
.car-brand-section {
  margin-bottom: 1rem;
}

.choose-fav-car-slider-wrapper,
.choose-fav-car-slider-wrapper,
.rent-car-slider-wrapper {
  margin-top: 2rem;
}

/* @media (max-width:576.89px) {
    .choose-fav-car-type-slider {
      width: 85%;
    }
  
    .choose-fav-car-brand-slider {
      width: 85%;
    }
  } */

.car-type-brand-slide {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #E6EAEE;
  border-radius: 5px;
  /* margin-inline-end: 10px; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -2px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.car-type-brand-slide img {
  width: 80%;
  margin: auto;
}

.car-type-brand-slide-footer {
  background-color: #e6f6ff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}

.car-type-brand-slide-footer p {
  margin-bottom: 0;
}

.choose-fav-car-slider-wrapper,
.rent-car-slider-wrapper,
.banner-slider-wrappper,
.testimonials-slider-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.choose-fav-car-type-next,
.choose-fav-car-type-prev,
.choose-fav-car-brand-next,
.choose-fav-car-brand-prev,
.rent-car-next,
.rent-car-prev,
.banner-next-desktop,
.banner-prev-desktop,
.banner-next-mobile,
.banner-prev-mobile,
.testimonials-next,
.testimonials-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #e6f6ff;
  color: white;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
}

.arabic-version .choose-fav-car-type-next,
.arabic-version .choose-fav-car-type-prev,
.arabic-version .choose-fav-car-brand-next,
.arabic-version .choose-fav-car-brand-prev,
.arabic-version .rent-car-next,
.arabic-version .rent-car-prev,
.arabic-version .banner-next-desktop,
.arabic-version .banner-prev-desktop,
.arabic-version .banner-next-mobile,
.arabic-version .banner-prev-mobile,
.arabic-version .testimonials-next,
.arabic-version .testimonials-prev {
  transform: rotate(180deg);
}

.choose-fav-car-type-next i,
.choose-fav-car-type-prev i,
.choose-fav-car-brand-next i,
.choose-fav-car-brand-prev i,
.rent-car-next i,
.rent-car-prev i,
.banner-next-desktop i,
.banner-prev-desktop i,
.banner-next-mobile i,
.banner-prev-mobile i,
.testimonials-next i,
.testimonials-prev i {
  color: black;
}

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

.rent-car-slider .slick-track {
  display: flex !important;
  gap: 1rem;
}

.rent-car-slide-tittle {
  padding: 0.2rem 1rem;
  border-bottom: 1px solid #EDEDED;

}

.rent-car-slide-tittle h4 {
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rent-car-slide-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-top: 1px solid #EDEDED;
  padding: 1rem;
  flex-wrap: wrap;
}

.rent-car-slide-footer a {
  display: flex;
  gap: 0.5rem;
  text-decoration: none;
  align-items: center;
}

.rent-car-slide-footer a div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6f6ff;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 50%;
}

.rent-car-slide-footer a div i {
  color: black;
}

.rent-car-slide {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  border-radius: 30px;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  height: auto;
  margin-bottom: 1rem;
}

.rent-car-slide picture {
  position: relative;
}

.rent-car-labels {
  position: absolute;
  top: 0.5rem;
  inset-inline-start: 1rem;
  display: flex;
  gap: 0.5rem;
}

.rent-car-label {
  padding: 0.2rem 0.4rem;
  border-radius: 5px;
  color: white;
}

.rent-car-label span {
  color: white;
}

.rent-car-label.Featured {
  background-color: #03A9F4;
}

.rent-car-label.Premium {
  background-color: black;
}

.rent-car-label.Verified {
  background-color: #FFA200;
}

.rent-car-slide-description {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  height: 100%;
}

.rent-car-slide-description-blue-boxes {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.rent-car-slide-description-blue-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6f6ff;
  padding: 0.5rem;
}

.rent-car-slide img {
  width: 100%;
}

@media (max-width:991.89px) {

  .rent-car-next,
  .rent-car-prev,
  .testimonials-next,
  .testimonials-prev,
  .choose-fav-car-type-next,
  .choose-fav-car-type-prev,
  .choose-fav-car-brand-next,
  .choose-fav-car-brand-prev,
  .banner-next-desktop,
  .banner-prev-mobile,
  .banner-next-mobile,
  .banner-prev-desktop {
    display: none !important;
  }
}

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

.banner-slider-wrappper img {
  width: 100%;
  border-radius: 10px;
  margin-top: 3rem;
  margin-bottom: 1rem;

}

.home-main-boxes-topic {
  margin-bottom: 3rem;
}

@media (max-width:575.89px) {

  .banner-next-desktop,
  .banner-prev-desktop,
  .banner-next-mobile,
  .banner-prev-mobile {
    display: none;
  }
}

/* /////// */
.home-main-boxes {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}

.home-main-box {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 2rem;
  border-radius: 16px;
  flex: 1;
  text-align: center;
  margin-bottom: 1rem;

}

.home-main-boxes picture {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-main-box div {
  background-color: #e6f6ff;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

.home-main-box div i {
  font-size: 2rem;
}

.home-main-boxes-topic {
  width: 70%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width:1399.89px) {
  .home-main-box {
    padding: 1rem;
  }

  .home-main-boxes img {
    width: 150px;
  }
}

@media (max-width:1199.89px) {
  .home-main-boxes img {
    width: 100px;
  }
}

@media (max-width:991.89px) {
  .home-main-box {
    padding: 2rem;
  }

  .home-main-boxes {
    flex-direction: column;
    gap: 1rem;
  }

  .home-main-boxes img {
    width: unset;
  }
}

/* ///////// */
.home-content-section {
  background-image: url(../assets/images/about_bg.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-block: 3rem;
}

.arabic-version .home-content-section {
  background-image: url(../assets/images/about_bg_flipped.jpg);

}

.home-content-section .container {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 20px;
}

.home-content-section .container img {
  width: 100%;
}

@media (max-width:991.89px) {
  .home-content-section .container {
    grid-template-columns: 1fr;
  }
}



/* //////// */
.booking-stpes-section {
  position: relative;
}

.booking-stpes-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3A1B50;
  opacity: 0.66;
}

.booking-stpes-section img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.booking-steps-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-block: 5rem;
  align-items: center;
  position: relative;
  z-index: 99;
  color: white;
  gap: 8rem;
}

.booking-steps-content h2,
.booking-steps-content p,
.booking-steps-content h5 {
  color: white;
}

.booking-steps-content div div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

}

.booking-steps {
  width: 80%;
  margin: auto;
}

.booking-steps p {
  width: 70%;
}

.booking-stpes-section::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 70%;
  top: 9rem;
  background-color: white;
  inset-inline-start: 50%;
  z-index: 99;
}

.booking-steps-content-topic {
  margin-bottom: 1rem;
}

@media (max-width:991.89px) {
  .booking-stpes-section::before {
    display: none;
  }

  .booking-steps-content {
    grid-template-columns: 1fr;
  }

  .booking-steps {
    width: unset;
  }

  .booking-steps p {
    width: unset;
  }
}

/* ////////// */
.testimonials-container {
  /* border-block: 1px solid black; */
  padding-top: 1rem;
}

.testimonials-slider .slick-track {
  display: flex !important;
  gap: 1rem;
}

.testimonials-slider-wrapper {
  margin-block: 3rem;
}

.testimonials-slide {
  display: flex !important;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 2rem;
  border-radius: 16px;
  margin-bottom: 1rem;
  height: auto;
  justify-content: space-between;
}

.testimonials-slide-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.testimonials-slide-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.testimonials-slide-footer img {
  width: 100%;
}















/* /// */
/* =========> Accordion single item Start*/
/* =========> Accordion single item Border Start*/
.custom-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 5rem;
}

.custom-accordion .accordion-button {
  border: none;
  padding-block: 0;
  padding-inline-start: 1.25rem;
  padding-inline-end: 5px;
  min-height: 45px;
  display: flex;
  gap: 1rem;
  color: var(--main-color);
  font-weight: 600;
  background-color: #E6F6FF;
}

.custom-accordion .accordion-item .accordion-button:last-of-type,
.custom-accordion .accordion-item .accordion-button {
  border-radius: 7px;
  font-size: 0.9rem;
  text-align: start;
  font-weight: 400;
}

.custom-accordion .accordion-item:last-of-type,
.custom-accordion .accordion-item:first-child,
.custom-accordion .accordion-item {
  border: none;
  border-radius: 28px;
}

.custom-accordion .accordion-button:focus {
  box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
  transition: all 0.3s ease-out;
}

/* =========> Accordion single item Border End*/
.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
  display: none;
}

/* accordion button plus img start */
.custom-accordion .accordion-btn {
  height: 30px;
  aspect-ratio: 1;
  margin-inline-start: auto;
  position: relative;
  transition: all 0.3s ease-out;

  border-radius: 100%;
  background: var(--main-color);
}

.custom-accordion .accordion-btn .fa-plus {
  color: var(--primary-color);
  position: absolute;
  font-size: 18px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.custom-accordion .accordion-btn .fa-minus {
  display: none;
}

.custom-accordion .accordion-button:not(.collapsed) .fa-minus {
  color: var(--primary-color);
  position: absolute;
  font-size: 18px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: block;
}

.custom-accordion .accordion-button:not(.collapsed) .fa-plus {
  display: none;
}

.custom-accordion .accordion-button .accordion-btn::after {
  background: var(--main-color);
}

.custom-accordion .accordion-btn picture {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: var(--main-color);
}

.custom-accordion .accordion-btn img {
  width: 16px;
  object-fit: contain;
  height: 16px;
  transform: rotate(45deg);
  transition: all 0.3s ease-out;
}

.custom-accordion .accordion-button .accordion-btn {
  background: #fff;
  transition: all 0.3s ease-out;
}

.custom-accordion .accordion-button:not(.collapsed) .accordion-btn img {
  transition: all 0.3s ease-out;
  transform: rotate(360deg);
}

.custom-accordion .accordion-button:not(.collapsed) picture {
  transition: all 0.3s ease-out;

  background: #fff;
}

.custom-accordion .accordion-button:not(.collapsed) {

  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* accordion button plus img end */

.custom-accordion .accordion-item .accordion-body p {
  color: var(--main-color);
}

.custom-accordion .accordion-item .accordion-body {
  background-color: #E6F6FF;
}

/* ===============> Accordion single item END */

.Faqs-acc-splited-div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}



.view-all-btn {
  text-decoration: none;
  background: #e6f6ff;
  padding: 5px 25px;
  border-radius: 25px;
  color: #3d1f50 !important;
}

.section-header {
  margin-top: 2rem;
}

.section-header .section-header-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.section-header .section-header-title h3,
.section-header .section-header-title a {
  white-space: nowrap;
}

.section-header .section-header-title h3 {
  font-weight: bold;
}

.section-header .black-line {
  width: 100%;
  height: 1px;
  background-color: black;
}

/* Edit */
.choose-fav-car-slider-wrapper .slick-track {
  padding-block: .5rem;
}

.slick-disabled {
  opacity: .5;
}

.custom-accordion .accordion-btn i {
  font-size: 13px !important;
}

.slick-dots li.slick-active button:before {
  color: #81d2ff;
}

.slick-dots li button:before {
  font-size: 10px;
  color: #81d2ff;
  opacity: .25;
}

.rent-car-slide img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}

.banner-slider .slick-track picture {
  /* gap: 1rem; */
  padding-inline: 1rem;
}

.home-desc {
  overflow: hidden;
  transition: max-height 0.5s ease;
  position: relative;
}

.home-desc.show-more {
  max-height: none;
}

.home-desc::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to top, white, transparent);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.home-desc.show-more::after {
  opacity: 0;
}


.main-btn {
  cursor: pointer;
}

/* .rent-car-slide-description ul {
    height: 230px;
    overflow-y: hidden;
  } */
.rent-car-slide-description ul {
  padding-inline-start: 2.2rem;
}

@media (max-width: 768px) {
  .rent-car-slide-description {
    flex-direction: row;
  }

  .rent-car-slide-description ul {
    padding-inline-start: 0;
  }

  .rent-car-slide-description li {
    font-size: 12px !important;
  }

}

.rent-car-slide-description li {
  color: #041e42;
}

.banner-slider-mobile .slick-track,
.banner-slider-desktop .slick-track {
  display: flex !important;
  gap: 10px;
}

.rent-car-slide>a {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.rent-car-title {
  height: 100%;
}

@media (max-width: 991px) {
  .home-content-section {
    background: unset;
    position: relative;
  }

  @media (max-width: 991px) {
    .home-content-section::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background: url(../assets/images/about_bg.webp) no-repeat center center;
      background-size: contain;
      z-index: -1;
      transform: translate(-50%, -50%);
    }
  }
}

hr {
  width: 70%;
  margin: auto;
  height: 2px;
}

@media (min-width:992px) {

  .testimonials-container>h2,
  .testimonials-container>h4 {
    padding-inline-start: 9rem;
  }
}

.testimonials-container>h2 {
  font-weight: bold;
  font-size: 2rem;
}



/* ////////// */
.description-container {
  position: relative;
}

.description-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 5px;
}

.description-text.expanded {
  -webkit-line-clamp: unset;
}

.read-more-btn {
  background: none;
  border: none;
  color: black;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;

  cursor: pointer;
  padding: 0;
  margin-top: 5px;
  text-decoration: underline;
  display: inline-block;
}

@media (max-width: 992px) {
  .booking-steps-content {
    gap: 0 !important;
  }

  .booking-steps-content>div {
    padding-block: 2rem;
  }

  .booking-steps-content>div:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
}