* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: "Inter", sans-serif;
}


/* header css start */
.header {
    & nav {
        background: #fff;
        padding: 20px 0px;
       
        .active {
            color: #000000;
            font-weight: 500;
        }

        .nav-link {
            color: #000000;
            font-weight: 500;
            margin-right: 10px;
        }

        & ul {
            font-size: 18px;
        }

        .other-services {
            margin-inline: 30px;
            text-align: center;
            & a {
                text-decoration: none;
                font-weight: 500;
                font-size: 18px;
                color: #000000;
            }
        }

        .contact-us-btn {
            text-align: center;
            .contact-btn {
                padding: 10px 25px;
                border: 1px solid #504f4f;
                border-radius: 25px;
            }

            & a {
                text-decoration: none;
                font-weight: 500;
                font-size: 18px;
                color: #000000;
            }
        }
    }
}
/* header css end */

/* land-img-slider css start */

.land-img-slider {
    border-radius: 20px;
    margin-top: 80px;
}

.land-img-slider img {
    border-radius: 20px;
}

/* Specific CSS rule for the unique Swiper instance */
.myUniqueSwiper {
    width: 100%; /* Set width as per your requirement */
    max-height: 500px; /* Set maximum height as per your requirement */
    overflow: hidden; /* Hide any overflow content */
}

/* Ensure images fill the swiper-slide container */
.myUniqueSwiper .swiper-slide img {
    max-width: 100%; /* Ensure images don't exceed the width of the swiper-slide */
    height: auto; /* Allow images to adjust height dynamically */
}
.swiper {
    width: 100%;
    height: 100%;
}



.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination {
    margin-bottom: 15px;

    & span {
        height: 7px;
        width: 35px;
        border-radius: 25px;
    }
}

/* land-img-slider css end */


/* Whats-happenin-in-your-area css start */
.Whats-happenin-in-your-area {
    margin: 80px 0px;
    text-align: center;

    & h2 {
        font-weight: 600;
    }

    & p {
        font-size: 18px;
        margin: 30px 0px;
    }

    & h4 {
        & a {
            text-decoration: none;
            color: #000000;
            font-weight: 600;
        }
    }
}
/* Whats-happenin-in-your-area css end */


/* why-choose-bangoonan css start */
.why-choose-bangoonan {
    .why-choose-bangoonan-info {
        & h4 {
            font-weight: 600;
        }
    }
}
/* why-choose-bangoonan css end */


/* land-category css start */
.land-category {
    margin: 40px 0px 40px 0px;

    .residential,
    .commercial,
    .others {
        margin: 20px 0px;
        border: 1px solid rgb(99, 99, 211);
        border-radius: 25px;
        text-align: center;
        padding: 40px 0px 30px 0px;

        & a {
            text-decoration: none;
            font-weight: 600;
            color: rgb(62, 62, 154);

        }
    }
}
/* land-category css end */



/* everything-should-be-this-easy css start */
.everything-should-be-this-easy {
    .heading {
        text-align: center;
        margin-bottom: 20px;

        & p {
            font-size: 18px;
        }

        & h2 {
            font-weight: 700;
        }
    }

    .answer-questions,
    .select-a-quote,
    .get-registered {
        margin: 40px 0px 60px 0px;
        text-align: center;

        .icons {
            & i {
                font-size: 60px;
                color: rgb(62, 62, 154);

            }
        }

        & h3 {
            font-weight: 700;
        }

        & p {
            font-size: 18px;
        }
    }
}
/* everything-should-be-this-easy css end */



/* homes-for-counting  css start */
.homes-for-counting {
    margin: 50px 0px 50px 0px;

    .homes-for-rent,
    .homes-for-sale,
    .real-estate-agents,
    .apartments-available {
        margin: 15px 0px;
        background-color: #e1e1e1;
        border-radius: 25px;
        padding: 50px 0px 50px 0px;
        text-align: center;

        & h3 {
            font-weight: 600;
            color: rgb(62, 62, 154);
        }

        & p {
            font-size: 18px;
            font-weight: 600;
        }
    }
}
/* homes-for-counting  css end */



/* flash-sales-section css start */
.flash-sales-section{
    position: relative;
    .flash-sales-heading{
        .todays{
            display: flex;
            align-items: center;
            color: rgb(62, 62, 154);
            font-size: 18px;
            font-weight: 500;
            .todays-line{
                height: 40px;
                width: 20px;
                border-radius: 5px;
                background: rgb(62, 62, 154);
                margin-right: 20px;
            }   
        }
        .heading{
            padding: 10px 0px;
            & h2{
                font-weight: 600;
            }
        }
        .timer{
            padding: 10px 0px;
            display: flex;
            align-items: center ;
            & p{
                margin-bottom: 0;
                font-size: 18px;
                font-weight: 600;
            }
            & h2{
                font-weight: 700;
            }
            .colon-sign{
                margin-inline: 15px;
                font-size: 30px;
                color: rgb(206, 135, 3);
            }
        }
    }

    .flash-sales-card{
        .flash-sales-img{
            position: relative;
            width: 100%;
            min-height: 180px;
            background-color: #cfcdcd;
            border-radius: 5px;
            padding: 45px 45px 90px 45px;
            & img{
                width: 100%;
                min-height: 180px;
            }
            .offer{
                position: absolute;
                top: 3%;
                left: 3%;
                & span{
                    background:rgb(62, 62, 154);
                    color: #fff;
                    padding: 5px 10px;
                    border-radius: 5px;
                    font-size: 15px;
                }
            }
            .wishlist-icon{
                position: absolute;
                top: 3%;
                right: 1%;
                & a{
                    color: #000000;
                }
                & i{
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    background-color: #fff;
                    text-align: center;
                    line-height: 35px;
                    margin-bottom: 15px;
                }
            }
            /* .add-to-cart{
                width: 100%;
                position: absolute;
                left: 0%;
                bottom: 0;
                background: rgb(62, 62, 154);
                padding: 8px 0px;
                & a{
                    text-decoration: none;
                    color: #fff;
                    font-weight: 500;
                    font-size: 20px;
                }
            } */

            .add-to-cart {
                width: 100%;
                position: absolute;
                left: 0%;
                bottom: 0;
                background: rgb(62, 62, 154);
                padding: 8px 0px;
            }
            
            .add-to-cart a {
                text-decoration: none;
                color: #fff;
                font-weight: 500;
                font-size: 20px;
            }
            
            .divider {
                display: inline-block;
                width: 1px;
                height: 54px;
                background-color: #fff;
                margin: -22px 9px;
            }
        }
        }
    
    /* .flash-sales-info{
        padding-top: 20px;
        text-align: left;
        & h4{
            font-weight: 700;
        }    
        & span{
            color: rgb(62, 62, 154);
            font-size: 18px;
            font-weight: 500;
        }
        & del{
            font-size: 18px;
            font-weight: 500;
            margin-left: 10px;
            color: #ababab;
        }
        .rating-icons{
            display: flex;
            & i{
                margin-right: 5px;
                color: rgb(233, 151, 0);
            }
            & h5{
                margin-left: 10px;
                color: #ababab;
            }
        }
    } */
    .flash-sales-info {
        padding-top: 20px;
        text-align: left;
    
        & h4 {
            font-weight: 700;
            font-size: 16px; /* Adjust font size for title */
            margin-bottom: 10px; /* Add some space below title */
        }
    
        & .property-details {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            font-size: 14px; /* Adjust font size for property details */
            line-height: 1.5; /* Add some spacing between lines */
        }
    
        & .property-details > span {
            width: 48%; /* Each detail takes half of the width */
            margin-bottom: 5px; /* Add some space between details */
        }
    
        & .property-details span:nth-child(odd) {
            color: #666; /* Different color for labels */
        }
    
        & .location-icon {
            color: red; /* Change color to red */
            font-size: 14px; /* Adjust font size for location icon */
            margin-top: 5px; /* Add some space between last detail and location icon */
        }
    }
    
    .swiper-button-next {
        position: absolute;
        top: 15%;
        right: 9%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: rgb(62, 62, 154);
        z-index: 10;

        &::after {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
        }
    }

    .swiper-button-prev {
        position: absolute;
        top: 15%;
        left: 82%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: rgb(62, 62, 154);
        z-index: 10;

        &::after {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
        }
    }
}
/* flash-sales-section css end */



/* explore-plots-section css start */

.explore-plots-section {
    padding-bottom: 100px;
    position: relative;

    .explore-plots-heading {
        margin: 20px 0px;
        color: rgb(62, 62, 154);
        display: flex;
        align-items: center;
        justify-content: space-between;

        & h2 {
            font-weight: 700;
        }

        & a {
            color: rgb(62, 62, 154);
            text-decoration: none;
            font-size: 22px;
            font-weight: 600;

            & i {
                margin-left: 10px;
            }
        }
    }

    .explore-plots-card {
        min-height: 500px;
        border-radius: 25px;
        position: relative;

        .explore-plots-card-info {
            width: 100%;
            position: absolute;
            bottom: 0%;
            color: #fff;

            & h2 {
                font-weight: 600;
            }

            & p {
                font-size: 15px;
            }

            & h6 {
                font-size: 20px;
                font-weight: 600;
            }

            .price {
                width: 100%;
                display: flex;
                justify-content: space-around;
            }
        }
    }

    .plot-slide1 {
        border-radius: 25px;
        background: url('https://auction.brtechnosoft.com/images/explore-plots/explore-plot-img1.jpg') no-repeat;
        background-size: cover;
    }

    .plot-slide2 {
        border-radius: 25px;
        background: url('https://auction.brtechnosoft.com/images/explore-plots/explore-plot-img2.jpeg') no-repeat;
        background-size: cover;
    }

    .plot-slide3 {
        border-radius: 25px;
        background: url('https://auction.brtechnosoft.com/images/explore-plots/explore-plot-img3.jpeg') no-repeat;
        background-size: cover;
    }

    .plot-slide4 {
        border-radius: 25px;
        background: url('https://auction.brtechnosoft.com/images/explore-plots/explore-plot-img2.jpeg') no-repeat;
        background-size: cover;
    }


    .swiper-button-next {
        position: absolute;
        top: 90%;
        right: 9%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: rgb(62, 62, 154);
        z-index: 10;

        &::after {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
        }
    }

    .swiper-button-prev {
        position: absolute;
        top: 90%;
        left: 82%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: rgb(62, 62, 154);
        z-index: 10;

        &::after {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
        }
    }
}

.swiper-container {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* explore-plots-section css end */

/* subscribe-our-newsletter css start */
.subscribe-our-newsletter {
    padding: 100px 0px 100px 0px;
    margin-bottom: 50px;
    border-radius: 25px;
    background: url('https://auction.brtechnosoft.com/images/subscribe-our-newsletter/subscribe-img.avif') no-repeat;
    background-size: 100% 100%;

    .subscribe-our-newsletter-info {
        padding-left: 30px;

        & h2 {
            font-weight: 700;
        }

        & p {
            font-size: 18px;
        }
        & input{
            border: none;
            outline: none;
            border-radius: 25px;
            padding: 10px 20px 10px 40px;
        }
        & button{
            border: none;
            outline: none;
            background-color: #000000;
            color: #f4f4f4;
            border-radius: 25px;
            padding: 10px 20px;
            margin-left: -50px;
        }
    }
}
/* subscribe-our-newsletter css end */


/* footer-section css start */
.footer-section {
    padding: 100px 0px 00px 0px;
    background: #000000;
    color: #fff;

    & h4 {
        font-weight: 600;
        color: #fff;
        margin: 25px 0px;
    }

    .follow-us {
        & i {
            margin-right: 20px;
            font-size: 25px;
        }
    }

    .about-us {
        & p {
            font-size: 18px;
        }
    }

    .location {
        & a {
            text-decoration: none;
            color: #fff;
            font-size: 18px;
        }
    }

    .contact-info {
        & a {
            text-decoration: none;
            color: #fff;
            font-size: 18px;
        }
    }

    .copy-right {
        margin-top: 50px;
        padding: 30px 0px 20px 0px;
        border-top: 1px solid rgb(7, 18, 64);

        & p {
            font-size: 18px;
        }

        & a {
            text-decoration: none;
            font-size: 18px;
            color: #fff;
        }
    }
}
/* footer-section css end */



@media(max-width:1200px) {
    
    .explore-plots-section {
        .swiper-button-prev {
            top: 90%;
            left: 78%;

            &::after {
                font-size: 20px;
            }
        }
    }
    .flash-sales-section{
        .swiper-button-next {
            top: 15%;
            right: 9%;
        }
    
        .swiper-button-prev {
            top: 15%;
            left: 75%;
        }
    }
    
}


@media(max-width:992px) {
    .header {
        & nav {
            .contact-us-btn {
              margin-top: 20px; 
            }
        }
    }
    .explore-plots-section {
        .swiper-button-prev {
            top: 90%;
            left: 70%;

            &::after {
                font-size: 20px;
            }
        }
    }
    .flash-sales-section{
        .swiper-button-next {
            top: 2%;
            right: 9%;
        }
    
        .swiper-button-prev {
            top: 2%;
            left: 70%;
        }
    }
}


@media(max-width:768px) {
    .explore-plots-section {
        .swiper-button-prev {
            top: 90%;
            left: 73%;

            &::after {
                font-size: 20px;
            }
        }
    }
    .flash-sales-section{
        .swiper-button-next {
            top: 2%;
            right: 9%;
        }
    
        .swiper-button-prev {
            top: 2%;
            left: 70%;
        }
    }
    .subscribe-our-newsletter {
        .subscribe-our-newsletter-info {
            & input{
                border: none;
                outline: none;
                border-radius: 25px;
                padding: 10px 5px 10px 0px;
            }
            & button{
                border: none;
                outline: none;
                background-color: #000000;
                color: #f4f4f4;
                border-radius: 25px;
                padding: 10px 20px;
                margin-left: -50px;
            }
        }
    }
}



@media(max-width:500px) {
    .explore-plots-section {
        padding-bottom: 80px;

        .swiper-button-prev {
            top: 90%;
            left: 60%;

            &::after {
                font-size: 20px;
            }
        }
    }
    .flash-sales-section{
        .swiper-button-next {
            top: 10%;
            right: 9%;
        }
    
        .swiper-button-prev {
            top: 10%;
            left: 60%;
        }
    }
}