@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap");

/* Assuming fonts are in: public/fonts/gordita/stylesheet.css */
@import url("/fonts/gordita/stylesheet.css");
@import url("/fonts/bootstrap-icons-1.11.1/font/bootstrap-icons.css");
@import url("/fonts/font-awesome-6.4.2/css/all.css");


.nav-link {
    white-space: nowrap;
}

a{
    text-decoration: none !important;
}

.service-menu:hover .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.service-menu .dropdown .dropdown-toggle{
    position: absolute;
    right: 0px;
    top: -30px;
    border: none;
    vertical-align: -1px;
    margin-left: 3px;
    font-weight: 900;
    font-size: 12px;
}

@media all and (max-width: 991.99px){
    .service-menu .dropdown .dropdown-toggle{
        right: 15px;
        top: -30px;
    }
}

.service-menu .dropdown .dropdown-toggle::after {
    display: none;
}

.bottom-footer a,
.footer-intro a {
    transition: all .2s ease-in-out 0s;
}

.bottom-footer a:hover,
.footer-intro a:hover {
    color: #ff6725;
}

.listing-card-four:hover .property-info {
    transform: translateY(0px) !important;
}

@media (max-width: 992px) {
    .logo {
        max-width: 200px;
    }
}


/* Hide both logos initially */
.logo .logo-dark,
.logo .logo-white {
    display: none;
}

/* Home Page */
.homepage .theme-main-menu.menu-overlay .logo-dark {
    display: block;
}

/* Show white logo when fixed class is applied */
.homepage .theme-main-menu.fixed .logo-white {
    display: block;
}


.theme-main-menu .logo {
    max-width: 250px;
}

.homepage .theme-main-menu.menu-overlay .nav-item .nav-link {
    color: #fff;
}

@media (max-width: 991.99px) {
    .homepage .theme-main-menu.menu-overlay .nav-item .nav-link {
        color: #000;
    }
}

.homepage .theme-main-menu.fixed .nav-item .nav-link {
    color: #000;
}

 .card-style-two .content .btn-line {
    border: 2px solid #fff;
}

.hero-banner-eight {
    background: url('../images/backgrounds/hero-section-banner.jpg') no-repeat center top;
    background-size: cover;
}


.hero-banner-eight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* Dark overlay */
}

@media all and (max-width: 575.98px) {
    .theme-main-menu .btn-two {
        display: none;
    }
}


.hero-banner-eight .add-proparty form {
    height: 80px;
    position: relative;
}

.hero-banner-eight .add-proparty form input {
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 0 200px 0 25px;
    color: #000;
}

.hero-banner-eight .add-proparty form button {
    position: absolute;
    top: 10px;
    right: 8px;
    bottom: 8px;
    border-radius: 8px;
    background: #ff6725;
    width: 185px;
    font-weight: 500;
    color: #fff;
    transition: all .3s ease-in-out 0s;
}

@media all and (max-width: 1199.99px) {
    .hero-banner-eight .add-proparty form button {
        top: 15px;
    }
}

.hero-banner-eight form .tran3s img, .hero-banner-eight form .tran3s span {
    display: inline-block;
}

.hero-banner-eight form .tran3s span {
    margin-right: 4px;
}

.custom-view-btn {
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); */
    background-image: url('../images/backgrounds/custom-view-button-bg.jpg');
    border-radius: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-view-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    z-index: 88;
    background: rgba(0, 0, 0, 0.3);
}

.custom-view-btn .btn-eight {
    position: relative;
    z-index: 99;
    border-color: #fff;
    color: #fff;
    border-radius: 25px;
}

@media all and (max-width: 1399.99px) {
    .custom-view-btn {
        display: none;
    }

    .custom-view-btn-small {
        display: block !important;
    }
}

.listing-card-four.legal-card, .services .listing-card-four.legal-card {
    background-size: cover;
    background-position: right center;
}

.fancy-banner-five {
    background: url('../images/media/istockphoto-2148757444-1024x1024.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

/* About Page */
@media all and (max-width: 575.99px){
    .our-mission-area .mission2{
        display: none !important;
    }
}

@media all and (max-width: 767.99px){
    .our-mission-area .mission1{
        margin-top: 10px;
    }

    .our-mission-area .mission3{
        display: none !important;
    }
}

@media all and (max-width: 991.99px){
    .our-vision-area .our-vision-image-one{
        display: none !important;
    }
}

@media all and (max-width: 1199.99px){
    .our-mission-area .mission2{
        display: none !important;
    }
}

.our-mission-area .mission3{
    @media all and (max-width: 575.99px){
        display: none !important;
    }
}

/* Property Page */
.search-wrapper-one {
    padding: 25px;
}

.theme-details-one .accordion-style-two .accordion .accordion-button:after {
    display: none;
}

.listing-card-one, .homepage .listing-card-one {
    border: 2px solid #000;
    border-radius: 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.listing-card-one .property-info, .homepage .listing-card-one .property-info {
    padding: 20px 20px 0 20px;
}

.listing-card-one .pl-footer.bottom-border, .homepage .listing-card-one .pl-footer.bottom-border {
    border-bottom: none;
}

.listing-card-one .btn-four, .homepage .listing-card-one .btn-four {
    width: auto;
    height: auto;
    padding: 6px 20px;
    border-radius: 25px;
}

.listing-card-one .btn-four, .homepage .listing-card-one .btn-four:hover {
    color: #fff !important;
}

.fancy-banner-two {
    background: url('../images/backgrounds/cta-bg.jpg') no-repeat center top;
    background-size: cover;
    background-position-y: 36%;
}

.fancy-banner-two .form-wrapper form a {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    border-radius: 10px;
    background: #ff6725;
    width: 160px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    transition: all .3s ease-in-out 0s;
}

.fancy-banner-two .form-wrapper form a:hover {
    background: #ff3f25;
}


/* portfolio details page  */
.portfolio-details .inner-banner-three .bg-wrapper{
    background-image: url('/images/portfolio/portfolio-bg.jpg');
    background-size: cover;
    background-position: center;
}

.portfolio-details .inner-banner-three h2{
    color: #fff;
}


.listing-card-one.style-two .tag .status-label.label-success{
    background-color: transparent !important;
    color: #000000 !important;
    width: 90px;
    line-height: 27px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .12px;
    z-index: 1;
}

.search-box{
    border: 2px solid #000;
    background: #fff !important;
    border-radius: 15px;
    box-shadow: 0px 30px 70px rgba(0, 0, 0, .04);
    padding: 30px !important;
}


.search-box .btn-primary, .button-search-wrapper .btn-primary{
    font-size: 16px !important;;
    margin: 0 auto !important;;
    letter-spacing: 1px !important;;
    color: #fff !important;;
    background: #282828 !important;;
}

.search-box .btn-primary:focus, .search-box .btn-primary:hover {
    background: #ff6725 !important;
}

.form-group--inline .form-control{
    border-color: #000 !important;
}

.pagination {
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    border-right: none !important;
}

.pagination li{
    margin: 0 !important;
}

.pagination .page-item.disabled span {
    font-size: 40px !important;
    line-height: 30px !important;
}

.pagination .page-item.disabled span.page-link {
    border-radius: 10px 0 0 10px !important;
}

.pagination li:last-child a {
    border-radius: 0 10px 10px 0 !important;
}

.pagination li:last-child a {
    font-size: 40px !important;
    line-height: 30px !important;
}

.pagination li a:hover {
    background: rgba(255, 103, 37, .15) !important;
    border-color: #ff6725 !important;
}

.pagination .page-link{
    margin: 0 !important;
}

.pagination .page-item span, .pagination .page-item a{
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
    color: #000 !important;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-right: 1px solid #e4e4e4 !important;
    transition: all .2s ease-in-out 0s !important;
}

.pagination .page-item.active span{
    background: rgba(255, 103, 37, .15) !important;
    border-color: #ff6725 !important;
}

.pagination .page-item{
    font-size: 17px !important;
    text-align: center !important;
    line-height: 40px !important;
}


/* property-details-page */
.status-label.label-success{
    background-color: #fff !important;
    color: #000000 !important;
}


/* agent-info */
.agent-info a{
    display: block;
}

/* override-flex-home */

.boxright{
    background-color: #fff !important;
}

.generic-form input{
    width: 100%;
    height: 50px;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    padding: 0 15px;
}

.generic-form textarea{
    width: 100%;
    max-width: 100%;
    height: 157px;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    padding: 10px 15px;
    line-height: 27px;
}

/* .socials ul li a{
    background-color: #fff !important;
    display: flex !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 1.1em !important;
    border-radius: 0 !important;
} */

.boxsliderdetail .slidebot{
    background-color: #fff !important;
}

.boxsliderdetail .slidebot img{
    border: none !important;
}

#listcarouselthumb .owl-nav i{
    color: #ff3f25 !important;
}

.boxsliderdetail .slidebot .icon{
    color: #ff6725 !important;
}

#listcarouselthumb .owl-nav .owl-prev{
    left: -20px !important;
}

#listcarouselthumb .owl-nav .owl-next{
    right: -20px !important;
}

.theme-details-one .list-type {
    line-height: 28px !important;
}

.listing-details-one .address{
    margin-top: 18px !important;
}

.socials{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.feature-list-two p i{
    color: #000000 !important;
    display: inline-block;
    margin-right: 5px;
}

.homepage .fancy-banner-two{
    display: none;
}


.inner-banner-three{
    margin: 0 !important;
    padding: 126px 40px 0 !important;
}


@media all and (max-width: 480px){
    .inner-banner .theme-breadcrumb li{
        font-size: 14px;
    }

    .inner-banner-three h2{
        font-size: 36px;
        line-height: 1.1;
    }

    .inner-banner-three{
        padding: 126px 15px 0 !important;
    }

    h3{
        font-size: 32px;
    }
}

/* .boxsliderdetail .slidebot{
    display: none !important;
} */

.inner-banner-two {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.media {
    height: 100%;
    min-height: 400px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.breadcrumb>.breadcrumb-item a, .breadcrumb>.breadcrumb-item:active, .breadcrumb>.breadcrumb-item, .breadcrumb-item+.breadcrumb-item:before{
    color: #000 !important;
}


#cms-plugins-career{
    display: none !important;
}

.feedback-section-six .slick-slide{
    height: inherit !important;
    max-height: 100% !important;
}

.theme-main-menu .white-logo{
    display: none;
}

.theme-main-menu.home-header .white-logo{
    display: block;
}

.theme-main-menu.home-header .nav-item .nav-link, .theme-main-menu.home-header .service-menu .dropdown .dropdown-toggle{
    color: #fff !important;
}

@media all and (max-width: 991px){
    .theme-main-menu.home-header .nav-item .nav-link, .theme-main-menu.home-header .service-menu .dropdown .dropdown-toggle{
        color: #000 !important;
    }

}

.theme-main-menu.home-header.fixed .nav-item .nav-link, .theme-main-menu.home-header.fixed .service-menu .dropdown .dropdown-toggle{
    color: #000 !important;
}

.theme-main-menu.home-header .black-logo{
    display: none;
}

.theme-main-menu.home-header.fixed .white-logo{
    display: none;
}

.theme-main-menu.home-header.fixed .black-logo{
    display: block;
}

.hero-banner-eight .hero-heading{
    font-size: 68px !important;
}

@media all and (max-width: 575px){
    .hero-banner-eight .hero-heading{
        font-size: 48px !important;
    }

    .about-page .main-img{
        width: 100% !important;
        margin-bottom: 30px;
    }

    .our-mission-image-two{
        width: 100%;
        max-width: 100% !important;
        height: 100% !important;
        position: inherit !important;
        bottom: inherit !important;
        left: inherit !important;
        right: inherit !important;
        top: inherit !important;
        margin-bottom: 30px;
    }

    .our-mission-image-three{
        height: 100% !important;
        position: inherit !important;
        max-width: 100% !important;
    }

    .fancy-banner-eight .media-wrapper {
        padding: 0 38px 38px 38px !important;
        margin-bottom: 48px;
    }

    .fancy-cta-banner-image{
        border-radius: 15px;
    }

    .fancy-banner-eight .media-wrapper .shape_01{
        border-radius: 15px;
        top: -28px;
    }

    .footer-intro .logo{
        max-width: 100%;
    }

    .theme-details-one .info-pack-one .media{
        min-height: 100% !important;
    }

    .socials{
        margin-top: 30px;
        display: block !important;
    }

    .socials span{
        display: inline-block;
        margin-bottom: 15px;
    }

    .socials ul li a{
        width: 35px !important;
        height: 35px !important;
    }

    .socials.border-bottom{
        border-bottom: none !important;
    }
}

.change-view i.active{
    background: #ff6725 !important;
    border: 1px solid #ff6725 !important;
}

.block-feature-fourteen .card-bg-wrapper{
    background: none !important;
}

.media {
    min-height: 312px !important;
}

.ck-content blockquote{
    border-left: none !important;
    padding-left: 0 !important;
    font-size: 23px !important;
}


.block-feature-margin{
    margin-top: 120px;
}

@media all and (max-width: 575.98px){
    .block-feature-margin{
        margin-top: 0px;
    }
}


.form-style-one .input-group-meta select{
    width: 100%;
    max-width: 100%;
    border: 1px solid #000;
    border-radius: 8px;
    background: #fff;
    font-size: 17px;
    color: #000;
    height: 60px;
    padding: 0 20px;
}


.toggle-filter-mobile, .col-showing .form-control, .col-sort-by .form-control{
    border-radius: 5px !important;
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
    color: #495057;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    line-height: 1.5;
    padding: .375rem 1.75em .375rem .75rem;
    text-align: left;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.state-dropdown, .city-dropdown{
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
    color: #495057;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    line-height: 1.5;
    padding: .375rem 1.75em .375rem .75rem;
    text-align: left;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}


@media all and (max-width: 767.98px){
    .toggle-filter-mobile{
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .col-showing .form-group__content{
        width: 100% !important;
    }

    .col-sort-by .form-group--inline{
        width: 100% !important;
    }

    .col-sort-by .change-view{
        margin-left: auto;
    }

    .shop__sort .col-showing .select--arrow i, .shop__sort .col-showing .select--arrow i{
        right: 8px !important;
    }
}