/* ====== Shared Styles for Login & Sign-Up ====== */
.signup-container, .login-container{
    width: 100%;
    max-width: 1000px;
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease-in-out;

    background-image: url(/uploads/chat/main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: normal;
    background-position: center;
}

/* Earnings & Balance Display */
.earnings-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 16px;
}

.earnings-container span {
    font-weight: bold;
}

.earnings-container .text-success {
    font-size: 18px;
    font-weight: bold;
}

.btn-primary { background: #007bff; }
.btn-danger { background: #dc3545; }
.btn-warning { background: #ffc107; }

.reset-container , .forgot-password-container {
    width: 80%;
    max-width: 500px;
    background: #ffffff;
    padding: 68px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease-in-out;

    background-image: url(/uploads/chat/main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: normal;
    background-position: left;
}

/* Forgot Password Card */
.forgot-password-card {
    text-align: left;
}

/* Form Layout */
.signup-card, .login-card {
    text-align: left;
}

/* Form Row (Ensures 2 inputs per row on large screens) */
.form-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

 .fileuploader-input-button{
    background: #f04f1e!important;
    background-color: #f04f1e!important;
    font-family: "Roboto", sans-serif;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1.5px;  
 }
 .fileuploader-input-caption span{
    color: #f04f1e; 
    font-family: "Roboto", sans-serif; 
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1.5px;  
 }

 .start-chat-header {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align avatar and name */
    padding: 10px; /* Adjust padding as needed */
    border: none; /* Remove default button styling */
    background-color: transparent; /* Keep the background transparent if needed */
    width: 100%; /* Make button occupy the full width of the list item */
    cursor: pointer; /* Change cursor to indicate clickable area */
}

.start-chat-header:hover {
   
    background-color: #e3e3e3;
    color: #fff;
}
/* Full-Width for Buttons & Terms */
.full-width {
    width: 100%;
} 
.fullbtn{ 
    margin-top: 12px;
    padding: 8px 15px;
    border-radius: 6px;
    display: inline-block; 
    background-color: #f04f1e;
    font-family: "Roboto", sans-serif;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1.5px;  
    width: 100%;
}

/* ====== Input Fields ====== */
.input-group {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    transition: 0.3s ease-in-out;
    margin-bottom: 1rem !important;
}

.input-group-icon {
    font-size: 18px;
    color: #666;
    margin-right: 10px;
}

/* Input Focus Effect */
.input-group:focus-within {
    border-color: #f05619;
    box-shadow: 0 0 8px rgba(240, 86, 25, 0.4);
}

/* Custom Input */
.custom-input {
    border: none;
    background: none;
    outline: none;
    width: 100%;
    font-size: 16px;
    color: #333;
}

/* Placeholder Font Size */
.custom-input::placeholder {
    font-size: 16px;
    color: #888;
}

/* ====== Error Message ====== */
.error-message {
    color: red;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

/* ====== Custom Button ====== */
.custom-btn {
    background: #f05619;
    color: #ffffff;
    padding: 14px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 23px;
}

.custom-btn:hover, .custom-btn:focus {
    background: #c54613;
}

/* ====== Text Links ====== */
.text-link {
    text-decoration: none;
    color: #535353;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
}

.text-link:hover {
    color: #c54613;
}
.verify-container {
    width: 80%;
    max-width: 600px;
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: 0.3s ease-in-out;
}

/* Alert Box */
.alert {
    padding: 15px;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Success Alert */
.alert-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.alert-success .close{
    background-color: #f04f1e;
    border: 1px solid #f04f1e;
    color: #fff;
    border-radius: 50%;
    padding: 0px 9px;
}



.btn-file{
    background-color: #f04e1d;
    border: 1px solid #f04e1d;
}

.groupi{
    display: flex;
align-items: center;
background: #f8f9fa;
border: 1px solid #ddd;
border-radius: 8px;
padding: 12px;
transition: 0.3sease-in-out;
margin-bottom: 1rem !important;
flex: 0 0 calc(50% - 10px)!important;
}


/* Form Styling */
.editp .form-group {
width: 100%;
}

/* Profile Edit Container */
.right-part {
padding: 30px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Input Fields */
.custom-input,
.uploadinput {
border: 1px solid #ddd;
background: #f8f9fa;
border-radius: 8px;
padding: 12px 15px;
font-size: 16px;
width: 100%;
color: #333;
transition: all 0.3s ease;
}
 
.custom-input:focus,
.uploadinput:focus {
border-color: #f05619;
background: #fff;
box-shadow: 0 0 5px rgba(240, 86, 25, 0.3);
outline: none;
}

.uploadinput{
    color: #fff;
    border-color: #f05619!important;
background-color: #f05619!important;;
box-shadow: 0 0 5px rgba(240, 86, 25, 0.3);
outline: none;
}

.uploadinput:focus {
    border-color: #f05619!important;;
background: #fff!important;;
box-shadow: 0 0 5px rgba(240, 86, 25, 0.3);
outline: none;
}
/* File Upload Styling */
input[type="file"] {
padding: 8px;
border-radius: 8px;
border: 1px solid #ddd;
width: 100%;
background: #f8f9fa;
transition: all 0.3s ease;
}

input[type="file"]:hover {
border-color: #f05619;
}

/* Image Previews */
.img-thumbnail {
max-height: 200px;
border-radius: 8px;
margin-top: 10px; 
object-fit: cover;
border: 1px solid #ddd;
transition: all 0.3s ease;
}



/* Profile Section Styling */
.dash-common-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #f86809;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.dash-common-heading h1 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.post_btn {
    background: #f86809;
    border: none;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s ease;
}

.post_btn:hover {
    background: #d45707;
}

/* Table Styling */
.dash-table {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th {
    background: #f86809;
    color: white;
    text-align: center;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    font-family: "Roboto", sans-serif;
}

.table td {
    padding: 12px;
    vertical-align: middle;
}

.table img {
    width: 72px;
    height: 72px;
    border-radius: 5px;
    object-fit: cover;
}

/* Action Buttons */
.round-btn {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 50%;
    margin-right: 5px;
    color: white;
}


.round-btn:hover {
    opacity: 0.8;
}

 
/* Error Message Styling */
.help-block strong {
    color: red;
}

/* Payment Transfer Info */
.payment-info {
    color: red;
    font-size: 14px;
    margin-top: 10px;
}

/* Dashboard Inner */
.dashboard-inner {
    padding: 20px 0;
}
/* Sidebar Styling */
.left-part {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
}

/* Profile Image Section */
.top-part {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 20px;
    text-align: center;
    border-radius: 8px 8px 0 0;
}

.prof-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #fff;
    object-fit: cover;
}

/* Edit Profile & Bank Info Buttons */
.btn-rap {
    margin-top: 10px;
}

.btn-all {
    background: #f04f1e;
    color: white;
    padding: 8px 15px;
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
}

.btn-all:hover {
    color: #fff;
    background: #d75900;
    text-decoration: none;
}

/* Navigation Links */
.bottom-part ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
}

.bottom-part ul li {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.bottom-part ul li a {
    color: #434040;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
    border-bottom: 1px solid #292829;
    padding: 15px 0px 15px 20px;
    gap: 11px;
    justify-content: flex-start;
    vertical-align: middle;
}
.bottom-part ul li.active a {
    background: #f04f1e; /* Active item background */
    color: white; /* Text color */
    border-radius: 5px;
    font-weight: bold;
}

.bottom-part ul li.active a i {
    color: white; /* Icon color */
}

.bottom-part ul li a:hover{
    background-color: #ee4d1d;
    color: #fff;
    border-color: #ee4d1d;
}

.bottom-part ul li a i {
    margin-right: 10px;
    color: #f86809;
    font-size: 16px;
}

/* Remove border for last list item */
.bottom-part ul li:last-child {
    border-bottom: none;
}

.left-part .top-part {
    padding: 20px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    background-color: #dcdcdc;
}

.left-part .prof-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-bottom: 10px;
}

.left-part .btn-rap {
    margin-bottom: 15px;
}

.left-part ul {
    list-style: none;
    padding: 0;
}

.left-part ul li {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.left-part ul li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    text-decoration: none;
    color: #333;
    transition: 0.3s;
}

.left-part ul li a:hover {
    color: #fff;
}

/* Active Menu Item */
.left-part ul li.active a {
    color: #fff;
    font-weight: bold;
}

 

 
.dash-table .table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}

.dash-table .table thead {
    background: #f86809;
    color: #fff;
}

.dash-table .table thead th {
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

.dash-table .table tbody tr {
    border-bottom: 1px solid #ddd;
}

.dash-table .table tbody tr:hover {
    background: #f9f9f9;
}

.dash-table .table tbody td {
    padding: 12px;
    text-align: center;
    font-size: 14px;
}

/* Media Objects */
.media {
    display: flex;
    align-items: center;
}

.media-left {
    margin-right: 10px;
}

.media-left img {
    width: 72px;
    height: 72px;
    border-radius: 5px;
    object-fit: cover;
}

.media-body {
    text-align: left;
}
.h1titles{
    border-bottom: 5px solid #eee;
}

.addrequestbtnz{
    background: #f05425;
    font-size: 16px !important;
}

.cmn-tp-bg.dash {
    padding: 11px 0px;
    margin-bottom: 6px; 
    background-color: #f04f1e;
    border-bottom: 3px solid #a9a9a9;
}

.bg-orange{
    background-color: #f04f1e;
}
.cmn-tp-bg ul.breadcrumb  { 
    display: flex;
        justify-content: flex-start;
        vertical-align: middle;
        margin: 0;
    }

.cmn-tp-bg ul.breadcrumb li  {
padding: 0 2px;
color: #fff;

}


.cmn-tp-bg ul.breadcrumb li a {
    color: #fff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.breadcrumb .active{
     font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.list-view{
    background: #fff;
    padding: 20px;
    border-radius: 12px;
 }
.w-70 {
    width: 70% !important;
}

.w-30 {
    width: 30% !important;
}
 .searchbtnz{
    background: #f04f1e;
    border: none;
  }
  .searchbtnz:hover{
    background: #ee5c2f;
    border: none;
  }
 
 .searchsection{
    display: flex;
    gap: 16px;
    width: 90%;
    justify-self: center;
    border-bottom: 3px solid #a9a9a9;
    padding-bottom: 22px;
 }

 .xcontainer{
    padding-top:25px;
    padding-right: 55px;
    padding-left: 55px;
    padding-bottom: 25px; 
    overflow: hidden;
    transition: all 0.3sease -in-out; 
    scroll-snap-align: center;
     margin-bottom: 55px;
    margin-top: 55px;
}
.animationx:hover{
    transform: translateY(-5px);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
 
.contacth5{
    text-align: center;
    border-bottom: 3px solid #eee;
}
.developerdescz {
    font-size: 18px; /* Default size */
    font-weight: 400; /* Normal weight */
    color: #333; /* Dark gray for readability */
    line-height: 1.6; /* Improve readability */
    text-align: justify;
}

/* Card Layout */
.card {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
     scroll-snap-align: center;
     margin-bottom: 19px;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

/* Card Image */
.card-img-top {
    height: 220px;
    object-fit: cover;
    border-bottom: 4px solid #007bff;
}

.banner-wrapper-sec{
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3sease -in-out;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    scroll-snap-align: center;
    margin-bottom: 19px;    
}
.banner-wrapper {
    width: 100%;
    max-height: 600px; /* Limits banner height */
    overflow: hidden; /* Prevents overflow */
}

.banner-wrapper img {
    width: 100%;
    height: 100%;
    max-height: 600px; /* Ensures the image doesn't exceed 600px */
    object-fit: contain; /* Maintains aspect ratio while covering the area */
    display: block;
}
/* Main container: Ensures proper alignment */
.details-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}

/* Styling for each detail box */
.detail-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1 1 30%; /* Makes sure three items take full width */
    padding: 15px;
    min-height: 100px;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Background colors for each category */
.bg-primary { background-color: #007bff; } /* Duration */
.bg-success { background-color: #28a745; } /* Down Payment */
.bg-warning { background-color: #ffc107; } /* Contract */
.bg-danger { background-color: #dc3545; } /* Installments */

/* Hover effect */
.detail-box:hover {
    transform: translateY(-3px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Icon styling */
.detail-box i {
    font-size: 24px;
    margin-bottom: 5px;
}

/* Ensure text spacing is correct */
.detail-box h6 {  
    margin-bottom: 5px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1.5px;  
}

.detail-box p {
    font-size: 14px;
    font-weight: 500;
}


.sociltop{
    margin-top: 6px;
    border-top: 3px solid #eee;
}
/* Card Body */
.card-body {
    padding: 20px;
}

/* Property Features */
.badge {
    font-size: 0.9rem;
    padding: 6px 10px;
}
.info-item{
    width: calc(32% - 11px);;
}

.text-orange{
    color: #f04f1e;
}
.text-darky{
    color: #434343;
    font-size: 20px;
        padding-top: 19px;
}

.h6t{
    font-size: 16px;
}
.pti{
    font-size: 15px;
    background-color: #f04f1e;
    color: #fff !important;
    padding: 1px 11px;
    border-radius: 13px;
}

.detailsz h6{
    font-size: 16px;
    color: #2b2b2b;
}
.detailsz p{
    color: #2b2b2b;
}


 


/* 🔹 Responsive: Makes each box full width (one per row) on smaller screens */
@media (min-width: 1221px) and (max-width: 1600px) {
    .detail-box {
        flex: 1 1 100%; /* Full width for each box on mobile */
        min-height: 90px;
    }

    .bannerhg2{
        font-size: 16px;
    }



}

/* 🔹 Responsive: Makes each box full width (one per row) on smaller screens */
@media (min-width: 991px) and (max-width: 1200px) {
    .detail-box {
        flex: 1 1 100%; /* Full width for each box on mobile */
        min-height: 90px;
    }

    .bannerhg2{
        font-size: 16px;
    }
 


}




/* ====== Responsive Design ====== */
@media (min-width: 751px) and (max-width: 991px) {
    .bannerhg2{
        font-size: 16px;
    }
 

}

@media (min-width: 669px) and (max-width: 750px) {
    .bannerhg2{
        font-size: 16px;
    }

    

}
@media (min-width: 571px) and (max-width: 668px) {
    .bannerhg2{
        font-size: 16px;
    }

 
}  

@media (min-width: 481px) and (max-width: 570px) {
  

    .newcompound-carousel-track, .developers-carousel-track, .rental-carousel-track{
        gap: 6px;
    }
 
  
    .carousel-dot {
        width: 7px;
        height: 7px;
    }


    .developers-carousel-dots {
        overflow-x: auto; /* Allows horizontal scrolling */
        white-space: nowrap; /* Prevents wrapping */
        padding-bottom: 5px; /* Adds space below to avoid overlap */
    }

    .developers-carousel-dot {
        width: 6px;
        height: 6px;
        margin: 2px;
    }

    

    .search-dropdown-toggle{
        width: 100%; /* Make buttons full width */
    }

    .search-button {
        width: 100%; /* Make search button full width */
        text-align: center;
    }
    .bannerhg2{
        font-size: 16px; 
        line-height: 35px;
    
    }
    .Whatsec {
        padding:   1px 4px;
    }

 
    .global_services {
        width: calc(50% - 10px); /* 2 items per row on mobile */
    }
    .categorysections{
        padding: 10px;
    }
    .cardsname {
        padding: 3px 3px;
        font-size: 14px;
    }
    .servicon {
        width: 20px;
        height: 20px;
    }
    

    .project-whats, 
    .project-call, 
    .project-chat {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 10px;
        margin-bottom: 6px;
    }

    .project-whats i, 
    .project-call i, 
    .project-chat i {
        font-size: 16px;
    }

 
    
    .gallery-title {
        font-size: 1.5rem;
    }

    .property-features {
        flex-wrap: wrap;
    }

    .property-package {
        font-size: 1rem;
        padding: 6px 12px;
    }
    .developerdescz {
        font-size: 14px;
        line-height: 1.5;
    }

    .signup-container, .login-container{
        width: 95%;
        padding: 30px;
    }
    .reset-container, .forgot-password-container {
        width: 95%; 
    }

    .form-row {
        flex-direction: column;
        gap: 15px;
    }

    .form-group {
        width: 100%; /* Stacks inputs on mobile */
    }
 
    .custom-input {
        font-size: 15px;
    }

    .custom-input::placeholder {
        font-size: 15px;
    }

    .custom-btn {
        font-size: 16px;
        padding: 12px;
    }
    .verify-container {
        width: 90%;
        padding: 30px;
    }

    .right-part {
        padding: 20px;
    }

    .custom-input,
    .uploadinput {
        font-size: 15px;
    }
 

    .img-thumbnail {
        max-height: 150px;
    }
    .dash-common-heading {
        flex-direction: column;
        align-items: flex-start;
    }
    .post_btn {
        margin-top: 10px;
        width: 100%;
    }
    .earnings-container {
        flex-direction: column;
        gap: 10px;
    }
    .table-responsive {
        overflow-x: auto;
    }

    .prof-img img {
        width: 80px;
        height: 80px;
    }
    
    .btn-all {
        font-size: 12px;
        padding: 6px 12px;
    }

    .bottom-part ul li a {
        font-size: 13px;
    }

 

}


@media (min-width: 421px) and (max-width: 480px) {
    
    .form-label, .form-control{
        font-size: 12px!important;
        font-weight: bold;
         letter-spacing: 1.5px!important;
        font-family: 'Roboto', sans-serif;
                text-align: center !important;
    }
 
    
    .tab-button{
        font-size: 14px;
        padding: 3px;
    }
    .search-button{
        font-size: 14px;
    }
    .xcontainer h4{
    text-align: center;
      font-size: 14px;
    }

 
    
    .newcompound-carousel-track, .developers-carousel-track, .rental-carousel-track{
        gap: 6px;
    }
 
 
    .rental-carousel-dot {
        width: 7px;
        height: 7px;
    }
 
    .carousel-dot {
        width: 6px;
        height: 6px;
        margin: 2px;
    }


    .developers-carousel-dots {
         overflow-x: auto; /* Allows horizontal scrolling */
        white-space: nowrap; /* Prevents wrapping */
        padding-bottom: 5px; /* Adds space below to avoid overlap */
    }

    .developers-carousel-dot {
      width: 6px;
        height: 6px;
        margin: 2px;
    }


    .search-section-list {
        width: 100%;
        padding: 15px; 
    }
 
 

  
    .search-dropdown-toggle{
        width: 100%; /* Make buttons full width */
    }

    .search-button {
        width: 100%; /* Make search button full width */
        text-align: center;
    }
    .bannerhg2{
        font-size: 16px; 
        line-height: 35px;
    
    }
    .Whatsec {
        padding:   1px 4px;
    }

 
    .global_services {
        width: calc(50% - 5px); /* 2 items per row on smaller screens */
        padding: 8px;
    }

    .cardsname {
        padding: 3px 3px;
        font-size: 14px;
    }

    .servicon {
        width: 20px;
        height: 20px;
    }
    .categorysections{
        padding: 10px;
    }
    .specialdescription{
        font-size: 14px;
        padding: 3px;
        letter-spacing: 1px;
        font-weight: 200;
    }


    .project-whats, 
    .project-call, 
    .project-chat {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 10px;
        margin-bottom: 6px;
    }

    .project-whats i, 
    .project-call i, 
    .project-chat i {
        font-size: 16px;
    }

  
    .gallery-title {
        font-size: 1.5rem;
    }

    .property-features {
        flex-wrap: wrap;
    }

    .property-package {
        font-size: 1rem;
        padding: 6px 12px;
    }
}
@media (min-width: 361px) and (max-width: 420px) {
    .navbar-brand img{
        padding: 11px;
    height: 38px;
    }
 
    .form-label, .form-control{
        font-size: 14px !important;
        font-weight: 400 !important;
         font-family: 'Roboto', sans-serif;
               text-align: center !important;
    }
    .search-section-list{
        padding: 10px;
    }

    .tab-button{
        font-size: 13px;
        padding: 3px;
    }
    .search-button{
        font-size: 13px;
    }
    .xcontainer h4{
    text-align: center;
      font-size: 13px;
    }
 
    
     
    .bannerhg2{
        font-size: 16px;
    }
   
}



@media (min-width: 291px) and (max-width: 360px) {
   
    .navbar-brand img{
        padding: 11px;
    height: 38px;
    }
 
    .form-label, .form-control{ 
        font-size: 14px!important;
        font-weight: 300!important;
         font-family: 'Roboto', sans-serif;     
                   text-align: center !important;
    }
    .search-section-list{
        padding: 10px;
    }

    .tab-button{
        font-size: 12px;
        padding: 3px 2px;
    }
    .search-button{
        font-size: 13px;
    }
    .xcontainer h4{
    text-align: center;
      font-size: 13px;
    }

  
    
    .rental-carousel-dot {
        width: 7px;
        height: 7px;
    }

 
    .carousel-dot {
        width: 7px;
        height: 7px;
    }


    .developers-carousel-dots {
        overflow-x: auto; /* Allows horizontal scrolling */
        white-space: nowrap; /* Prevents wrapping */
        padding-bottom: 5px; /* Adds space below to avoid overlap */
    }

    .developers-carousel-dot {
        width: 6px;
        height: 6px;
        margin: 2px;
    }

    
  
    .bannerhg2{
        font-size: 14px;
    }
 
    .global_services {
        width: 100%; /* 2 items per row on smaller screens */
        padding: 8px;
    }

    .cardsname {
        padding: 3px 3px;
        font-size: 14px;
    }

    .servicon {
        width: 20px;
        height: 20px;
    }
    .categorysections{
        padding: 10px;
    }
    .specialdescription{
        font-size: 12px;
         padding: 5px;
         font-weight: 200;
    }
    .project-whats, 
    .project-call, 
    .project-chat {
        font-size: 13px;
        padding: 8px 12px;
        border-radius: 10px;
        margin-bottom: 6px;
    }

    .project-whats i, 
    .project-call i, 
    .project-chat i {
        font-size: 16px;
    }
 
    .gallery-title {
        font-size: 1.5rem;
    }

    .property-features {
        flex-wrap: wrap;
    }

    .property-package {
        font-size: 1rem;
        padding: 6px 12px;
    }
    .Whatsec {
        padding: 0 10px;
    }
    
    
}

@media (min-width: 221px) and (max-width: 290px) {
     
    .navbar-brand img{
        padding: 11px;
    height: 38px;
    }
 
    .form-label, .form-control{
        font-size: 12px!important;
        font-weight: 300!important;
         letter-spacing: 1.5px!important;
        font-family: 'Roboto', sans-serif;
    }
    .search-section-list{
        padding: 10px;
    }

    .tab-button{
        font-size: 12px;
    }
    .search-button{
        font-size: 13px;
    }
    .xcontainer h4{
    text-align: center;
      font-size: 13px;
    }

  

    
     
    .bannerhg2{
        font-size: 13px;
    }
  
 
    .rental-carousel-dot {
        width: 7px;
        height: 7px;
    }


    .carousel-dot {
        width: 7px;
        height: 7px;
    }


    .developers-carousel-dots {

        overflow-x: auto; /* Allows horizontal scrolling */
        white-space: nowrap; /* Prevents wrapping */
        padding-bottom: 5px; /* Adds space below to avoid overlap */
    }

    .developers-carousel-dot {
        width: 6px;
        height: 6px;
        margin: 2px;
    }
 
    .global_services {
        width: 100%; /* 2 items per row on smaller screens */
        padding: 8px;
    }

    .cardsname {
        padding: 3px 3px;
        font-size: 14px;
    }

    .servicon {
        width: 20px;
        height: 20px;
    }
    .categorysections{
        padding: 10px;
    }
    .specialdescription{
        font-size: 12px;
         padding: 3px;
    }
    .project-whats, 
    .project-call, 
    .project-chat {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 10px;
        margin-bottom: 6px;
    }

    .project-whats i, 
    .project-call i, 
    .project-chat i {
        font-size: 16px;
    }

  
    .gallery-title {
        font-size: 1.5rem;
    }

    .property-features {
        flex-wrap: wrap;
    }

    .property-package {
        font-size: 1rem;
        padding: 6px 12px;
    }

    .Whatsec {
        padding: 0 10px;
    }
    

    
}

.input-group .filter-input, .areafilter {
    border: none!important;
    border-radius: 6px 0 0 6px;
    flex: 1;
    padding: 14px 5px;
}

/* Align the currency/m² unit box */
.input-group-text { 
    border: none; 
}


 
       
            /* Heart Icon Styling */
            .favorite-icon {
                font-size: 30px;
                cursor: pointer;
                transition: color 0.3s ease-in-out;
            }
            
            .favorite-icon.fa-heart {
                color: red;
            }
            
            .favorite-icon.fa-heart-o {
                color: white;
            }
            
            .favorite-icon:hover {
                color: red;
            }
    .property-details ul{
        text-align: center;
    }        
      /* Gallery Container */
.property-gallery-container {
    width: 100%;
    padding: 20p;
    margin: 0;
    position: relative;
}

/* Image Styling */
.gallery-img {
    width: 100%;
    min-height: 250;
    max-height: 594px;
    height: 100%;
    object-fit: contain;
}

.swiper-container{
    overflow: hidden;
}
/* Remove Arrows */
.swiper-button-prev,
.swiper-button-next {
    display: none !important;
}
.swiper-wrapper{
    height: auto;
}

/* Swiper Pagination (Dots) Styling */
.swiper-pagination {
    position: relative !important; /* Remove absolute positioning */
    text-align: center; /* Center dots */
    margin-top: 30px; /* Space below gallery */
}

.swiper-pagination-bullet {
    background: #007bff;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

.swiper-pagination-bullet-active {
    background: #0056b3;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
           .myhrborder{ 
        font-size: 18px;
        padding: 6px 25px;
    }

    .borderci{
        padding: 25px 10px;
        margin: 10px 2px;
    }
    .text-darky{
    color: #434343;
    font-size: 16px;
}
    .xcontainer{
        padding: 20px!important;
    }
    .gallery-img {
        max-height: 350px;
    }
}

.requestbtn{
    background-color: #f04f1e;
    color: #fff;
}
.requestbtn:hover{
    background-color: #ca431a;
    color: #fff;
}

.form-control{
    box-shadow: 0px 0px 5px rgb(102 102 102 / 77%); 
}