body {
      font-family: 'Poppins', sans-serif;
      margin: 0;
      overflow-x: hidden;
    }
  html {
  scroll-behavior: smooth;
}

.featured_button{
    font-size: 10px;
    padding: 6px 10px 5px;
}

.main-header {
      background: #003580;
      padding: 12px 0;
    }
    .main-header .navbar-brand img {
      height: 36px;
    }
    .btn-outline-light {
      border-color: #fff;
      color: #fff;
      margin-right: 10px;
    }

    .btn-outline-light:hover {
      background-color: #0b5ed7;
      color: #fff;
      border-color: #0b5ed7;
    }

    .auth-links a {
      color: #fff;
      margin-left: 15px;
      text-decoration: none;
    }

    a:hover {
      text-decoration: none;
      color : #6D8CE8;
    }

    .two-line-truncate {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }

     h1{
      font-size: 42px;
    }

     h2 {
      font-size: 40px;
      font-weight: 500;
      color : #000;
    }
    h3 {
      font-size: 24px;
      font-weight: 400;
      color : #000;
    }
    .innersectionspace{
      padding-top: 20px;
    }
    p{
      font-size: 18px;
      color: #777;
    }
    p.lead {
      font-size: 22px;
      color: #777;
      font-weight: 500;
    }
   
  button.nav-link {
    font-size: 20px;
    border-radius: 26px;
    padding: 7px 34px;
    border: none;
    background-color: transparent;
    color: #000;
    transition: all 0.3s ease;
  }

  .nav-pills .nav-link.active {
    background-color: transparent !important;
    color: #0d6efd;
    border: 1px solid #0d6efd;
    border-radius: 26px;
  }

  .nav-pills .nav-item {
     margin-right: 20px;
  }

  .nav-pills .nav-item:last-child {
    margin-right: 0;
  }

  .nav-pills .nav-link:hover {
    background-color: rgba(26, 26, 26, 0.06);
    border-radius: 26px;
  }

   section  {
      padding: 30px 30px;
    }

  .ad_banner , .our_property_by_location , .ad_banner2 , .home_cta{
      padding: 70px 30px;
  }

   .sposnserd-section{
      padding: 80px 30px;
   }

  .custom_search{
    padding: 80px 30px;
  }
   
    .popular_destination , .recent-property-section  {
      padding: 30px 30px 80px;
    }


    .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
      background-color: #0b5ed7 !important;
      color: #fff !important;
      border-color: #0b5ed7 !important;
    }

    .our_services{
      padding: 150px 30px;
    }

    footer {
      background: #003580;
      color: #fff;
    }

     .swiper-button-next:after,
    .swiper-button-prev:after {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #000;
      font-weight: bold;
      border-radius: 24px;
      border: 1px solid #fff;
      width: 100%;
      height: 100%;
      padding : 20px;
      background: #fff;
      box-shadow: 0px 2px 8px 0px #1a1a1a29;;

    }



.card a , .content_wrap , .adimg , .popular_destination img{
  display: block;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card a:hover , .content_wrap:hover
{
  transform: scale(1.06);
  overflow: hidden;
}
.bglightblue{
    background-color: #f0f9ff;
}


.bg-lightblue {
  background-color: #eaf4ff;
}

.category_wrap img {
  border-radius: 10px;
}

adBannerSwiper .swiper-slide{
  border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

footer{
  background-color: #003580;
}
a{
  text-decoration: none;
}
a h3{
  color : #000 !important;
}

:root {
  --bui_scrim_gradient_bg: 
    #00000020 0%, 
    #00000028 13.81%, 
    #00000033 28.27%, 
    #0000003f 42.12%, 
    #0000004d 56.28%, 
    #00000059 70.13%, 
    #00000064 84.88%, 
    #00000070 100%;

  --bui_scrim_gradient_fade: 
    #0000 0%, 
    #00000005 13.54%, 
    #0000000a 27.6%, 
    #00000012 42.19%, 
    #0000001c 56.77%, 
    #00000026 71.35%, 
    #00000030 85.94%, 
    #0000003a 100%;
}
.overlay-gradient {
  inset-block-start: 0;
  height: 100%;
 background:
    linear-gradient(0deg, var(--bui_scrim_gradient_fade)),
    linear-gradient(0deg, var(--bui_scrim_gradient_bg));
  pointer-events: none;
}
/* .category_section .hovereffect:hover , .recent-property-section .hovereffect:hover{
    box-shadow: unset;
    transform: scale3d(1.01, 1.01, 1.01);
} */

footer .fa-envelope:before {
    color: #fff;
}

footer .fa-phone:before {
    color: #fff;
}

footer .followus p {
    font-size: 15px;
}

footer .btn-outline-light{
  margin-right: unset;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .main-header {
    padding: 12px 34px;
  }
    .footerdet {
        min-height: 119vh;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 991px) {

  .navbar-toggler{
    background: #fff;
  }
  h1 {
    font-size: 35px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  .nav-item a{
    color : #fff;
  }

  .navbar-collapse li{
    border-bottom: 1px solid #fff;
    padding: 10px;
  }

  .navbar-collapse li a{
        border: 0 none;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }
  
  .navbar-collapse {
    background: #003580;   
    padding: 10px;
  }

  .navbar-collapse .nav-link {
    color: #fff !important; 
  }
  

  footer img{
    max-width: 80% !important;
  }

  footer .mb-3 {
    margin-bottom: 1rem !important;
  }
}


@media (max-width: 767px) {

  footer .row{  
    padding: 0 30px;
  }

    section {
       padding: 50px 20px !important;
    }
    .custom_search , .home_cta {
      padding: 50px 20px !important;
    }

    .home_cta {
      padding: 50px 30px !important;
    }

    .popular_destination , .recent-property-section {
       padding: 10px 30px 80px !important;
    }

   
   .footerpaddingleft{
        padding-left: 20px;
    }

   
    
    .h6, h6 {
      font-size: 1.2rem;
    }
    footer .mb-3 a {
      padding-bottom: 10px;
      font-size: 18px;
    }
    footer .form-control  , footer .btn-outline-light{
      width: 94%;
    }
    footer .bootomfooter{
          padding: 25px 0 30px;
    }
   
}
@media (max-width: 330px){

  footer .col-6 {
    width: 100%;
  }

}