/* html{
    overflow-x: hidden;
}
body {
            font-family: "Plus Jakarta Sans", sans-serif;
            color:#000929;
            overflow-x: hidden;
        }

        a:hover{
            text-decoration: none;
        }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*Header css*/
.property-type:focus {
    outline: none; /* Remove the default outline */
    border-bottom: 2px solid #007BFF; /* Underline color on focus */
  }
.myflex
{
    flex: 33 !important;
}
.body-wrapper{
    background-color: #FAFAFE;
}
img.logo {
    max-width: 130.47px;
    height: 45px;
    width: 100%;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-white.shadow-sm {
    height: 100px;
}
a#menu {
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #000929;
    margin: 0px 55px 0px 0px;
}


/*<hero-section>*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}


.property-section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #ffffff;
}

.content-wrapper {
    display: flex;
    max-width: 1200px;
    width: 100%;
    padding: 20px;
}

.text-content {
    flex: 10;
    padding: 40px 0px;
}

.text-content h1 {
    font-size: 48px;
    color: #222222;
    margin-bottom: 30px;
}

.tabs {
    display: flex;
}

.tab {
    background-color: transparent;
    border: none;
    font-size: 18px;
    padding: 10px 20px;
    cursor: pointer;
    color: #777777;
    width: 105px;
    height:56px;
}

.tab.active {
    border-bottom: 3px solid #1E57DF;
    color: #1E57DF;
    padding: 0px 32px;
    border-radius: 8px 0px 0px 0px;
}

.search-bar {
    display: flex;
    gap: 30px;
    background: #fff;
    padding: 25px 32px;
    border-radius: 0px 8px 8px 8px;
    box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1),
                0px 31px 31px 0px rgba(0, 0, 0, 0.09), 
                0px 71px 42px 0px rgba(0, 0, 0, 0.05),
                0px 126px 50px 0px rgba(0, 0, 0, 0.01),
                0px 197px 55px 0px rgba(0, 0, 0, 0);
    max-width: 864px;
}

.input-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.input-group input{
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
}

.input-group input::placeholder {
    color: #00092966;
}
.dropdown-menu.show {
    padding: 24px 27px;
    box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, -10.9),
                0px 31px 31px 0px rgba(0, 0, 0, 0.09), 
                0px 71px 42px 0px rgba(0, 0, 0, 0.05),
                0px 126px 50px 0px rgba(0, 0, 0, 0.01),
                0px 197px 55px 0px rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0px 0px 10px 10px;
    left: -27px !important;
    width: 369px !important ;
}
button.dropdown-item {
    padding: 0px 0px;
    color: #00092966;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 26px;
}
button.dropdown-item:last-child {
    margin: 0px;
}
.tab-link.active {
  background-color: #1E57DF !important;
}
.search-btn {
    padding: 15px 33px;
    background-color: #1E57DF;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    height:56px;
}

.search-btn:hover, a.btn-Login:hover, button.read-more:hover, button.dst_show_bt:hover, button.mb_show_bt:hover {
    background-color: #0041cc !important;
}

button.Get.a.Quote:hover, button.btn_orange:hover, button#b-property:hover, .join.content button:hover{
    background: #e77334 !important;
}

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

.image-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}








li.nav-item {
    height: 0px;
}
a.btn-Login {
    background: #1E57DF;
    padding: 12px 24px 12px 24px;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
section.property-section {
     height:805px;
    background-size: cover;
    background-repeat: no-repeat;
}

#testimonialSection {
  transition: background-image 0.8s ease-in-out, opacity 0.8s ease-in-out; /* Animation */
  opacity: 1;
}

.testimonial-content {
  opacity: 1; /* Make sure the section is visible */
}

.testimonial-content {
  animation: slide-in-left 0.8s ease-in-out forwards; /* Use the animation */
}
@keyframes slide-in-left {
  0% {
    transform: translateX(100%); /* Start off-screen */
    opacity: 0; /* Invisible at the start */
  }
  100% {
    transform: translateX(0); /* End in original position */
    opacity: 1; /* Fully visible */
  }
}

div#carouselExampleIndicators {
    width: 100%;
    max-width: 544px;
}
p.slider-text {
    font-size: 64px;
    font-weight: 700;
    line-height: 70.4px;
}
p.heading {
    font-size: 40px;
    font-weight: 700;
    color: white;
}
p.small_text {
    color: #ffff;
}
div#sec2 {
    border: 1px solid #ffffff00;
    border-radius: 16px;
    background: #1E57DF;
    padding: 40px 60px;
    margin: 0px auto;
    height: 242px;
    margin-top: 65px;
    margin-bottom: 102px;
}
button.Get.a.Quote {
    border: none;
    padding: 16px 32px 16px 32px;
    border-radius: 8px;
    color: #fff;
    background: #E28756;
    font-weight: 700;
    float: right;
    margin-top: 55px;
}
p.heading-sec-3 {
    color: #1E57DF;
    font-size: 40px;
    font-weight: 700;
}
button.read-more {
    padding: 16px 32px 16px 32px;
    border: none;
    border-radius: 8px;
    background: #1E57DF;
    color: #fff;
    font-weight: 700;
    margin-top: 40px;
}
p.small_sec-3 {
    font-size: 20px;
    color: #808080;
    margin: 0px 0px;
    line-height: 26px;
    font-weight: 400;
}
.col.right {
    padding: 0px;
}
.col.left-image {
    padding: 0px;
}
.col-sm {
    padding: 0px;
}




/*<section-4>*/



section.section-4 {
    padding: 65px 0px;
    background: linear-gradient(to bottom, #8DAFFF, #1E57DF);
    margin-top: 140px;

}

img.sec-imge-4 {
    width: 100%;
    height: auto;
}
button.btn_orange {
        border: none;
    padding: 16px 32px 16px 32px;
    border-radius: 8px;
    color: #fff;
    background: #E28756;
    font-weight: 700;
}
h1.sec-4 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 33px;
}



/*<section-5>*/


section.section-5 {
    padding: 137px 0px 121px 0px;
}

button.btn_blue{
    padding: 16px 32px 16px 32px;
    border: none;
    border-radius: 8px;
    background: #1E57DF;
    color: #fff;
    font-weight: 700;
}

.col-sm.right-sec-5 {
    display: flex;
    flex-direction: column; /* Stack the content vertically */
    justify-content: center; /* Center vertically */
    align-items: end; /* Align items to the start horizontally (left-aligned) */
}



/*<property-data>*/

.property-like {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}


    /* Hide the second icon by default */
        .property-like .hover-icon {
            display: none;
        }

        /* On hover, show the second icon and hide the first one */
        .property-like:hover .hover-icon {
            display: inline;
        }







.popular-badge {
    position: relative;
    background-color: #eb8153;
    color: white;
    padding: 5px 15px;
    border-radius: 10px 10px 10px 0px;
    font-size: 14px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    left: -11px;
    top: -16px;
}

.popular-badge i {
  margin-right: 4px; /* Space between icon and text */
}

.popular-badge::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 100%;
    width: 0;
    height: 0;
    border-top: 10px solid #FFD3BC;
    border-left: 10px solid #ffffff00;
}









.col-sm-4.property:last-child {
    margin: 0px;
}

.col-sm-4.property:first-child {
    margin: 0px;
}
.col-sm-4.property {
    margin: 0px 24px;
}
img.tag {
    max-width: 113px;
    max-height: 40px;
    position: absolute;
}
.LEFT-page:hover {
    background: linear-gradient(to bottom, #8DAFFF, #1E57DF);
    border: none !important;
}
.LEFT-page i.left.fa-solid.fa-arrow-left:hover {
    color: #fff !important;
}
.RIGHT-page:hover {
    background: linear-gradient(to bottom, #8DAFFF, #1E57DF);
    border: none !important;
}
.RIGHT-page i.fa-solid.fa-arrow-right:hover {
    color: #fff !important;
}


/*<section-faq>*/

.icon-1 {
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
    border-radius: 50px;
    text-align: center;
    display: grid;
    place-items: center;
}




/*<faq>*/
.faq-container {
    padding: 20px;
}

.faq-item {
    margin-bottom: 26px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
    border-radius: 18px;
    border: 2px solid #1e57df00;
}

.faq-item .faq-question {
    padding: 40px 40px 40px 40px;
    background-color: #fff;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.faq-item .faq-answer {
    height: 0;
    overflow: hidden;
    padding: 0 40px;
    background-color: #fff;
    transition: height 0.3s ease; /* Smooth transition for height */
}

.faq-item.active .faq-answer {
    padding: 0px 20px 40px 40px;
    font-size:18px;
    font-weight:400;
    width:896px;
    color: rgba(64, 66, 77, 1);
}

.faq-item.active {
    border: 2px solid #1E57DF;
    box-shadow: 0px 6px 16px 0px rgba(74, 58, 255, 0.19);
}

.faq-item.active .icon-1 {
    background: #1E57DF;
}
.faq-item .icon-1 i.icon.fas.fa-chevron-right {
transition: transform 0.3s ease;
}
.faq-item.active .icon-1 i.icon.fas.fa-chevron-right {
    color: #fff !important;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

/*<footer>*/
.footer-copy-right {
    border-top: 1px solid #E8E6F9;
    padding: 32px 0px;
}
a.icons:hover {
    background: #1E57DF;
    color: #fff !important;
     transform: scale(1);
     width:47px;
     height:47px;
}

a.icons {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    text-decoration: none;
    color: #000929;
     transition: transform 0.3s ease, color 0.3s ease;
     cursor: pointer;
}




/*<section-8>*/

.-sec-123 {
            position: relative;
        }

        .image-card {
            position: absolute;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .image-card img {
            width: 100%;
            height: auto;
            border-radius: 10px;
        }

       .image1 {
    top: 0px;
    left: 212px;
    width: 277px;
    height: 277px;
                border-radius: 20px;

}

.image2 {
    top: 81px;
    left: 27px;
    width: 277px;
    height: 277px;
    box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1), 0px 31px 31px 0px rgba(0, 0, 0, 0.09), 0px 71px 42px 0px rgba(0, 0, 0, 0.05), 0px 126px 50px 0px rgba(0, 0, 0, 0.01), 0px 197px 55px 0px rgba(0, 0, 0, 0);
    border-radius: 20px;
}



.faq-item.active .faq-question{
    padding:40px 40px 0px 40px
}

i#faq {
    color: #1E57DF;
}

/*<What Landlords section>*/

/*<slider>*/
.testimonial-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.testimonial-container {
  display: flex;
  transition: transform 1s ease-in-out;
}

.tab-content {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
/*<slider>*/





/*<progress-bar>*/
.progress-circle {
            position: relative;
            width: 72px;
            height: 72px;
        }

        /* Circular progress bar */
        .progress-bar {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #1E57DF;
            position: absolute;
            top: 0;
            left: 0;
        }

        /* Circle that goes around the image */
        .progress-circle::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 72px;
            height: 72px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }

        /* Image itself */
        .progress-circle img {
            width: 130px;
            height: 130px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
        }

        .tab-btn.active .progress-circle::before{
            background: #1E57DF;
        }

        .acesses_section {
            display: flex;
            justify-content: space-between;
        }

.profile-pic-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tab-btn.active .profile-pic {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            border: 3px solid #1E57DF; /* The border color */
            background-color: white; /* Background between image and border */
            display: flex;
            align-items: center;
            justify-content: center;
        }
            .profile-pic {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            background-color: white; /* Background between image and border */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .profile-pic img {
            width: 60px;
            height: 60px;
            border-radius: 100%;
            object-fit: cover;
        }

button.dst_show_bt {
    display: block;
}
button.mb_show_bt {
    display: none;
}


/*<Page-listing-css-start>*/
.filter-section {
    margin-bottom: 66px;
    margin-top: 45px;
}

h1.property-heading {
    font-size: 30px;
    font-weight: 600;
}
.col-sm-6.head-list {
    display: flex;
    gap: 20px;
    padding:0px;
}

.location-box {
    display: flex;
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid #262626;
    align-items: center;
}
h6.loction-box-text {
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
}
.col-sm-6.filter {
    display: flex;
    gap: 10px;
    padding: 0px;
    justify-content: flex-end;
    align-items: flex-end;
    padding:0px;
}

h6.sort-text {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
    color: #999999;
}
h6.publish-text {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    color: #000;
}
section.listing-section_1 {
    margin-bottom: 56px;
}
section.spam {
    background: linear-gradient(180deg, #8DAFFF 0%, #1E57DF 100%);
    padding-top: 64px;
    padding-bottom:80px;
    margin-bottom:93px;
}
.spam-content {
    width: 544px;
    margin: 0 auto;
    text-align: center;
}
h6.no-spam {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
h3.get-email {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px;
}
p.spam-content {
    font-size: 16px;
    font-weight: 400;
    color: #D3D5DA;
}
button#sumit-btn {
    padding: 12px 40px;
}
input#email {
    border: none;
    height: 26px;
    width: 100%;
}
.email-box {
    margin-top:32px;
    padding: 15px 17px 15px 24px;
    background: #fff;
    box-shadow: 0px 30px 30px 0px #5A5A5A1A;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom:24px;
}
p.spam-join-text {
    font-size: 14px;
    font-weight: 400;
    color: #9EA3AE;
    margin: 0px;
}



/* <Property detail css start> */

/* <css slider start> */
/* Main container */
.slider-container {
    margin: 0 auto;
    border: 1px solid #BCBFCC;
    padding: 50px;
    border-radius: 12px;
    margin-bottom: 30px;
}
  
  .thumbnail-slider {
    margin-bottom: 10px;
  }
  
  .thumbnail-slider img {
    height: 94px;
    object-fit: cover;
    width: 99.33px;
    opacity: 0.5;
    cursor: pointer;
    border-radius:8px;
  }
  .slick-initialized .slick-slide {
    display: block;

}
div#s1 {
    width: 95px !important;
    margin-right: 20px;
    height: 97px;
}
div#s1:last-child {
    margin-right: 0px;
} 
  .thumbnail-slider .slick-current img {
    opacity: 1;
  }
  
  .main-slider img {
    width: 100%;
    height: 583px;
    object-fit: cover;
    border-radius: 8px;
    background-color:none !important;
  }
  
  /* Navigation Arrows and Dash Styling */
  .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }
  .thumbnail-slider.slick-initialized.slick-slider {
    padding: 20px;
    background: #D3D6E0;
    border-radius: 12px;
    gap:20px;
}
/* .slick-list {
    padding: 20px;
    background: #D3D6E0;
    border-radius: 12px;
    gap:20px;
}*/
  .slick-prev, .slick-next {
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .arrow-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .left-arrow, .right-arrow {
    font-size: 24px;
    color: white;
    font-weight: bold;
  }
  
  .dash-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
  }
  
  .dash {
    width: 20px;
    height: 4px;
    background-color: #fff;
    margin: 0 2px;
    border-radius: 2px;
  }
  
 .dash.active {
    background-color: #E28756;
}
  
  /* Responsiveness */
  @media (max-width: 768px) {
    .main-slider img {
      height: 300px;
    }
  
    .slick-prev, .slick-next {
      width: 40px;
      height: 40px;
      font-size: 16px;
    }
  
    .slick-prev {
      left: -50px;
    }
  
    .slick-next {
      right: -50px;
    }
  }
  


  /* <end-css-of-slider> */
   /* <css-start-of-description> */
   section.Details {
    margin-bottom: 30px;
}
   h6.Description {
    font-size: 24px;
    font-weight: 600;
    margin-bottom:14px;
}
p.d-para {
    font-size: 18px;
    font-weight: 500;
    color: #999999;
    margin-bottom:50px;
}
.detail-1-container {
    border-block-start: 1px solid #262626;
}
span.d-i-text {
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    height: 100%;
}
h6.d-i-big-text {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0px;
}
.d-box {
    border-left: 1px solid;
    padding-left: 20px;
    width: 100%;
    margin-top: 20px;
}
.detail-1-container {
    display: flex;
    justify-content: space-between;
}
.d-box:first-child {
    border-left: none;
    padding-left: 0px;
}
.detail-1-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.detail-1-container:last-child {
    margin-bottom: 0px;
}
/*<srction-btn>*/
.btns {
    display: flex;
    gap: 21px;
    margin-bottom: 122px;
}
.share {
    padding: 18px 36px;
    background: #9DA2B3;
    border-radius: 8px;
    gap: 17px;
    display: flex;
}
span.btn-text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.agent-container {
    width: 1194px;
    margin: 0 auto;
}
h2.agent-heading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 16px;
}
h6.ag-contact {
    font-size: 16px;
    font-weight: 400;
    color: #000929;
}
.agent-headings {
    margin-bottom: 55px;
}
.agent-image {
    width: 268px;
    height: 260px;
}
.agent-card {
    display: flex;
    gap: 43px;
}
h6.Agent-name {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
span.agent-bold {
    font-weight: 600;
}
.agent-whatsapp {
    display: flex;
    gap: 10px;
    align-items: center;
}
h6.whatsapp {
    margin: 0px;
    color: #1E57DF;
    font-weight: 600;
}
h6.Agent-phone {
    margin-bottom: 10px;
}
.agent-cards {
    display: flex;
    justify-content: space-between;
}
section.agent {
    margin-bottom: 106px;
}
h1.message-heading {
    font-size: 48px;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 40px;
    margin-top: 10px;
}
h6.input-label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}
input#name {
    border: none;
    padding: 24px 20px;
    border-radius: 8px;
    background: #D3D6E0;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}
.name-field {
    width: 582px;
    margin-bottom: 18px;
}
textarea.message {
    border: none;
    padding: 24px 20px;
    border-radius: 8px;
    background: #D3D6E0;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}
.message-fields {
    margin-bottom: 50px;
}
.terms-check {
    display: flex;
    align-items: center;
    gap: 5px;
}
h6.aggre-text {
    font-size: 18px;
    font-weight: 500;
    color: #999999;
    margin: 0px;
}
button.send-message {
    padding: 18px 46px;
    border: none;
    background: #1E57DF;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
}
.terms-btns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 198px;
}
.header-sec {
    display: flex;
    justify-content: space-between;
}
.head-list-pd {
    display: flex;
    align-items: center;
    gap: 20px;
}
h6.web-ref-text {
    font-size: 12px;
    margin: 0px;
}
.main-pagation {
    background: #1E57DF;
    display: flex;
    justify-content: center;
    padding: 10px 10px;
    border-radius: 69px;
    margin: 0 auto;
    margin-top: 30px;
    width: 381px;
    gap: 10px;
    align-items: center;
    align-content: center;
}
img.icon-svg {
    width: 18px;
    height: 21px;
}
.left-icon {
    border: 1px solid;
    border-radius: 50px;
    padding: 14px 16px;
    cursor: pointer;
}
.right-icon {
    border: 1px solid;
    border-radius: 50px;
    padding: 14px 16px;
    cursor: pointer;
}
.d-i {
    display: flex;
    gap: 5px;
}

/*<property-rent>*/
div#bt-s {

    display: flex;
    gap: 30px;
    background: #fff;
    padding: 25px 32px;
    border-radius: 0px 8px 8px 8px;
    box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1), 0px 31px 31px 0px rgba(0, 0, 0, 0.09), 0px 71px 42px 0px rgba(0, 0, 0, 0.05), 0px 126px 50px 0px rgba(0, 0, 0, 0.01), 0px 197px 55px 0px rgba(0, 0, 0, 0);
    width:100%;
}
h6.disclaimer {
    margin-top: 54px;
    color: #6E7180;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 218px;
}
section.section-rent-listing {
    margin-top: 53px;
}
.p-filter-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.sort-filter {
    display: flex;
    align-items: center;
    gap: 17px;
    width: 282px;
}ap: 17px;
}
button.dropdown-item {
    color: #000;
    font-size: 16px;
    margin-bottom: 21px !important;
}























/*<container>*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1160px;
    }
}

/*Mobile responsive*/

@media screen and (max-width:767px){

/*<headeer>*/
header.web {
    display: none;
}
header.mobile {
    display: block !important;
}




header {
    position: relative;
    width: 100%;
    z-index: 999;
    background-color: white;
}

.navbar {
    padding: 1rem 1rem;
    background-color: white;
}

.navbar .logo {
        width: 66px;
        height: 22px;
    }

.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    font-size: 1.5rem;
    color: black;
}

/* Styling the Fullscreen Mobile Menu */
.navbar-collapse {
    position: absolute;
    top: 89px;
    left: 0;
    width: 100%;
    height: 654px;
    background-color: white;
    padding-top: 50px; /* Adjust for logo */
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-nav {
    text-align: left !important;
}

.nav-link {
    font-size: 24px;
    color: #060606 !important;
    text-transform: uppercase;
    margin-bottom:47px;
    padding:0px 0px 0px 33px !important;
    font-family: "Bebas Neue", sans-serif;

}
a.btn-Login {
    margin:0px 0px 0px 33px !important;
}
.nav-link.active {
    color: white !important;
    background: #1E57DF;
    padding: 29px 0px 23px 33px !important;
    margin-bottom:24px !important;
}
.navbar-collapse {
    display: none;
}
.btn-Login {
    display: inline-block;
    background-color: #1a5dcc;
    color: white;
    border: none;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase;
}

.btn-Login:hover {
    background-color: #003ea3;
}

.navbar-toggler.open .navbar-toggler-icon {
    display:none !important;
}
li.nav-item {
    height: auto!important;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-white.shadow-sm {
    height: auto;
    padding: 30px 35px 20px 34px;
}









   #testimonialSection {
    height: 280px;
    margin-bottom: 300px;
}
#testimonialSection .banner {
    height: 240px;
}
.heading_banner {
    height: 300px;
    display: flex;
    align-items: center;
}
#testimonialSection .text-content h1 {
    font-size: 32px !important;
    width: 268px !important;
}
#testimonialSection .text-content {
    
    height: 360px;
}
.testimonial-tabs .tab-link {
    width: 32px !important;
    height: 5px !important;
}
.search_banner .tab {
    font-size: 12px;
    width: 80px;
    height: 46px;
}
div#buy-tab {
    flex-direction: column;
}
div#rent-tab {
    flex-direction: column;
}
div#buy-tab img {
    display: none;
}
div#buy-tab .input-group label {
    font-size: 14px!important;;
}
div#buy-tab .input-group .input-group input {
    
    font-size: 12px!important;;
}
div#rent-tab img {
    display: none;
}
div#rent-tab .input-group label {
    font-size: 14px!important;;
}
div#rent-tab .input-group .input-group input {
    
    font-size: 12px!important;;
}
section.section-2 {
    padding: 45px 20px 0px 20px;
}
div#sec2 {
    margin-bottom: 45px;
    height: 100%;
}

div#sec2 p.heading {
    font-size: 24px;
}
div#sec2 p.small_text {
    color: #ffff;
    font-size: 14px;
}
.search-btn {
    height: 53px;
    width: 112px;
    font-size: 14px;
}
button.Get.a.Quote {
    float: none;
    margin-top: 20px;
    font-size: 14px;
}
section.section-3 {
    padding: 0 20px;
}
p.heading-sec-3 {
    
    font-size: 24px;
        margin-bottom: 5px;
   
}
p.small_sec-3 {
    font-size: 12px;
    
}
button.read-more {
    font-size: 14px;
    margin-top: 15px;
}
.main-mm {
    flex-direction: column;
    padding: 0;
}
.main-mm img {
    height: 100% !important;
    width: 100% !important;
}
.left-image {
    margin-top: 35px !important;
}
section.section-4 {
    padding: 45px 0px;
    margin-top: 50px;
}
img.sec-imge-4 {
    width: 100%;
    height: auto;
    padding: 0 35px;
}
.col-sm-6.pad_mb {
    padding: 0;
}
h1.sec-4 {
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.content-section-6 {
    text-align: center;
    margin-left: 0 !important;
}
section.section-5 {
    padding: 55px 35px 55px 35px;
}
.col-sm.sec-5-heading h2 {
    font-size: 24px !important;
}
.col-sm.sec-5-heading p {
    font-size: 14px;
}
button.dst_show_bt {
    display: none;
}
button.mb_show_bt {
    display: block;
}
.mob_propt_center {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.section-5 .row {
    padding-bottom: 15px !important;
}
section.section-6 {
    padding-bottom: 56px !important;
}
.Mini-risk {
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 30px;
    margin-top: 0px !important;
}
.property-details h6 {
    font-size: 16px !important;
}
.property-like {
   
    width: 28px !important;
    height: 28px !important;
}
.property-like i {
    font-size: 14px !important;
}
section.section-5 .property-details .row {
    padding-bottom: 0 !important;
}
.property-details h6 {
    font-size: 16px !important;
}
.acesses_section .text-p {
    font-size: 10px !important;
}
.acesses_section img {
    vertical-align: middle;
}
/*<section-6-css>*/

div#sec-6-cont {
    display: flex;
    justify-content: center;
}
div#sec-6 {
    width: 100%;
    padding: 0px 37px 0px 27px;
}
.col-sm-6.hire-ritzon {
    max-width: none !important;
    margin: 0px !important;
    margin-bottom: 42px !important;
}
h1#h1-hire {
    padding: 36px 31px 21px 32px !important;
    font-size: 24px !important;
}
button#b-property {
    margin-bottom: 42px !important;
    margin-left: 32px !important;
}



/*<section-join>*/
section.section-join {
    display: none;
}
/*<section-join>*/

/*<section-7>*/
h1#waht-land {
    font-size: 24px !important;
    padding-bottom: 30px !important;
}
.tab-content {
     font-size: 12px !important;
     width: 100% !important;
     line-height: 19.2px !important;
     padding:0px;
}
div#cont-7 {
    padding: 0px 21px 0px 23px;
}
.content {
    padding: 0px !important;
}
/*<section-7>*/


/*<section-Faq>*/
div#faq-container {
    padding: 0px 36px;
}
h1#faq-headind {
    font-size: 24px !important;
    margin-bottom:15px !important;
}
.faq-container {
    padding: 0px !important;
}
.faq-question {
    padding: 20px 20px 15px 17px !important;
}
h6.question {
    font-size: 16px !important;
    font-weight: 500;
    margin-bottom: 15px;
    width: 248px;
}
.icon-1 {
        max-width: 26px;
        max-height: 26px;
        border-radius: 100%;
        width: 100%;
}
i#faq {
    font-size: 9px;
}
.faq-item .faq-answer {
    padding: 0 17px !important;
    font-size: 12px !important;
    font-weight: 400;
    width: 256px !important;
    color: transparent ;

}
.faq-item.active .faq-answer {
    padding: 0px 0px 50px 17px !important;
    font-size: 12px !important;
    font-weight: 400;
    width: 256px !important;
    color: #40424D;
}
section.section-9 {
    padding-bottom: 81px !important;
}

/*<section-Faq>*/

/*<footer-web>*/
footer.web {
    display: none;
}
/*<footer-web>*/

/*<footer-mobile>*/
footer.mobile {
    display: block!important;
}
.menu-1 {
    display: flex;
    justify-content: space-between;
}
a.icons {
    width: 24px;
    height: 24px;
    color: #00092942 !important;
}
.f_menu-1 {
    min-width: 50%;
}
.footer-copy-right {
    padding: 19px 0px !important;
}
.col-sm-4.property {
    margin: 0px 0px 20px  !important;
    max-width: 100% !important;
}



header.mobile button.navbar-toggler {
    padding: 0;
    transition: ease-in 0.2s;
}
header.mobile button.navbar-toggler:focus {
    outline: none;
    border: none;
    color: transparent;

}


header.mobile button.navbar-toggler.collapsed span{
        background-image: url(../images/hamburger.png);
        background-size: auto;
            transition: ease-in 0.2s;


}

header.mobile button.navbar-toggler span{
        background-image: url(../images/hamburger_close.png);
        background-size: auto;
            transition: ease-in 0.2s;

}


div#buy-tab input, div#rent-tab input {
    width: 100% !important;
    font-size: 12px;
    position: relative;
}
div#buy-tab .input-group .dropdown button#dropdownMenu2 , div#rent-tab .input-group .dropdown button{
    font-size: 12px !important;
}
 
 div#buy-tab .input-group, div#rent-tab  .input-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100% !important;
}

  div#buy-tab .int_lab::after, div#rent-tab .int_lab::after  {
    position: absolute;
    left: 0;
    top: 59px;
    content: '';
    width: 100%;
    height: 1px;
    background: #E0DEF7;
}
}
/*Mobile responsive*/