
/* .main_element.menu_active{
    transform: translateZ(0px) translateX(-8%) rotateY(319deg);
} */

div#offcanvas-modal.show ~ .skew_container{
    position: fixed;
    height: -webkit-fill-available;
    width: 100%;
    perspective: 1500px;
}


div#offcanvas-modal.show ~ .skew_container .skew_content{
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

div#offcanvas-modal.show ~ .skew_container .skew_content {
    transform: translateZ(0px) translateX(-8%) rotateY(319deg);
}



@media screen and (min-width: 48em) and (max-width: 73.6875em) {
    div#offcanvas-modal.show ~ .skew_container .skew_content {
        transform:translateZ(0px) translateX(30%) rotateY(-50deg)
    }


}

@media screen and (min-width: 73.75em) {
    div#offcanvas-modal.show ~ .skew_container .skew_content {
        transform:translateZ(0px) translateX(10%) rotateY(-40deg)
    }


}

@media screen and (max-width: 47.9375em) {
    div#offcanvas-modal.show ~ .skew_container .skew_content {
        transform:translateZ(0px) translateX(50%) rotateY(-70deg)
    }


}



.fade.in {
    opacity: 1 !important;
}

.tox .tox-promotion,
.tox-statusbar__branding {
    display: none !important;
}

/* text editor css */
.description table {
    width: 100%;
    border-collapse: collapse;
}

.description table,
th,
td {
    border: 1px solid black;
}

.description th,
td {
    padding: 2px 10px;
    text-align: left;
}

.description ol {
    margin: 0;
}
.sidebar_menu {
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    width: 260px;
    height: 100%;
    padding:0 15px;
}

.sidebar_menu  ul{
    list-style:none
}

.sidebar_menu ul li a{
    padding:13px;
    border-bottom:1px solid #6b6b6b;
    width:100%;
}


.sidebar_menu  ul li:last-child a{
    border-bottom:0;
}


/* .modal-backdrop.fade.show{
    opacity: 0;
} */



.main_content_for_hatswapp #scrollToTop {
    display: none;
    position: sticky;
    bottom: 50px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #069546;
    color: white;
    cursor: pointer;
    padding: 7px;
    border-radius: 4px;
    margin-left: auto;
}

.main_content_for_hatswapp #scrollToTop:hover {
    background-color: #555;
    cursor: pointer;
}

.main_content_for_hatswapp {
    position: relative;
    background: #FFFF;
}

.main_content_for_hatswapp .floating-whatsapp {}

.main_content_for_hatswapp .floating-whatsapp {
    position: fixed;
    left: 20px;
    bottom: 50px;
    background: #03a84e;
    font-size: 37px;
    color: white;
    height: 62px;
    padding: 11px;
    border-radius: 50%;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    z-index: 9999;
}

.main_content_for_hatswapp .floating-whatsapp:hover {
    color: black;
}

.main_content_for_hatswapp #scrollToTop.absolute,
.main_content_for_hatswapp .floating-whatsapp.absolute {
    position: absolute;
    /*position: fixed;*/
    bottom: 0;
}

@media (max-width: 786px) {

    .main_content_for_hatswapp #scrollToTop.absolute,
    .main_content_for_hatswapp .floating-whatsapp.absolute {
        position: absolute;
        /*position: fixed;*/
        /*bottom: 17px;*/
        bottom: 0 !important;
    }

    .main_content_for_hatswapp .floating-whatsapp {
        bottom: 18px;
    }

    .scroll_to_top_up {
        position: absolute;
        bottom: 33px !important;
    }
}


.fade.in {
    opacity: 1 !important;
}

.tox .tox-promotion,
.tox-statusbar__branding {
    display: none !important;
}

.homec_flinks:hover {
    background: #10984b !important
}

li.footer-solink i {
    font-size: 25px;
    margin: 0;
    color: #10984b;
    border-radius: 50%;
}



.footer-solink a i:hover,
.footer-solink a:hover i {
    color: unset !important;
}

ul.f-need-helps-inner.list-none.soc-lnk {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

footer.footer-area *:not(i) {
    color: black;
    font-weight: 700;
}

footer.footer-area .widget-title:after {
    border-color: black;
}




.right_nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wishlist{
    margin-right: 20px;
}
.wishlist,
.language {
    text-transform: uppercase;
    display: flex;
    gap: 0;

    color: #07904c;
    font-weight: 400;
    position: relative;
    min-width: 16px;
}
.wishlist span{
    color: white;
}
body:has(.is-sticky) .wishlist span{
    color: #07904c;
}

.wishlist .transform_text,
.language .transform_text{
    position: absolute;
    right: 0;
    transition: 1.5s;
}
.wishlist a,
.language a {
    opacity: 0;
    transition: 1.5s;
    width: 0;
}

.wishlist:hover a,
.language:hover a {
    opacity: 1;
    width:   100%  ;
}
.wishlist:hover .transform_text,
.language:hover .transform_text{
    right: 100%  ;


}
.language .transform_text{
    margin-top: 3px;
    font-size: 28px;
    padding-right: 10px;
}


.contact-info ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;

}

.searchBox button.search-button {
    background: transparent !important;
    border: none;
    color: white;
    font-weight: 700;
    transition: 0.5s;

}

.searchBox button.search-button span {
    width: 0px;
    overflow: hidden;
    opacity: 0;
    display: inline-block;

}

.searchBox button.search-button:hover span {
    width: auto;
    opacity: 1;
}

.right_nav {
    gap: 26px;
}

.right_nav i {
    color: #07904c;
    font-size: 30px;
}




.topNav .enquiry {
    color: #03a84e;
    border: 2px solid #03a84e;
    padding: 7px 15px;
}


.topNav .right_nav,
.topNav .left_nav{
    width:40%;
     text-align: center;
}

.topNav .header__group
 {
    width: auto;
    text-align: center;
}


.homec-header img {
    max-height: 118px !important;
}

.homec-header.is-sticky_active img ,
.homec-header.is-sticky img {
    max-height: 80px !important;
}


.footer_card_bg{
    background: #198754;
    width: 100%;
    padding: 2px 15px;
    color: #FB6A19;
}

#homec-grid .row > div:nth-child(odd) > .filter-pro-card .footer_card_bg,
.element:nth-child(odd) .footer_card_bg{
    background:#FB6A19;
    color: white;
}



p.location_items {
    padding: 0px !important;
}

p.location_items i{
    padding-left:0px !important;
    margin-top:5px;
}

.bhp-card-footer-left{
    margin-top:0
}

span.wish_list_absolute_text {
    position: absolute;
    width: max-content;
    top: -3px;
    display: block;
    right: 100%;
    color: white;
    font-size: 14px;
    padding: 2px 15px;
    z-index: -1;
}

.wishlist_right:hover span.wish_list_absolute_text{
    z-index:999
}


.homec-grid .wishlist_right{
    top: 10px;

}

.wishlist_right{
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
.feature_container {
    padding: 0;
    max-height: 80vh;
    overflow:auto;
}
.feature_container ul{
    list-style:none;
    padding:10px 0;

}

.feature_container ul li{
    padding:5px 15px;
    display:flex;
    align-items:center;
    gap:10px

}
.feature_container ul li:has(input:checked),
.feature_container ul li:hover{
    background:#198754;
    color:white;
    border-radius:3px;
}


.features_title {
    background: #eee;
    padding: 10px 35px;
    font-weight: 700;
    text-transform: capitalize;
}



.homec-hero-box-banner{
    margin-top:100px;
}

@media (max-width:1400px) {
    .homec-hero-box-banner{
        margin-top:136px;
    }
}

@media (max-width:1024px) {
    .homec-hero-box-banner{
        margin-top:150px;
    }
}

@media (max-width: 768px) {
    .homec-hero-box-banner {
        margin-top: 40px;
    }
}

span.feature_toggle {
    display:none;
}
.feature_container{
     transition:height 2s;
}
@media (max-width:767px){
    span.feature_toggle {
        display:inline-block;
        float:right;
        cursor:pointer;
        user-select:none;

    }
    .feature_container_section{
        overflow: hidden;
        height: 0px;
        padding: 0px !important;

    }
    .feature_container_section.active_action{
        height:auto;
        padding: auto !important;
    }

}


@media (max-width:425px) {
    .price_filer_content{
        right: -26px;
        left: auto;
    }
    .bed_filer_content{
        left: -20px;
    }
    .type_filer_content{
        left: -156px;
    }
    .sqrt_filer_content{
        left: -125px;
    }

}






/* Property hover and shadow box gallary */

.property_card_poput {
        position: absolute;
        z-index: 8;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 10px;
        opacity: 0;

    }
.property_card_poput .container_overlay_button{
        background: rgba(0, 0, 0, 0.616);
        height: 100%;
        width: 100%

    }


.container_overlay_button {
    display:flex;
    align-items:center;
    justify-content:center;
}
.container_overlay_button .button_container{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.container_overlay_button .photo_glary,
.container_overlay_button .add-wishlist{
    margin:0;
    color:white;
    background:#198754;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    transition:0.3s;
}

.container_overlay_button .photo_glary:hover,
.container_overlay_button .add-wishlist:hover{
    color:#198754;
    background:white;
}

.container_overlay_button .photo_glary i,
.container_overlay_button .add-wishlist i{
    margin:0;
}


.property_card_poput:hover{
    opacity: 1;
}

.bhp-card-footer-left,
.location_items{
    font-size: 12px;
}
.bhp-card-footer-left h5{
    font-size: 12px;
}
.bhp-card-footer-left{
    gap: 4px;
}
/* end Property hover and shadow box gallary */


/* ul.float-media-list li:nth-child(even) a{
    font-size: 20px;
    background: white !important;
    border: 1px solid black;
    color: #fb6a19 !important;
} */













/* video gallary popup animation */


.my-video-links {
    position: relative;
}

.video_gallery_hover {
    position: absolute;
    padding:40px;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: #ffffff00;
}

.video_gallery_hover .video_hover_container{
    position:relative;
    width:100%;
    height:100%;

}
.video_gallery_hover .video_hover_container .box{
    background:#ffffff;
    position:absolute;
}

.video_gallery_hover .box:nth-child(1){
    width:0;
    height:4px;
    top:0;
    left:0
}

.video_gallery_hover .box:nth-child(2){
   width:0%;
   height:4px;
    bottom:0;
    right:0;

}


.video_gallery_hover .box:nth-child(3){
   width:4px;
   height:0%;
   left:0;
   bottom:0;

}
.video_gallery_hover .box:nth-child(4){
   width:4px;
   height:0%;
   right:0;
   top:0;

}


.my-video-links:hover .video_gallery_hover .box:nth-child(1){
    width:80%;
}

.my-video-links:hover .video_gallery_hover .box:nth-child(2){
    width:80%;
}

.my-video-links:hover .video_gallery_hover .box:nth-child(3){
    height:80%;
}

.my-video-links:hover .video_gallery_hover .box:nth-child(4){
    height:80%;
}

.my-video-links{
    overflow:hidden;
    border-radius: 20px;
}
 .my-video-links:hover  img{
        transform: scale(1.5);
}

 .my-video-links:hover .video_gallery_hover{
     background:#404040b3;
 }

 .my-video-links .video_gallery_hover .video_hover_container{
     display:flex;
     align-items:center;
     justify-content:center;


 }

 .my-video-links .video_gallery_hover .video_hover_container i{
     background:#198754;
     width:40px;
     height:40px;
     display:flex;
     align-items:center;
     justify-content:center;
     border-radius:50%;
     padding:5px;
     transition:1s;
    color:#ffffff;
 }

.my-video-links:hover .video_gallery_hover .video_hover_container i{
       color:#198754;
      background:#ffffff;
}

/* end video gallary popup animation */



/* photogallary hover effect */

.my-image-links .photo_gallary {
    position:absolute;
    top:0;

    /* width:-webkit-fill-available; */
    height:100%;
    border-radius: 20px;
    width: 93%;

}

/* @media (max-width: 768px) {
    .my-image-links .photo_gallary {
        position:absolute;
        top:0;
        height:100%;
        border-radius: 20px;
        width: 93%;

    }
} */
@media (max-width: 390px) {
    .my-image-links .photo_gallary {
        position:absolute;
        top:0;

        /* width:-webkit-fill-available; */
        height:100%;
        border-radius: 20px;
        width: 88%;

    }
}

.my-image-links .photo_gallary .photo_gallary_container{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}
.my-image-links .photo_gallary .photo_gallary_container i{
    transition:0.5s;
    opacity:0;
    color:white;
}

.my-image-links:hover .photo_gallary{
     background:#4b4b4b85;
}
.my-image-links:hover .photo_gallary .photo_gallary_container i{
    transform:scale(4.5);
    opacity:1;
}

.top-property-contnt-right .footer_card_bg{
    background-color: #FB6A19 !important;
}
/* end photogallary hover effect */
