/* CSS Document */
@charset "utf-8";

/* Common styles for different screen sizes */
.overview {
  padding: 0px 20px;
  font-size: 20px;
}

/* From 768 to 1023 px */
/* @media (min-width: @screen-sm) and (max-width: (@screen-md - 1)) {
  .overview {
    display: none;
  }

  .three-steps {
    width: 100%;
  }
} */

/* From 1024 to 1199 px */
@media (max-width: 990px) {
  .phoose {
    display: none;
  }
}

/* Additional styles for max-width: 768px */
@media (max-width: 768px) {
  .overview {
    font-size: 20px;
  }
}

/* Additional styles for max-width: 425px */
@media (max-width: 425px) {
  .overview {
    font-size: 16px;
  }

  .main-name {
    padding: 0px 5px;
    font-size: 22px;
  }

  .van-pic {
    width: 80%;
  }

  .three-steps {
    width: 100%;
  }
}

/* Navbar styles */
.navbar-nav {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.display-flex {
  display: flex;
  align-items: center;
}

.car-logo {
  margin-right: 10px; /* Adjust as needed for spacing between images */
}

.car-logo { width: 120px; padding: 10px 10px 10px 10px ; border: 0px1px solid #cacaca; display: flex;}
.navbar-nav a {
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
}

.navbar-nav a.active {
  font-weight: bold;
}
.navbar-nav .nav-link.active{
  color: #C09A5B;
}

nav {
  background-color: #000000 !important;
  font-family: "Arial";
  /* font-size: 18px; */
}
footer {
  background-color: #000000 !important;
  font-family: "Arial";
  /* font-size: 18px; */
}

/* Body styles */
body {
  color: #000 !important;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  background-color: #efefef;
  padding-top: 70px;
}

/* Phone box navigation styles */
.phoneboxnav {
  margin-right: 10px;
}

.phoneoncall {
  line-height: 0px;
  font-size: 12px;
}

/* Brand styles */
.brand-bg {
  background-color: #C09A5B;
}

.brand-text {
  color: #C09A5B;
}

/* Button styles */
.btn-outline-hm {
  color: #C09A5B;
  border-color: #C09A5B;
}

.nav-item {
  padding: 2px 8px;
}

/* Phone number styles */
.phoneno a:hover,
.phoneno a:link,
.phoneno a:visited {
  color: #fff;
}

.phoneno:active {
  color: yellow;
}

/* Video container styles */
.container-video {
  text-align: center;
}

.container-video iframe {
  width: 80%;
  max-width: 100%;
  height: 400px;
}

/* Header styles */
header {
  background-color: #ffffff;
  color: #fff;
  padding: 0;
  text-align: center;
  width: 100%;
  top: 0;
}

/* Card styles */
.card {
  transition: transform 0.3s;
}

/*.card:hover {
  transform: scale(1.02);
}*/

.card:hover img {
  filter: brightness(90%);
}

/* Navbar styles */
.navbar {
  background-color: #fff;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.navbar-nav {
  margin: 0 auto;
}

.accor-text a {
  color: #333;
  /* Default text color */
  text-decoration: none;
  /* Remove underline by default */
  transition: color 0.3s ease;
  /* Smooth transition effect on color change */
}

.accor-text a:hover {
  color: #ff6600;
  /* Text color on hover */
  text-decoration: underline;
  /* Underline on hover, adjust as needed */
}

.navbar-brand img {
  height: 50px;
}

/* Carousel styles */
.carousel {
  margin-top: 0px;
}

.smicon {
  width: 20px;
  height: 20px;
}

/* Text container styles */
.text-container {
  color: white;
  font-weight: bold;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Video container iframe styles */
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bullettxt {
  border: 1px solid #d8d8d8;
  margin: 7px 5px 7px 5px;
  background-color: #fff;
  border-radius: 5px;
  padding: 7px 5px 7px 5px;
  text-decoration: solid;

}

.btn-brand:hover {
  background-color: #C09A5B !important;
}
.btn-brand {
  background-color: #C09A5B !important;
  color: white;
}


.card-text-small {
  font-size: 14px;
  color: #333;
  text-align: left;
  ;
}

.custom-underline {
  display: block;
  height: 5px;
  border: 0;
  background-color: #C09A5B;
  margin: 1em 0;
  padding: 0;
}

.li-circle{
  list-style-type: circle;
}
.li-dot{
  list-style-type: disc;
}

.li-small-alpha li{
  list-style-type: lower-alpha;
  margin-bottom: 10px;
  margin-left: 10px;
}

.card-info{
  transition: all .5s ease-in-out;
}
.card-info:hover{
  transform: translateY(-10px);
}
.nav-link:hover{
  color: #FFFFFF;
  transform: translateY(-1px);
}

.bg-color-gray{
  background-color: #D9D9D9;
  padding: 10px;
}

.tag-line{
  color: #d4af37;
}
.expanding-line {
  position: relative;
  transition: width 1.5s ease-out;
}
.expanding-line.visible {
  width: 30%;
}

.space {
  text-indent: 20px;
}

.g-recaptcha {
  margin-bottom: 10px;
}

footer {
  position: relative;
  z-index: 2;
}