body { font-size: 18px; }

/*----- Banner Buy Area CSS -----*/
.banner-inner-area {
  background-image: url(/assets/img/banner/banner-buy-bg.jpg);
  background-position: center center;
  background-size: cover !important;
  background-repeat: no-repeat;
	height: 280px;
  padding-bottom: 70px;
  overflow: hidden;
}
.banner-inner-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.banner-inner-content {
  background: rgba(0, 0, 0, 0.5);
  padding: 70px 80px;
  border-radius: 0px 0px 50px 50px;
}
.banner-inner-content .sub-title {
  display: inline-block;
  margin-bottom: 18px;
  color: #ffffff;
}
.banner-inner-content h1 {
	font-size: 46px;
	line-height: 46px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #ffffff;
}
.banner-inner-content p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 15px;
}
.banner-inner-content .banner-inner-btn {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0;
}
.banner-inner-content .banner-inner-btn li {
  list-style-type: none;
  display: inline-block;
  margin-right: 18px;
}
.banner-inner-content .banner-inner-btn li:last-child {
  margin-right: 0;
}
.banner-inner-content .banner-inner-btn li .main-default-btn {
  color: #ffffff;
}
.banner-inner-content .banner-inner-btn li .main-optional-btn {
  display: inline-block;
  padding: 15px 30px;
  background-color: #ffffff;
  color: #00C195;
  border: none;
  font-size: 15px;
  font-weight: 400;
  transition: 0.5s all ease;
  border-radius: 10px;
}
.banner-inner-content .banner-inner-btn li .main-optional-btn:hover {
  background-color: #00C195;
  color: #ffffff;
}
.banner-overlay {
	xposition: absolute;
	background-color: rgba(0,0,0,0.7);
	background-size: cover !important;
	height: 100% !important;
	width: 100% important;
	top: 0;
	left: 0;
	z-index: 2;
}
.get-introduced-image {
  background-image: url(/assets/img/jason-franklin-cash-home-buyer.jpg);
  background-image: url(/assets/img/jason-shelley-franklin-6.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  margin-left: 35px;
  border-radius: 10px 0 0 10px;
  overflow: visible;
}

.navbar-nav .dropdown-item a { margin-left: auto; margin-right: auto; }
#process h2 { color: #fff !important; z-index: 3; }
#neighborhoods li, #neighborhoods li a { color: #fff !important; }
#neighborhoods li a { text-decoration: underline; }

.pac-container { z-index: 999999 !important; }
.step-item .step-span { background-color: #52df79 !important; }
.step-item .step-span { background-color: #1cc296 !important; }

.four-step-area .step-item .step-span span {
  display: inline-block;
  line-height: 70px;
  width: 70px;
  height: 70px;
  display: inline-block;
  backgroundx: linear-gradient(90deg, rgb(16, 195, 23) 23%, rgb(21, 208, 154) 64%);
  background-clipx: text;
  -webkit-background-clipx: text;
  -webkit-text-fill-color: #000;
  font-weight: 600;
  font-size: 26px;
}

.dropdown-menu, .dropdown-menu ul { margin: 0px !important; padding: 0px !important; }
.dropdown-menu .dropdown-item a { color: #000 !important; margin-left: 0px !important; padding-left: 20px !important; padding-right: 20px !important; }
.dropdown-menu .dropdown-item:hover { display: block; background-color: #e5f9f4 !important; }

/* Apply hover effect only on larger screens */
@media (min-width: 992px) { /* Adjust breakpoint as needed (e.g., 768px for md) */
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* Prevents slight shift when opening */
  }

  /* Optional: Rotate dropdown arrow on hover */
  .dropdown:hover > .dropdown-toggle::after {
    transform: rotate(-180deg); /* Adjust rotation as desired */
  }
}
.bg-dk-green { background-color: #00ad85 !important; }
.bg-md-green { background-color: #00c195 !important; }
.bg-lt-md-green { background-color: #e5f9f4 !important; }
.bg-lt-green { background-color: #f3fcf4 !important; }

// for offcanvas geocoomplete
.pac-container {
	z-index: 999999 !important;
}

/* Processing spinner */
.custom-spinner {
  display: none; /* Hidden by default */
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #007bff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  margin-left: 8px; /* Adjust spacing as needed */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}