* {
            font-family: 'Onest', sans-serif;
        }

        body {
            overflow-x: hidden !important;
        }

        /* NAVBAR SECTION START */
        header {
            background-image: url(images/image.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 130vh;
            /* or any height you need */
            padding-top: 120px;
            /* makes room for the fixed navbar */
        }

        .navbar-custom {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            padding: 1rem 2rem;
            margin-top: 20px;
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1030;
            width: 95%;
            max-width: 960px;
        }

        .navbar-brand {
            font-weight: 500;
            font-size: 26px;
            letter-spacing: 7px;
        }

        .nav-link {
            position: relative;
            color: black !important;
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 1px;
            padding-bottom: 5px;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -24px;
            height: 5px;
            width: 0;
            background-color: #f3cfa5;
            /* You can change this to your theme color */
            transition: width 0.5s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }


        .custom-toggler {
            border: none !important;
            box-shadow: none !important;
            background: transparent;
            padding: 0.5rem;
        }

        .custom-toggler:focus {
            outline: none !important;
            box-shadow: none !important;
        }





        .nav-left,
        .nav-right {
            display: flex;
            gap: 30px;
        }

        @media (max-width: 991.98px) {
            .navbar-collapse {
                /* match navbar */
                padding: 1rem;
                border-radius: 0 0 10px 10px;
            }

            .navbar-collapse ul {
                flex-direction: column !important;
                align-items: flex-start;
                gap: 15px;
                width: 100%;
            }

            .navbar-collapse ul li {
                width: 100%;
            }

            .navbar-collapse .nav-link {
                width: 100%;
                padding-left: 0;
            }

            .nav-left,
            .nav-right {
                flex-direction: column;
                gap: 10px;
                margin-top: 1rem;
                align-items: center;
            }
        }


        @media (max-width: 768px) {
            .navbar-custom {
                padding: 0.8rem 1rem;
            }

            .nav-link::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                height: 4px;
                width: 0;
                background-color: #f3cfa5;
                /* You can change this to your theme color */
                transition: width 0.3s ease;
            }

            .navbar-custom {
                max-width: 90% !important;
            }
        }

        /* NAVBAR SECTION END */


        /* HERO SECTION START*/

        .stars {
            color: #f3cfa5;
        }

        .hero {
            margin-top: 100px;
        }

        .hero h1 {
            font-weight: 600 !important;
            font-size: 60px;
        }

        .hero .btn {
            font-size: 14px;
            border-radius: 0% !important;
            color: black;
            background-color: #f3cfa5;
        }

        .hero .btn:hover {
            background-color: #bb9c6c;
        }

        .rev-stat h3 {
            font-size: 40px;
        }

        .rev-stat {
            margin-top: 150px !important;
        }

        /* HERO SECTION END */

        /* SERVICE SECTION START */

        /* SERVICE SECTION WRAPPER */
        .akussa-service-section {
            background-color: #fff;
            padding: 4rem 0;
        }

        /* Card Row Layout */
        .akussa-service-row {
            display: flex;
            justify-content: center;
            gap: 20px;
            overflow: hidden;
            flex-wrap: nowrap;
        }

        /* Individual Card */
        .akussa-service-card {
            width: 250px;
            height: 360px;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;
            transition: width 0.4s ease !important;
            cursor: pointer;
            flex-shrink: 1;
        }

        /* Card expands on hover */
        .akussa-service-card:hover {
            width: 280px;
            z-index: 2;
        }



        /* Overlay content container */
        .akussa-service-card .overlay {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100%;
            padding: 1.2rem;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%);
            color: white;
            display: flex;
            align-items: flex-start;
            justify-content: flex-end;
        }

        /* Content inside the overlay */
        .akussa-service-card .overlay .content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            transform: translateY(280px);
            /* initially low */
            transition: transform 0.4s ease;
        }

        .akussa-service-card:hover .overlay .content {
            transform: translateY(240px);
            /* moves up on hover */
        }

        /* Heading always visible */
        .akussa-service-card .overlay h5 {
            font-weight: 600;
            font-size: 1.1rem;
            margin-bottom: 0.3rem;
        }

        /* Paragraph and Button — hidden by default */
        .akussa-service-card .overlay p,
        .akussa-service-card .overlay .akussa-service-btn {
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.3s ease;
            font-size: 0.9rem;
            margin: 0;
        }

        /* Fade in paragraph and button on hover */
        .akussa-service-card:hover .overlay p,
        .akussa-service-card:hover .overlay .akussa-service-btn {
            opacity: 1;
            transform: translateY(0);
        }

        /* Button style */
        .akussa-service-btn {
            font-size: 12px;
            padding: 5px 12px;
            border-radius: 20px;
            display: inline-block;
            margin-top: 8px;
            background-color: #f3cfa5;
            color: black;
            text-decoration: none;
            border: none;
        }

        /* Responsive — Mobile adjustments */
        @media (max-width: 768px) {
            .akussa-service-row {
                flex-direction: column;
                align-items: center;
            }

            .akussa-service-card {
                width: 90% !important;
                max-width: 600px;
            }

            .akussa-service-card .overlay {
                left: -13px;
            }
        }



        /* SERVICE SECTION END */


        /* EXPLORE SECTION START */

        .property-tag {
            top: 20px !important;
            left: 15px !important;
            z-index: 2;
            background-color: #f3cfa5;
        }

        .property-img {
            height: 400px;
            width: 100%;
            object-fit: cover;
        }

        /* EXPLORE SECTION END */


        /* LOCATION SECTION START */


        .location-section {
            background-color: #f7f0e9;
        }

        .location-img {
            width: 100%;
            max-width: 250px;
            height: 400px;
            object-fit: cover;
        }

        .location-text-box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .location-btn {
            display: inline-block;
            margin-top: 10px;
            font-size: 14px;
            padding: 15px;
            border: 1px solid #222;
            color: #222;
            text-decoration: none;
            font-weight: 700;
            transition: all 0.3s ease;
            width: 230px;
            height: 50px;
            text-align: center;
        }

        .location-btn:hover {
            background-color: #222;
            color: white;
        }

        @media (max-width: 767.98px) {
            .location-img {
                height: auto;
            }

            .location-btn {
                width: 100%;
            }

            .location-text-box {
                align-items: center;
            }

            .location-section {
                width: 100% !important;
            }
        }

        @media (max-width: 425px) {
            .location-btn {
                width: 50%;
            }
        }

        /* LOCATION SECTION END */


        /* TESTIMONIAL SECTION START */


        .testimonial-section p {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .testimonial-nav .btn {
            width: 45px;
            height: 45px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .testimonial-nav {
            justify-content: flex-end;
        }

        @media (max-width: 768px) {
            .testimonial-section .row {
                flex-direction: column;
                text-align: center;
            }

            .testimonial-nav {
                justify-content: flex-start !important;
                margin-top: 0.5rem;
            }

            .testimonial-nav button {
                padding: 6px 12px;
            }

            .testimonial-section img {
                max-width: 500px;
                margin-bottom: 1.5rem;
            }

            .testimonial-section .col-md-7 {
                text-align: left;
            }
        }

        /* TESTIMONIAL SECTION END */


        /* FEATURE SECTION START */


        .featured-section {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .featured-card-wrapper {
            width: 100%;
            max-width: 365.33px;
        }

        .property-card {
            position: relative;
            height: 400px;
            width: 100%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            overflow: hidden;
        }

        .property-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .label-top-left {
            position: absolute;
            top: 10px;
            left: 25px;
            display: flex;
            gap: 6px;
            z-index: 2;
        }

        .label-top-left span {
            background-color: #f3cfa5;
            color: #000;
            font-size: 12px;
            font-weight: 400;
            padding: 3px 10px;

        }

        .property-details {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 25px 20px;
            display: flex;
            justify-content: left;
            gap: 12px;
            flex-wrap: wrap;
        }

        .property-details .tag {
            display: flex;
            align-items: center;
            font-size: 12px;
            font-weight: 400;
            color: black;
            padding: 4px 8px;
            gap: 4px;
            background-color: white;
        }

        .property-info {
            max-width: 365.33px;
            margin: 10px auto 0;
        }

        .property-info h6 {
            margin-top: 30px;
            font-weight: 500;
            font-size: 20px;
            margin-bottom: 4px;
        }

        .property-info p {
            font-size: 14px;
            color: black;
            margin: 0;
        }

        @media (max-width: 576px) {
            .property-info {
                max-width: 100%;
                padding: 0 15px;
            }
        }

        /* FEATURE SECTION END */



        /* AGENT SECTION START */

        .expert-agents {
            background: url(images/image.png) no-repeat center center/cover;
            color: white;
        }

        .agent-card {
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .agent-img {
            height: 300px;
            object-fit: cover !important;
        }

        .agent-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
            color: white;
            transition: all 0.3s ease;
        }

        .agent-name {
            transition: all 0.3s ease;
            position: relative;
            top: 0;
        }

        .agent-role {
            font-size: 0.9rem;
            color: #ddd;
            opacity: 0;
            transition: all 0.3s ease;
        }

        .agent-card:hover .agent-name {
            top: -5px;
        }

        .agent-card:hover .agent-role {
            opacity: 1;
        }


        /* AGENT SECTION END */



        /* ABOUT SECTION START */


        .video-box {
            position: relative;
            width: 100%;
            height: 500px;
            /* 🔁 Set your preferred height */
            overflow: hidden;
            border-radius: 10px;
        }

        .video-box video,
        .video-box .video-poster {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            display: block;
        }

        .video-box .video-poster img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            font-size: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            z-index: 2;
        }



        .play-button:hover {
            background: #d3a866;
        }

        /* ABOUT SECTION END */

        /* CONTACT SECTION START */

        .contact-section input::placeholder,
        textarea::placeholder {
            color: #999 !important;
            /* 👈 Change this to your desired color */
            opacity: 1;
            /* Ensure it's fully visible */
            font-size: 18px;
        }

        .contact-section label {
            color: #999;
            font-weight: 600;
        }

        .contact-form {
            padding-left: 20px;
        }

        .contact-section img {
            height: 761px !important;
            object-fit: cover;
        }

        .contact-section .form-control:hover {
            border-color: black;
        }

        .contact-section .form-control:focus {
            outline: none;
            box-shadow: none;
            /* Bootstrap ka shadow bhi remove karega */
            border-color: black;
            /* optional: custom border color on focus */
            background-color: #a7a3a311;
        }

        @media (max-width: 425px) {
            .contact-form {
                padding-left: 0px;
            }
        }

        /* CONTACT SECTION END */


        /* FAC SECTION START */

        .faq-section .accordion-button:focus {
            outline: none !important;
        }

        .accordion-item {
            transition: border-color 0.3s ease;


        }

        .accordion-item.show {
            border-bottom: 1px solid #d3a866 !important;
            /* Open state border color */
            outline: none !important;

        }

        .accordion-button {
            font-size: 18px;
            font-weight: 600;
            padding-bottom: 30px;
        }

        .accordion-button:focus {
            outline: none;
            box-shadow: none;
            color: black !important;
        }


        /* FAC SECTION END */



        /* FOOTER SECTION START */
        footer {
            height: auto;
        }

        .cta-card {
            background-image: url(images/image.png);
            max-width: 100%;
            width: 100%;
            margin: 40px auto 0;
            position: relative;
            z-index: 1;
            backdrop-filter: blur(3px);
            height: 500px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 40px;
            transform: translateY(150px);
            background-size: cover;
            background-position: center;
        }

        .footer-section {
            padding-top: 250px !important;
        }

        .footer-section h1 {
            letter-spacing: 15px;
            font-size: 25px;
        }

        .footer-section input::placeholder {
            color: white;
        }

        .footer-section input:hover {
            border-bottom-color: #f3cfa5 !important;
        }

        .footer-section input:focus {
            outline: none;
            box-shadow: none;
            background-color: #99999911 !important;
            border-bottom-color: #f3cfa5 !important;

        }

        .footer-section input::placeholder {
            color: #999;
            font-size: 12px;
        }


        @media (max-width: 992px) {
            .footer-section .row>div {
                margin-bottom: 30px;
            }

            .cta-card {
                height: 500px;
                padding: 60px 20px;
                transform: translateY(80px);
            }
        }

        @media (max-width: 768px) {
            .cta-card {
                transform: translateY(150px);
                margin-top: 2rem;
            }
        }

        @media (max-width: 576px) {
            .cta-card h2 {
                font-size: 1.5rem;
            }

            .footer-section h1 {
                letter-spacing: 5px;
                font-size: 20px;
            }

            .footer-section input {
                font-size: 14px;
            }

            .footer-section button {
                width: 100%;
            }

            .footer-section form {
                flex-direction: column;
            }
        }



        /* FOOTER SECTION END */