﻿/*
Author       : Dreamguys
Template Name: BhumiYug - Bootstrap Template
Version      : 1.0
*/
/*============================
 [Table of CSS]

1. Typography
2. Colors
3. General
4. Grid
5. Buttons
6. Bootstrap Class
7. Switch
8. Select
9. Avatar
10. Content
11. Footer
12. Header
13. Common
14. Breadcrumb
15. Home
16. Agent
17. Compare
18. Detail View
19. Rent List
20. Property Grid Sidebar
21. Rent
22. Login
23. FAQ
24. Invoice
25. Agency
26. Gallery
27. Testimonial
28. Agent Details
29. About Us
30. Contact
31. Our Team
32. Blog
33. Shop
34. Wishlist
35. Checkout
36. Add Property

========================================*/
/* ================= ROOT COLORS ================= */
:root {
    --primary: #b08d57;
    --dark: #1f2937;
    --muted: #6b7280;
    --border: #e5e7eb;
    --bg: #ffffff;
}

/* ================= SEARCH WRAPPER ================= */
.ip-search-wrapper {
    position: relative;
    /*  margin-top: -90px;*/ /* desktop safe */
    z-index: 9;
    background: #f7f6ff;
}

@media (max-width:768px) {
    .ip-search-wrapper {
        margin-top: -10px; /* mobile gap fix */
    }

    section.feature-property-sec.padding-top-latest.position-top-margin-latest {
        padding-top: 0px;
        position: relative;
        top: 60px;
        z-index: 998;
    }

    .section-heading.text-center.flot-left-section-latest {
        float: none !important;
    }


    .section-heading {
        margin-bottom: 26px;
        margin-top: 115px !important;
    }
}

.product-custom .favourite {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #FFF;
    z-index: 1;
    text-align: center;
    -webkit-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}
/* ================= CARD ================= */
.ip-search-card {
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(14px);
    border-radius: 22px;
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
    padding: 28px;
    max-width: 1100px;
    margin: auto;
}

@media (max-width:576px) {
    .ip-search-card {
        padding: 20px;
        border-radius: 16px;
    }
}

/* ================= TABS ================= */
.ip-tabs {
    display: flex;
    gap: 26px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 20px;
    overflow-x: auto;
}

.ip-tab {
    font-weight: 600;
    padding-bottom: 12px;
    cursor: pointer;
    color: #40434a;
    position: relative;
    white-space: nowrap;
}

.ip-pill.active, .ip-pill:hover {
    border-color: #473d27 !important;
    background: rgba(176, 141, 87, .08) !important;
    color: #473d27 !important;
}

.ip-tab.active {
    color: #473d27;
}

    .ip-tab.active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 3px;
        background: #473d27;
        border-radius: 3px;
    }

/* ================= SEARCH BAR ================= */
.ip-bar {
    display: grid;
    grid-template-columns: 160px 1fr 140px;
    gap: 12px;
}

    /* Commercial mode */
    .ip-bar.commercial-active {
        grid-template-columns: 160px 140px 1fr 140px;
    }

/* Tablet */
@media (max-width:992px) {
    .ip-bar,
    .ip-bar.commercial-active {
        grid-template-columns: 1fr 1fr;
    }
}

/* Mobile */
@media (max-width:576px) {
    .ip-bar,
    .ip-bar.commercial-active {
        grid-template-columns: 1fr;
    }
}

/* ================= INPUTS ================= */
.ip-select,
.ip-input {
    height: 52px;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0 14px;
    font-size: 15px;
    outline: none;
    background: #fff;
}

.ip-input {
    width: 100%;
}

/* ================= BUTTON ================= */
.ip-btn {
    height: 52px;
    border: none;
    border-radius: 12px;
    background: transparent;
    color: #473d27;
    font-weight: 600;
    cursor: pointer;
    transition: .25s ease;
    border: 1px Solid #473d27;
}

    .ip-btn:hover {
        background: #9c7847;
    }

@media (max-width:576px) {
    .ip-btn {
        width: 100%;
        height: 48px;
        font-size: 14px;
    }
}

/* ================= FILTER PILLS ================= */
.ip-pills {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.ip-pill {
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: .2s ease;
    white-space: nowrap;
}

    .ip-pill.active,
    .ip-pill:hover {
        border-color: var(--primary);
        background: rgba(176,141,87,.08);
        color: var(--primary);
    }

@media (max-width:576px) {
    .ip-pill {
        font-size: 12px;
        padding: 7px 12px;
    }
}

/* ================= ADVANCED FILTER ================= */
.ip-advanced {
    display: none;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
    animation: fadeUp .25s ease;
}

.ip-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 22px;
}

/* Tablet */
@media (max-width:992px) {
    .ip-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

/* Mobile */
@media (max-width:576px) {
    .ip-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ip-advanced {
        max-height: 70vh;
        overflow-y: auto;
        padding-bottom: 20px;
    }
}

/* ================= FILTER GROUP ================= */
.ip-group h5 {
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--dark);
}

.ip-group label {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer;
    color: var(--muted);
}

/* ================= ACTIONS ================= */
.ip-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
}

@media (max-width:576px) {
    .ip-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

.ip-reset {
    cursor: pointer;
    color: var(--primary);
    font-weight: 600;
}

/* ================= ANIMATION ================= */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ================= SUBSCRIPTION CTA SECTION ================= */

.news-letter-sec {
    padding: 90px 0; /* 🔥 top & bottom space */
    background: linear-gradient( 135deg, #f9fafb 0%, #f1f5f9 100% );
}

    .news-letter-sec .news-heading h2 {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 18px;
        color: #1f2937;
    }

    .news-letter-sec .news-heading p {
        font-size: 16px;
        line-height: 1.7;
        color: #4b5563;
        max-width: 520px;
    }

    /* CTA button card */
    .news-letter-sec .email-form {
        background: #ffffff;
        padding: 28px;
        border-radius: 16px;
        box-shadow: 0 25px 60px rgba(0,0,0,0.12);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        /* CTA button */
        .news-letter-sec .email-form .btn-primary {
            padding: 16px 36px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 12px;
        }

/* Responsive tuning */
@media (max-width: 768px) {
    .news-letter-sec {
        padding: 60px 0;
        text-align: center;
    }

        .news-letter-sec .news-heading h2 {
            font-size: 28px;
        }

        .news-letter-sec .news-heading p {
            margin: 0 auto 25px;
        }

    .section-heading.find-padding-latest.aos-init.aos-animate {
        padding-top: 5px !important;
    }

    .faq-section .faq-img {
        display: block !important;
    }
}

.section-heading.find-padding-latest.aos-init.aos-animate {
    margin-top: 0px !important;
    padding-top: 102px;
}
/* ================= TESTIMONIAL EQUAL HEIGHT FIX ================= */

.testimonial-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 🔥 content upar, name niche */
    height: 100%;
    min-height: 420px; /* 🔥 equal card height */
    box-sizing: border-box;
}

/* ================= HOW IT WORKS SIZE FIX ================= */

.howit-work-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 320px; /* 🔥 equal height */
    padding: 30px 22px; /* balanced spacing */
    box-sizing: border-box;
}


.modern-dropdown-toggle {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #333;
    transition: color 0.3s ease;
    position: relative;
}

    .modern-dropdown-toggle:hover {
        color: #007bff; /* Change color on hover if needed */
    }

    .modern-dropdown-toggle .user-icon {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-image: url('https://cdn-icons-png.flaticon.com/512/149/149071.png'); /* Modern user icon image URL */
        background-size: cover;
        background-position: center;
        margin-right: 10px;
    }

    .modern-dropdown-toggle .caret {
        margin-right: 5px;
    }

/* CSS for Dropdown Menu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

    .dropdown-menu.show {
        display: block;
    }

    .dropdown-menu a {
        color: #333;
        font-size: 16px;
        padding: 10px 20px;
        display: block;
        transition: all 0.3s ease;
    }

        .dropdown-menu a:hover {
            background-color: #f4f4f4;
        }

.img-fluid1 {
    max-width: 300px;
    height: 150px;
}

.container.position-top-latest {
    position: relative;
    top: -113px;
}


@media (max-width: 600px) {
    .container.position-top-latest {
        position: relative;
        top: 33px;
    }

    h2.padding-top-Featured {
        padding-top: 32px;
    }
}

.section-heading.text-center.flot-left-section-latest {
    float: left;
}



/*new code 24/12/2025*/

/* ================= FIX : MORE FILTER VISIBILITY ================= */
.ip-search-card {
    position: relative;
    overflow: visible !important; /* 🔥 main fix */
}

/* Advanced filter panel */
.ip-advanced {
    display: none;
    position: relative;
    top: calc(100% + 12px);
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 9999;
    border-radius: 18px;
    box-shadow: 0 25px 70px rgba(0,0,0,.18);
    padding: 24px;
}

/* Mobile safe */
@media (max-width:576px) {
    .ip-advanced {
        position: relative;
        top: auto;
        margin-top: 20px;
        box-shadow: none;
        border: 1px solid #e5e7eb;
    }
}

/* Make More Filter clickable */
#ipMore {
    cursor: pointer;
    user-select: none;
}
