body {
  font-family: 'Montserrat', sans-serif !important;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow-x: hidden;
}




html {
  scroll-behavior: smooth;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
h3,
input {
  font-family: 'Montserrat', sans-serif !important;
}


.fas,
.fa-solid,
.far,
.fab {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}

.far {
  font-weight: 400;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
  color: #1c83c0;
}


img {
  max-width: 100%;
  height: auto;
}



/* bg blue */

.bg-blue {
  background-color: #1c83c0 !important;
  transition: .3s;
}

.bg-blue:hover {
  background-color: #014871 !important;
}


.padding-top {
  padding-top: 45px;
}

.text-blue {
  color: #1c83c0 !important;
}


/* --------------------------------- home video  and footer banner  ---------------------------------- */
 .home-video-wrapper{
  height: 800px;
 }

 .footer-banner-wrapper{
  height: 700px;
 }

@media (max-width: 500px) {
 .home-video-wrapper{
  height: 600px;
 }

 .footer-banner-wrapper{
  height: 380px;
 }
}

/*--------------------------------------- home property slider ----------------------------------- */



.property-slider span {
  color: #000;
}


/* --------------------------------   careere job slider wrapper    --------------------------------------- */

.career-job-opening{
  width:88vw !important;
  margin: 0 auto;
}




/*------------------------------------ dynamic footer ---------------------- */


#footer-banner-placeholder {
  margin: 0px 0px 170px;
}

footer a,
.copyright a {
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

footer a:hover,
.copyright a:hover {
  color: #1c83c0 !important;
  /* text-decoration: underline; */
  font-weight: 500;
}


/* .p-6 {
  padding: 2.5rem !important;
} */




.footer-bg-black {
  margin-top: -75px;

}


footer {
  background-color: #fff !important;
  padding: 0 85px 75px !important;
}

.copyright {
  background-color: #f0f0f0 !important;
}

.copyright a {
  color: #026096 !important;
}

footer a {
  color: #026096 !important;
}


.footer-banner {
  width: 92vw;
  margin-left: 12px;
}

@media(max-width:768px) {
  footer {
    padding: 0 25px 45px !important;

  }


  .footer-banner {
    width: 95vw !important;
    margin-left: 0px !important;
  }

}



@media (max-width: 1000px) {
  #footer-banner-placeholder {
    margin: 0px 0px 250px;
  }
}



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


/* term  &  Condition  */

.div-space {
  padding: 50px 100px;
  margin: 0;
}


.div-space h1 {
  font-weight: 800;
  font-size: 25px;
}

.div-space h2 {
  font-weight: 600;
  font-size: 20px;
}


.div-space p {
  font-weight: 400;
  font-size: 14px;
}


.div-space a {
  color: #000;
}

.div-space a:hover {
  color: #1c83c0;
}


@media (max-width: 768px) {
  .div-space {
    padding: 30px;
    margin: 0;
  }

  nav {
    padding: 10px !important;
  }

  header img {
    max-height: 50px;
  }
}


/* social icons */

.social-icons a {
  background-color: #1c83c0;
  border-radius: 50% !important;
  color: #fff !important;
  padding: 25px;
}

.fa-facebook-f {
  padding: 20px;
}

.social-icons a:hover {
  background-color: #000000;
}



/* mobile navigation */


#navbar-default {
  background-color: #1c83c0;
}

#navbar-default .font-medium {
  background-color: #1c83c0 !important;
}


/************************************ prpperty  search  home banner******************************************************/



#home-property-filter {
  position: relative;
  width: 76vw !important;
  padding: 50px 40px;
  border-radius: 6px;
  background-color: #1c83c0;
  /* box-shadow: 2px 2px 100px #000f309d; */
  margin: 10px auto;
  margin-top: -20px;
  z-index: 9 !important;
  display: flex;
  justify-content: center;
}

#home-property-filter h3 {
  border: 1px solid #ffffff;
}


#home-property-filter p {
  color: #ffffff;
  font-size: 1.8em;

}



@media (max-width: 1200px) {
  #home-property-filter {
    width: 68vw !important;

  }

}



@media (max-width: 768px) {
  #home-property-filter {
    width: 87vw !important;
    margin-top: -70px;
    padding: 10px 15px;
  }

  #home-property-filter p {
    font-size: 1.1em;

  }

  #home-property-filter .mr-3 {
    margin: 0 !important;
    margin-right: 15px;

  }

  #home-property-filter .py-3 {
    padding: 7px;
  }


}



@media (max-width: 1279px) {

  #buy-options,
  #rent-options {
    display: none !important;
  }
}

select,
input,
h3,
label {
  font-size: 0.75rem !important;
  /* text-xs */
}

/* -------------------------   contact us  ------------------------------------- */
body.contact-us .hover\:text-primary:hover {
  color: #1c83c0 !important;
}

/* Container for all sticky h3s */
/* Sticky h3 container */
.sticky-btns {
  position: fixed;
  top: 70%;
  right: .5rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: .3rem;
  z-index: 99999 !important;
}

/* Common h3 styles */
.floating-btn {
  width: 40px;
  height: 45px;
  background-color: #0f172a;
  /* dark background */
  color: white;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.3s ease;
  box-shadow: 1px 2px 2px #cfcfcf;
}

.floating-btn:hover {
  background-color: #014166;
  /* slightly lighter on hover */
}

/* Individual icon colors (optional) */
.whatsapp-btn {
  background-color: #1c83c0
}

.call-btn {
  background-color: #1c83c0;
}

.mail-btn {
  background-color: #1c83c0
}


/* Add slide-in animation on page load */
.sticky-btns {
  animation: slideInRight 0.6s ease-out forwards;
  opacity: 0;
  right: -80px;
}

/* Slide-in keyframes */
@keyframes slideInRight {
  0% {
    right: -80px;
    opacity: 0;
  }

  100% {
    right: 0.5rem;
    opacity: 1;
  }
}



/* -----------------  contact us page --------------- */



.flex-box {
  display: flex;
  /* width: 100%; */
  flex-direction: row;
}


.contact-left {
  width: 70% !important;
}

.contact-right {
  width: 60% !important;
  margin-left: -15% !important;
  z-index: 2;
  background-color: rgb(231, 232, 233);
  margin-top: 22%;

}


.padding {
  padding: 55px 65px !important;
}

@media(max-width:1000px) {

  .flex-box {
    display: flex;
    flex-direction: column;

  }


  .padding {
    padding: 20px !important;
  }

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

  .contact-right {
    width: 90% !important;
    margin: -15px auto 0 !important;
    padding: 15px;
  }
}

/* ---------------------- about --------------------- */



@media(max-width:768px) {
  .about-us {
    padding: 50px 30px !important;
  }
}

/*-----------------------  faq ---------------------- */

.faq-toggle h3 {
  font-size: 14px !important;
  font-weight: bold;
  color: #026096;
  line-height: 21px;
}

.faq-toggle {
  padding: 25px !important;
}


@media(min-width:768px) {

  .faq-toggle {
    padding: 125px 120px !important;
  }

  .faq-toggle h3 {
    font-size: 14px !important;
    font-weight: bold;
    color: #026096;
  }

}