@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Be Vietnam Pro", sans-serif !important;
}
.wrapper{
    min-height: 100vh;
}
/* Navbar */
.nav-container {
    height: 10vh !important;
}

.logo-image {
    width: 200px;
}

.list-container{
    height: 100%;
    list-style: none;
}
.list-link {
    font-size: 16px;
    padding: 0 20px ;
    text-decoration: none;
    color: #0F1728 !important;
    font-weight: 600;
}

.btn-offer {
    width: 150px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #0F1728 !important;
    color: #F8F8F8 !important;
}

/* Navbar ends */
/* Banner */
.banner-container {
    width: 100%;
    height: 90vh;
    background: #F5F5F5;
    background-image: url("assets/Group\ 138.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.banner-container .banner-section {
    width: 100%;
    height: 100%;
    display: flex;
}

.banner-section .left-banner-section {
    width: 100%;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
}

.banner-content-box .banner-content {
    font-size: 60px;
    font-weight: 500;
    color: #0F1728;
}

.banner-content .banner-content-bold {
    font-weight: 600;
    color: #854DFC;
}

.input-container {
    height: 50px;
    width: 500px;
    border-radius: 8px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding-left: 0 ;
    margin-top: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

.input-container .input-field {
    padding-left: 10px;
    width: 65%;
    outline: none;
    border: none;
    background-color: transparent;
}
.banner-content-box .suggestions{
    width: 500px;
    height: auto;
    position: absolute;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    background-color: white;
    list-style: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
}
.suggestions .suggested-places{
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    border-bottom: .1rem solid #f3f3f3;  
    color: #666;
}
.suggestions .suggested-places:first-child{
    border-radius: 8px 8px 0 0;
}
.suggestions .suggested-places:last-child{
    border-radius: 0 0 8px 8px;
}
.suggestions .suggested-places:hover{
    background-color: #f0f0f0;
}
.input-container .input-btn {
    padding: 0 20px;
    border: none;
    background-color: #854DFC;
    color: #F8F8F8;
    border-radius: 8px;
}

.banner-content-box .customer-rating-box {
    margin-top: 20px;
}

.customer-rating-box .rating-img {
    width: 300px;
}

.banner-section .right-banner-section {
    display: none;
}

.right-banner-section .banner-img {
    width: 100%;
    height: 100%;
}

/* Banner ends */
/* Sell Home */
.sell-home-wrapper {
    padding: 80px 0 0 0;
}

.sell-home-wrapper .sell-home-heading {
    font-size: 46px;
    font-weight: 600;
    color: #0F1728;
    text-align: center;
}

.sell-home-wrapper .sell-home-text {
    margin-top: 20px;
    font-size: 18px;
    color: #475466;
    text-align: center;
}

.sell-home-card-container {
    width: 100%;
    height: auto;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sell-home-card-container .sell-home-card {
    width: 32%;
    height: 100%;
    padding: 30px;
    border-radius: 8px;
    background-color: #BDFF1C;
}

.sell-home-card .number-circle {
    width: 80px;
    height: 80px;
    font-size: 30px;
    border-radius: 50%;
    background-color: #161616;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F8F8F8;
}

.sell-home-card .text {
    margin-top: 20px;
    font-size: 26px;
    color: #0F1728;
}

.sell-home-card .sub-text {
    margin-top: 20px;
    font-size: 18px;
    color: #0F1728;
    opacity: 70%;
}

/* sell home ends */
/* Investors */
.investors-container {
    padding: 80px 0;
}

.investors-container .investor-heading {
    font-size: 46px;
    font-weight: 600;
    color: #0F1728;
    text-align: center;
}

.investors-container .investor-text {
    margin-top: 20px;
    font-size: 18px;
    color: #475466;
    text-align: center;
}

.investor-logo-box {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.investor-logo-box .investor-image {
    width: 90%;
    filter: grayscale(100%);
}

.investor-logo-box .res-investor-image {
    display: none;
    width: 100%;
    filter: grayscale(100%);
}

/* Investors ends */
/* Estimate section*/
.estimate-container {
    width: 100%;
    background-color: #F5F5F5;
    padding: 100px 0;
}

.estimate-container .estimate-heading {
    font-size: 46px;
    font-weight: 600;
    color: #0F1728;
    text-align: center;
}

.estimate-content-box {
    width: 100%;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.estimate-content-box .box {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-left: 1px solid #cdcccc;
}

.estimate-content-box .box1 {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.estimate-content-box .text {
    font-size: 76px;
    font-weight: 600;
    color: #854DFC;
}

.estimate-content-box .sub-text {
    font-size: 18px;
    font-weight: 600;
    color: #0F1728;
}

.estimate-input-container {
    height: 50px;
    width: 500px;
    border-radius: 8px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    margin-top: 60px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.estimate-input-container .estimate-input-field {
    outline: none;
    border: none;
    background-color: transparent;
}

.estimate-input-container .estimate-input-btn {
    padding: 0 20px;
    border: none;
    background-color: #0F1728;
    color: #F8F8F8;
    border-radius: 8px;
}

/* Estimate section ends*/
/* Sale Chart Section */
.sale-chart-container {
    padding: 80px 0;
}

.sale-chart-container .chart-heading {
    font-size: 46px;
    font-weight: 600;
    color: #0F1728;
    text-align: center;
}

.sale-chart-container .chart-text {
    margin-top: 20px;
    font-size: 18px;
    color: #475466;
    text-align: center;
}

.sale-table-box {
    min-width: 70%;
    margin-top: 60px;
}

.table-body {
    border-color: #e4e4e4 !important;
}

.table-bordered .empty-head {
    border: none;
}

.table-bordered .traditional-sale {
    text-align: center;
    border-radius: 8px 0 0 0;
    color: #FFFFFF;
    background-color: #475466 !important;
}

.table-bordered .simple-sale {
    text-align: center;
    border-radius: 0 8px 0 0;
    color: #FFFFFF;
    background-color: #854DFC !important;
    border-color: #B9BED1;
}

.table th,
.table td {
    padding: 15px 20px !important;
}

/* Sale Chart Section Ends */
/* Review Section */
.review-container {
    background-color: #0F1728;
    color: #F8F8F8;
    padding: 80px 0;
}

.review-container .review-wrapper {
    display: flex;
}

.review-left {
    width: 45%;
    padding-right: 70px;
}

.review-left .heading-left {
    margin-top: 25px;
    font-size: 46px;
    color: #F8F8F8;
}

.review-left .sub-heading-left {
    margin-top: 25px;
    font-size: 16px;
    color: #F8F8F8;
    opacity: 70%;
}

.review-left .know-more-btn {
    margin-top: 25px;
    width: 150px;
    height: 50px;
    border-radius: 8px !important;
    background-color: #BDFF1C;
    font-weight: 600;
}

.review-left .image {
    width: 80%;
    margin-top: 20px;
}

.review-right {
    width: 55%;
    display: flex;
}

.review-right .right-wrapper {
    margin: 80px 0 0 20px;
}

.review-right .card-container {
    width: 300px;
    padding: 30px;
    border-radius: 8px;
    background-color: #3143568c;
}

.card-container .star-rating {
    width: 100px;
}

.card-container .review {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #F8F8F8;
    opacity: 80%;
}

.reviewer-info .reviewer-img {
    width: 50px;
    height: 50px;
}

.reviewer-info .reviewer-name {
    font-size: 18px;
    color: #F8F8F8;
}

.reviewer-info .reviewer-description {
    font-size: 12px;
    color: #F8F8F8;
    opacity: 70%;
}

/* Review Section Ends */
/* Recently sold */
.home-sold-container {
    width: 100%;
    padding: 80px 0;
}

.home-sold-container .sold-heading {
    font-size: 46px;
    font-weight: 600;
    color: #0F1728;
    text-align: center;
}

.sold-cards-wrapper {
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sold-cards-wrapper .sold-card {
    width: 23%;
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #dad9d9;
}

.sold-card .sold-home-image {
    width: 100%;
}

.sold-card .price {
    font-size: 22px;
    color: #0F1728;
    margin-top: 10px;
    font-weight: 600;
}

.sold-card .address {
    font-size: 16px;
    color: #475466;
    margin: 20px 0;
}

/* Recently sold Ends */
/* FAQ Section */
.faq-container {
    padding: 60px 0;
    background-color: #F5F5F5;
}

.faq-container .faq-heading {
    font-size: 46px;
    font-weight: 600;
    color: #0F1728;
    text-align: center;
}

.accordion-item {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: #F5F5F5 !important;
}

.accordion-body {
    opacity: 80%;
}

.accordion-button::after {
    width: 15px !important;
    height: 15px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E") !important;
    background-position: center;
    background-color: cover;
    background-repeat: no-repeat;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") !important;
}

.accordion-button {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    outline: none !important;
    box-shadow: none;
    font-weight: 500;
    font-size: 18px !important;
}

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

.accordion-header {
    cursor: pointer;
    user-select: none;
}

.accordion-body {
    padding: 1rem;
}

/* FAQ Section Ends */
/* Footer */
.footer-container {
    padding: 40px 0;
    background-color: #854DFC;
    color: #F8F8F8;
}

.copyright-container {
    min-height: 8vh;
    background-color: #0F1728;
}

.copyright-container .footer-content-box {
    min-height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-content-box .copyright {
    color: #F8F8F8;
    opacity: 60%;
    text-decoration: none;
}

.footer-content-box .terms-box {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.terms-box .terms {
    opacity: 60%;
    color: #F8F8F8;
    text-decoration: none;
}

/* Footer Ends */
/* responsive 1380 */
@media screen and (max-width : 1380px) {
    .customer-rating-box .rating-img {
        margin-top: 0px;
        width: 300px;
    }

    .banner-content-box .banner-content {
        font-size: 50px;
    }

    .input-container {
        width: 400px;
    }
    .suggestions{
        width: 400px;
    }
    .input-container .input-field {
        width: 55%;
    }
}
/* responsive 1024 */
@media screen and (max-width : 1024px) {
    .review-left .heading-left {
        margin-top: 25px;
        font-size: 26px;
    }
    .review-right {
        width: 100%;
    }
    .review-right .right-wrapper {
        margin: 25px 0 0 20px;
    }
    .input-container .input-field {
        width: 55%;
    }

    .review-right .card-container {
        padding: 20px;
    }
}
/* Responsive 1000px*/
@media screen and (max-width : 1000px) {
    /* Navbar */
    .logo-image {
        max-width: 300px;
    }
    .res-d-none{
        display: none;
    }
    .btn-offer {
        max-height: 60px;
    }
    /* Banner */
    .banner-container {
        height: auto;
        background-image: none;
    }

    .banner-container .banner-section {
        flex-direction: column;
    }

    .banner-content-box .banner-content {
        font-size: 70px !important;
    }

    .banner-section .left-banner-section {
        width: 100%;
        padding-top: 40px;
        min-height: 36vh;
    }

    .banner-section .right-banner-section {
        width: 100%;
        min-height: 54vh;
        display: flex;
        align-items: flex-end;
    }
    .input-container {
        width: 500px !important;
    }
    .suggestions{
        width: 500px !important;
    }
    .customer-rating-box .rating-img {
        margin-top: 20px;
        width: 400px !important;
    }
    /* sell home */
    .sell-home-card-container {
        flex-direction: column;
    }

    .sell-home-card-container br {
        display: none;
    }

    .sell-home-card-container .sell-home-card {
        width: 90%;
        margin-top: 20px;
    }

    /* investor */
    .investor-logo-box .investor-image {
        width: 100%;
    }

    /* estimate section*/
    .estimate-content-box .text {
        font-size: 56px;
    }

    /*  Review Section */
    .review-container {
        padding: 40px 0;
    }

    .review-container .review-wrapper {
        flex-direction: column;
    }

    .review-left {
        width: 100%;
        padding-right: 40px;
    }

    .review-left .heading-left {
        margin-top: 25px;
        font-size: 36px;
    }

    .review-left .sub-heading-left {
        font-size: 16px;
    }

    .review-left .sub-heading-left br {
        display: none;
    }

    .review-left .image {
        display: none;
    }

    .review-right {
        margin-top: 25px;
    }

    /* Recently sold */
    .sold-cards-wrapper .sold-card {
        width: 49%;
        margin-top: 25px;
    }

    /* footer */
    .copyright-container .footer-content-box {
        flex-direction: column-reverse;
        padding: 15px 0;
    }
}


/* responsive 700px */
@media screen and (max-width : 700px) {
    /* Navbar */
    .logo-image {
        width: 150px;
    }

    .btn-offer {
        width: 110px;
        font-size: 12px !important;
        height: 40px;
    }

    /* Banner */
    .banner-container {
        height: 90vh;
        background-image: none;
    }
    .banner-container .banner-section {
        flex-direction: column;
    }

    .banner-section .left-banner-section {
        width: 100%;
        padding-top: 0px;
        padding-left: 20px;
        min-height: 52.8vh;
    }

    .banner-section .right-banner-section {
        width: 100%;
        min-height: 35.2vh;
        display: flex;
        align-items: flex-end;
    }
    .customer-rating-box .rating-img {
        margin-top: 0px;
        width: 200px !important;
    }

    .banner-content-box .banner-content {
        font-size: 36px !important;
    }

    .input-container {
        width: 300px !important;
    }

    .input-container .input-field {
        width: auto;
        font-size: 12px !important;
    }

    .input-container .input-btn {
        font-size: 12px;
    }

    .suggestions{
        width: 300px !important;
        font-size: 12px;
    }
    /* sell home */

    .sell-home-wrapper {
        padding: 30px 0;
    }

    .sell-home-card-container {
        margin-top: 0;
    }

    .sell-home-wrapper .sell-home-heading {
        font-size: 26px;
    }

    .sell-home-wrapper .sell-home-heading br {
        display: none;
    }

    .sell-home-wrapper .sell-home-text {
        font-size: 12px;
    }

    /* investors */
    .investors-container {
        padding: 30px 0;
    }

    .investors-container .investor-heading {
        font-size: 26px;
    }

    .investors-container .investor-heading br {
        display: none;
    }

    .investors-container .investor-text {
        font-size: 12px;
    }

    .investor-logo-box .investor-image {
        display: none;
    }

    .investor-logo-box .res-investor-image {
        display: block;
    }

    /* estimate section */
    .estimate-container {
        padding: 30px 0;
    }

    .estimate-container .estimate-heading {
        font-size: 26px;
    }

    .estimate-container .estimate-heading br {
        display: none;
    }

    .estimate-content-box {
        margin-top: 0;
        flex-direction: column;
    }

    .estimate-content-box .box {
        height: 150px;
        border-left: none;
        border-top: 1px solid #cdcccc;
    }

    .estimate-content-box .box1 {
        height: 150px;
    }

    .estimate-input-container {
        width: 300px;
        margin-top: 0;
    }

    .estimate-input-container .estimate-input-field {
        font-size: 12px;
    }

    .estimate-input-container .estimate-input-btn {
        font-size: 12px;
    }

    /* sale  chart */
    .sale-chart-container {
        padding: 30px 0;
    }

    .sale-chart-container .chart-heading {
        font-size: 26px;
    }

    .sale-chart-container .chart-text {
        font-size: 12px;
    }

    .sale-chart-container .chart-text br {
        display: none;
    }

    .table-body {
        border-color: #e4e4e4 !important;
        font-size: 14px;
    }

    .table-bordered .traditional-sale {
        padding: 10px !important;
        font-size: 12px !important;
    }

    .table-bordered .simple-sale {
        padding: 10px !important;
        font-size: 12px !important;
    }

    /*  Review Section */
    .review-left .heading-left {
        margin-top: 25px;
        font-size: 26px;
    }

    .review-right {
        width: 100%;
        flex-direction: column;
    }

    .review-right .right-wrapper {
        margin: 25px 0 0 0;
    }

    .review-right .card-container {
        width: 100%;
        padding: 40px;
    }

    /* Recently sold */
    .home-sold-container {
        padding: 40px 0;
    }

    .home-sold-container .sold-heading {
        font-size: 26px;
    }

    .home-sold-container .sold-heading br {
        display: none;
    }

    .sold-cards-wrapper .sold-card {
        width: 100%;
        margin-top: 25px;
    }

    /* FAQ Sectioc */
    .faq-container {
        padding: 40px 0;
    }

    .faq-container .faq-heading {
        font-size: 26px;
    }

    .accordion-button::after {
        width: 20px !important;
        height: 20px !important;
    }
    /* footer */
    .copyright-container .footer-content-box {
        padding: 10px 0;
    }
    .footer-content-box .copyright  , .terms-box .terms{
        font-size: 14px;
    }
                /* Loader Styles */
                .loader {
                    position: fixed;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(255, 255, 255, 0.8) url('loader.gif') no-repeat center center;
                    z-index: 10000;
                    display: none;
                }
}


.moblie {
    display: none;
}
.home .desktop{
    display: block;
}
.powered-by-google {
    text-align: right;
    margin-bottom: 10px;
}
.powered-by-google img {
    max-width: 100%;
    height: auto;
    width: 123px;
    margin-right: 15px;
    object-fit: contain;
}
/* mobile design */
@media only screen and (max-width: 767px) {
    .btn.btn-offer {
        display: none;
    }
   .home .banner-content-box .banner-content {
        font-size: 36px !important;
    }
    .banner-content .banner-content-bold {
        font-weight: 400;
        color: #854dfc;
    }
     .moblie{
        display: block !important;
        padding-top: 20px;
        height: auto;
    }
    .home .desktop{
        display: none !important;
    }
    .home .sell-home-wrapper, .home .investors-container, .home .estimate-container, .home .sale-chart-container, .home .review-container, .home .home-sold-container, .home .faq-container, .home .footer-container{
        display: none !important;
    }
    .home .banner-section .left-banner-section {
        width: 100%;
        padding-top: 0px;

        min-height: auto;
        display: block;
        min-height: auto;
        padding-bottom: 0;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
    }
    .home .input-container {
        width: 100% !important;
        display: block;
        padding-left: 0;
        height: auto;
        box-shadow: none;
        background: transparent;
        margin-top: 30px !important;
        padding: 0 !important;  
    }
    .home .input-container .input-field {
        height: 50px;
        width: 100%;
        border-radius: 8px;
        background-color: white;
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
        margin-top: 20px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-top: 0;
    }
    .home .input-container .input-btn {
        padding: 16px 0;
        border: none;
        background-color: #854DFC;
        color: #F8F8F8;
        border-radius: 8px;
        width: 100%;
        margin-top: 10px;
    }
    .home .banner-container {
        height: auto;
        background-image: none;
    }
    .home .customer-rating-box .rating-img {
        margin-top: 0px;
        width: auto !important;
        margin: 0 auto;
        text-align: center;
        display: inherit;
    }
    .home .suggestion {
        padding: 10px 15px;
        cursor: pointer;
    }
    .home .suggestion:hover {
        background: #854DFC;
        color: #ffffff;
    }
    .home .banner-container .banner-section{
        display: block;
    }
    .home .container, .container-sm {
        max-width: 100%;
    }
    .banner-content-box .suggestions {
        margin-top: 2px;
        width: 100% !important;
      }
}

.home .suggestion {
    padding: 10px 15px;
    cursor: pointer;
}
.home .suggestion:hover {
    background: #854DFC;
    color: #ffffff;
}

@media only screen and (max-width: 510px) {
    .home .banner-content-box .banner-content {
        font-size: 30px !important;
    }
}


@media only screen and (min-width: 768px) {

.banner-content-box .suggestions {
    margin-top: 53px;
  }
}

.home-details-input {
    font-size: 12px;
}