#nav1.menu-overlay {
    z-index: 1020 !important;
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.3rem !important;
    }
}
#four {
    background-image: url("../../assets/images/solutions-DjPjQumN.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-card a img {
    width: 100% !important;
    height: 250px !important; /* Set your desired height */
    object-fit: cover !important;
}
#blog-section .custom{
    object-fit: cover !important;
    width:100% !important;
}
#associations .item img{
    max-height: fit-content !important;
}
/* Don't let intl-input change your layout */

.iti{
    width:100%;
    display:block;
}

.iti__flag-container{
    position:absolute;
}

.iti input{
    border:0 !important;
    box-shadow:none !important;
    padding-left:58px !important;
    width:100%;
    height:38px;
}

.iti__selected-flag{
    padding-left:0;
    background:transparent !important;
}

.iti__selected-dial-code{
    font-size:18px;
    color:#333;
}

.iti__arrow{
    margin-left:8px;
}

.iti--separate-dial-code .iti__selected-flag{
    background:none !important;
}
/* .iti__flag {
    background-image: url(../img/flags.png) !important;
} */
.owl-property .owl-item .item > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
}

/* Apartments page */
#about-banner, #contact-banner {
    background: #000000d9 !important;
   
}

#cre1{
    border:none !important;
}
#cre1 .mobile-input,#cre .mobile-input,#sidebar-callback-form .mobile-input,#upcoming .mobile-input{
    border-bottom: 1px solid #979595 !important;
    padding-left:90px !important;
}
html, body {
    max-width: 100%;
    overflow-x: visible !important;
}
:root{
    --header-height: 0px;
}

#callback-card{
    position: sticky;
    top: calc(var(--header-height) + 20px);
}
 section#pricing td {
    font-size: 14px !important;
    font-weight: 400 !important;
}
#galleryLightbox .modal-content {
    margin: 0% !important;
}
#galleryLightbox {
    background: rgba(0, 0, 0, 0.7);
}

#galleryLightbox .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0;
    height: 100vh;
}

#galleryLightbox .modal-content {
    background: transparent !important;
    border: 0 !important;
    height: 100%;
}

#galleryLightbox .modal-body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;      /* Scroll only when needed */
    padding: 20px;
}

#lightbox-img {
    max-width: 100%;
    max-height: calc(100vh - 40px);
    object-fit: contain;
    display: block;
}

/* Landing page responsiveness */
#nav1.menu-overlay .navbar-collapse.show{
    padding:0px !important;
    margin-top:0px !important;
}

/* .btn-check:checked+.btn:focus-visible, :not(.btn-check)+.btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible,.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show{
    box-shadow:none !important;
    border: 0px !important;
} */
#blog-section .blog-content {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.5;
    max-height: calc(1.5em * 3);
}
#blog-section .blog-head {
    max-width: 30ch; /* Approximately 30 characters */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35); /* Adjust opacity as needed */
    z-index: 1;
    border-radius: 0.375rem;
}

/* footer sticky to bottom */
html,
body {
    height: 100%;
}

.wrapper{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}
.card-button svg{
    margin-right:5px !important;
}
#why-choose-us img{
        height:auto !important;
    }
    .blog-card {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem; /* Match your image border radius */
}

.blog-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.blog-card:hover img {
    transform: scale(1.08);
}
.blog-left-card .col-md-5 .h-100,
.blog-left-card .col-5 .h-100 {
    overflow: hidden;
    border-radius: 0.5rem;
}

.blog-left-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}

.blog-left-card:hover img {
    transform: scale(1.08);
}
.property-icons a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    line-height: 1;
    border-radius: 0.375rem !important;
}

.property-icons a svg {
    width: 15px;
    height: 15px;
    display: block;
    flex-shrink: 0;
}

    /* Pagination */
.pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.pagination .page-item {
    list-style: none;
}

.pagination .page-link {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all .25s ease;
    box-shadow: none;
}

/* Hover */
.pagination .page-item:not(.active):not(.disabled) .page-link:hover {
    background: #EEF4FF;
    color: #000;
}

/* Active */
.pagination .page-item.active .page-link {
    background: #000;
    color: #fff;
}


/* Hover for arrows */
.pagination .page-link[aria-label*="Previous"]:hover,
.pagination .page-link[aria-label*="Next"]:hover {
    background: #EEF4FF;
}

/* Disabled */
.pagination .page-item.disabled .page-link {
    color: #C7C9D3;
    background: transparent;
    pointer-events: none;
}

/* Remove focus outline */
.pagination .page-link:focus {
    box-shadow: none;
}
/* Previous & Next links */
.pagination a.page-link[aria-label="« Previous"],
.pagination span.page-link[aria-hidden="true"],
.pagination a.page-link[aria-label="Next »"],
.pagination span.page-link[aria-hidden="true"],
.pagination a.page-link[rel="prev"],.pagination a.page-link[rel="next"],
.pagination .page-item[aria-disabled="true"] span.page-link {
    position: relative;
    overflow: hidden;
    text-indent: -9999px; /* Hide the text */
    white-space: nowrap;
}

/* SVG Icon */
.pagination .page-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(7%) hue-rotate(241deg) brightness(103%) contrast(101%);
}

/* Previous */
.pagination a.page-link[aria-label="« Previous"]::before,
.pagination a.page-link[rel="prev"]::before,
.pagination .page-item.disabled[aria-label="« Previous"] .page-link::before,
.pagination .page-item:first-child[aria-disabled="true"] .page-link::before {
    background-image: url("../../assets/images/left-arrow.svg");
}

/* Next */
.pagination a.page-link[aria-label="Next »"]::before,
.pagination a.page-link[rel="next"]::before,
.pagination .page-item.disabled[aria-label="Next »"] .page-link::before,.pagination .page-item:last-child[aria-disabled="true"] .page-link::before {
    background-image: url("../../assets/images/right-arrow.svg");
}
/* Mobile */
@media (max-width:576px) {
    .pagination {
        gap: 6px;
    }

    .pagination .page-link {
        width: 30px;
        height: 30px;
        font-size: 16px;
        border-radius: 12px;
    }
}

@media (max-width: 767px) {
    #three .h1 {
        font-size: 30px !important;
    }
}
@media (min-width:1200px){
    #nav1 .nav-link{
        padding-left:9px !important;
        padding-right:9px !important;
        font-size:14px !important;
    }
}

@media (min-width:992px) and (max-width:1199px){
    #nav1 .nav-link{
        padding-left:6px !important;
        padding-right:6px !important;
        font-size:12px !important;
    }
    .navbar-brand.branded img{
        width:60px !important;
    }
}
@media (max-width:1199px){
    .navbar-brand.branded img{
        width:60px !important;
    }
}
@media (min-width:1400px){
    #why-choose-us {
        min-height: 39.286vw !important;
        overflow: hidden;
    }
}


/* Color Change css */
.best-property-card svg.icon{
    filter: brightness(0) saturate(100%) invert(18%) sepia(88%) saturate(3628%) hue-rotate(348deg) brightness(90%) contrast(98%);
}
#sidebar-callback-form .form-control,#sidebar-callback-form .form-select{
    font-size: 16px;
    padding-left: 0;
    background-color: #0000;
    border-radius: 0;
    border-top-color: #0000 !important;
    border-left-color: #0000 !important;
    border-right-color: #0000 !important;
    border-bottom-color: #979595 !important;
    color: #514e4e;
}
div#four .nav-item .nav-link.active{
    color:#e31e24 !important;
}
div#four .nav-item .nav-link.active svg{
    filter: brightness(0) saturate(100%) invert(11%) sepia(85%) saturate(6147%) hue-rotate(352deg) brightness(107%) contrast(83%) !important;
}