.bottom-contact-form .image.company-logo {
    max-width: 300px;
    max-height: 50px;
    margin-top: 5px;
}


.search.main .results .header .sub.header {
    font-size: 0.85em !important;
    font-weight: bold;
    margin-top: 0.2em;
  }
  
  #search-main-menu-bar-tablet .results .result > .header {
    font-size: 1em !important;
  }
  
  .search.main .results .header img {
    height: 2.5em !important;
    width: 2.5em !important;
  }


.bottom-contact-form .circular.outlined.avatar.image {
    width: 4.5em;
    height: 4.5em;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    flex: none;
}


.listing-attribution { font-size: 1.03em !important;}
.listing-attribution span {display: block;}

.breadcrumb li { display: inline;}
.circular.blue.outlined {    border: solid .26em #2185d0; }

.avatar.image.square-ratio { width: unset; aspect-ratio: 1 / 1;}


.ui.greya.icon {color: #969696;}

 #closeIconCustom {    z-index: 10000;
    position:fixed;
    right: 0;
    left: 0;
    bottom: 0;} 

.vertical-center-container {
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    
}


.pd-top-menu {
    /*height: 50px;*/
    z-index: 10000;
    position: relative;
}

.homes-nearby .property-listing {
    border-radius: 1em;
    max-height: 200px;
}

.features.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child {padding-top:  0.214286em;;}


#search-bar-property-wrapper .input {
    width: 100%;
}

#search-bar-property-wrapper .input .search-bar-property {
    border: none;
}


#search-bar-property-wrapper .results {
    width: auto;
    height: 400px;
    overflow: auto;
}

.ui.category.search > .results .category > .name {
color: rgb(87 47 140);
display: block;
    width: 100%;
}

#property-left-side .question-column .avatar.image {
    height: 125px;
    width: 125px;
    margin-bottom: 1em;
    object-fit: cover;
    
}

#property-right-side .avatar.image{     margin-left: 0.25em;
    width: 75px;
    height: 75px;
    object-fit: cover;}

#static-map-img { width: 100%;cursor: pointer;}

.ui.category.search .results {
    /*height: 400px;
    /*margin-left: 2em;*/
    max-height: 80vh;
    overflow: auto;
    }
    
.ui.category.search .results .category {    
    display: block;
    }


.vertical-center-container .vertical-center {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}


#property-container .property-top-buttons .share, #property-container .property-top-buttons .open-new-window {

    flex: 0 0 auto;
    transition: all .4s ease-out 0s;
}



#property-container .property-top-buttons .share.hide, #property-container .property-top-buttons .open-new-window.hide {

    width: 0px;
    overflow: hidden;
    padding: 0px;
}
    
#modal-map { height: 80%;}    
.below-slider { 
    font-size: .95em !important;
    text-align: center;
    color: #222;
}
    
#property-bottom-bar {
    position: fixed;
    bottom: 0;
    z-index: 400;
    margin: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    background: linear-gradient(0deg, rgb(0 0 0 / 41%) 0%, rgb(0 0 0 / 14%) 40%, rgba(0,0,0,0) 89%);
    width:100%;
    display: flex;
    padding-bottom: 1em;
}

.property-details-clickable-tags {
display: flex !important;;
flex-wrap: wrap;
gap: .5em;
}

.property-details-clickable-tags .button:hover {
    background: #007bff !important;
    color: #fff !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    transform: translateY(-3px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2) !important;
}
.ui.celled.two.wide.horizontal.list {
    display: flex;
    flex-wrap: wrap;
}

.ui.celled.two.wide.horizontal.list>div {
    flex: 0 50%;
}
.ui.celled.two.wide.horizontal.list > .item {
    flex: 0 50%;
    border-left: none;
    font-size: 1.1rem;
    margin-bottom: .5em;
    display: inline-flex;
}

.ui.horizontal.celled.list .list>.item:last-child, .ui.horizontal.celled.list>.item:last-child {
    border-right: none;
}

.ui.celled.two.wide.horizontal.list > .item .icon{
    margin-right: .5em;
        line-height: 1.5em;
}

.ui.celled.two.wide.horizontal.list > .item .content {
    line-height: 1.5em;
}

.ui.horizontal.celled.two.wide.icon.list .list>.item:last-child,{
    border-right: none!important;
}


.ui.horizontal.celled.two.wide.list .item .content .ui.bulleted.list .item {
    border-left: none !important;
    line-height: 1.4em !important;
    margin-left: 2em !important;
}




#property-container #property-scroll-container {
    
    height: 100%;
    overflow: hidden;
    scroll-behavior: smooth;
     overflow-y: scroll; 
    padding-left: 0;
    -webkit-overflow-scrolling: touch;
}


.button-calendar {
        padding-left: .5em;
}

.button_calendar input {
    padding: 0 0 0 1.5em;   
}
.button-calendar .select-date-time {
    font-size: 1em;
    margin-left: -1em;
    position: relative;'
}
.button-calendar .select-date-time.complete {
    box-shadow: none !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
}
.button-calendar .select-date-time.complete .icon {
    margin-right: .1em !important;
}



.button-calendar .select-date-time span {
    display: none;
}


.modal .grouped.inline.required.fields:last-of-type {
    margin-bottom: 2em;
}


.button-calendar .select-date-time.complete span {
    display: flex;
    position: absolute;
    bottom: -1.5em;
    left: 0;
    padding-left: 1.7em;
    font-size: .8em;
    font-weight: normal;
    color: #2185d0;
}




.bottom-property-description {
    line-height: 1.5em;
    font-size: .85em;
}


.book-tour-slider .card {
        width: 90px;
    margin: 0 auto;
}
.book-tour-slider .card.active {
    border: solid 2px #13ae38 !important; 
    transform: translateY(-10px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.book-tour-slider .card.active .button .icon {
    margin-right: -.3em;
    opacity: 1;
}


.book-tour-slider .swiper-wrapper {
    padding: 1em 0 !important;
}
.book-tour-slider .swiper-wrapper .swiper-slide{

}
.book-tour-slider .card .content {
    padding: .5rem 1rem;
    font-size: .8rem;  
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex;  
}



.book-tour-slider .card .content .circular.label {
    line-height: 2em;
    font-size: 1.5em;
    padding: 0 !important;
    margin-bottom: .2em;
}

#slider-map-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
    
    
.map-slider-container {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
}
.map-slider-container .times.circle.icon {
position: absolute;
    top: .5em;
    right: 0;
    z-index: 1;
    font-size: 2em;
}
    


.book-tour-slider .card .button {
    width: unset;
    
}


#nearby-properties .property-listing {
    object-fit: cover;
    max-height: 250px;
    height: 100%;
    display: flex;
}


#nearby-properties .property-listing a {
    width: 100%;
    height: 250px;
}
#nearby-properties .property-listing .image {
    object-fit: cover;
    height: 250px;
}

#nearby-properties .swiper-slide {
      border-radius:1em;
      -moz-border-radius:1em;
      -webkit-border-radius:1em;
      overflow: hidden;
  }


#property-container .details-header { 
    display: flex;
    padding-bottom: .5em;
    flex-direction: column;
    }
#property-left-side .details-header .brokerage-identity { 
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.1em;
}    

    
    
    




































#property-container .breadcrumb a {margin-bottom: .5em; font-weight: bold;}
#property-container .breadcrumb .divider {margin: 0; color: #2185d0;}
    
    
    

#property-container #property-left-side .map-icon {
    max-height: 50px;
}

#property-container .details-header .header {
    margin-top: 0;
}

/* #property-container .details-header .content {
    padding-left: 0;
} */

#property-container  #property-special-labels {
    margin-top: .4em;
    line-height: .5em;
}

#property-container  #property-special-labels .label {
    margin-left: 0;
    margin-right: 0;
}

#property-container #property-special-labels .label .icon {
    margin-right: 0;
}


/* Listing Status Button */

.ui.labeled.listing-status.button {
    display: flex;
    align-items: center;
    border-radius: 1em;
    /* Rounded corners for the entire element */
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for depth */
}

.ui.labeled.listing-status.button .ui.button {
    /* Gradient background */
    color: #fff;
    /* White text color */
    padding: 0.8em 1.5em;
    /* Padding for the button */
    font-weight: bold;
    border: none;
    /* Remove border */
    display: flex;
    align-items: center;
    border-radius: 1em 0 0 1em;
    /* Rounded left corners */
}


.ui.labeled.listing-status.button .ui.button.red {
    background: linear-gradient(90deg, #d32f2f, #b71c1c);
}
    .ui.labeled.listing-status.button .ui.button img {
    height: 15px;
    margin-right: 0.5em;
    /* Space between icon and text */
}

.ui.labeled.listing-status.button .ui.label {
    background-color: #ffffff;
    /* White background for the label */
    color: #333;
    /* Dark text color */
    padding: 0.8em 1.5em;
    /* Padding for the label */
    font-weight: bold;
   /* border-left: 2px solid #d32f2f; */
    /* Border to separate label and button */
    border-radius: 0 1em 1em 0;
    /* Rounded right corners */
    display: flex;
    align-items: center;
}

.ui.labeled.listing-status.button .ui.label



#property-container .details-header .labeled.button .button {
  font-size: inherit;

        
}

#property-container .details-header .labeled.button .button {padding-left:.5em;}
    
#property-container .details-header .labeled.button .left.pointing.label {
padding-left: 0.5em;
    padding-right: 0.5em;}

#property-container .details-header h1 {margin-top: .3em !important; margin-bottom:.1em;}

.details-header .load-slider-map {
        background-image: url(/img/square-map.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    display: inline;
    border: solid 2px #2185d0;
    aspect-ratio: 1 /1;
    margin-right: 5px;
    border-radius: 0.25em;
}



.listing-status.button .button {padding-top: 0.85em;}



#property-container #property-left-side p{
    line-height: 1.8em;
    font-size: 1.1em;
}



/* OLD */
#property-container #property-left-side #basic-facts {
    font-size: .7em;
    display: inline-block;
        margin-left: -3em;
    width: calc(100% + 6em);
    
}
#property-container #property-left-side #basic-facts .statistic {
    margin-left: 0;
}

#property-container #property-left-side #basic-facts .statistic:first-of-type {
    vertical-align: bottom;
    margin-left: 0;
    
}
#property-container #property-left-side #basic-facts .statistic:first-of-type .value {
color: #2185d0;
}

#property-container #property-left-side #basic-facts .value {
    font-size: 2em !important;
}
#property-container #property-left-side #basic-facts .value .icons {
    vertical-align: bottom;
}

/* END OLD */



#property-container #property-left-side .brokerage-identity p {
    font-size: .9em;
    color: #999;
    
}


#property-container #property-left-side #basic-facts tbody {
    width: 100%;
    display: flex;
}




#property-container #property-left-side #basic-facts .header .icon:first-of-type {
        font-size: 2em;
        color: #2185d0 !important;
}
    
#property-container #property-left-side #basic-facts .header .content {    
    font-size: .7rem;
    text-transform: uppercase;
    color: #ccc;
    font-family: 'Quicksand', 'Raleway', 'Nunito', 'Helvetica Neue',Arial,Helvetica,sans-serif;
    /*font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
    letter-spacing: .1em;
    font-weight: normal;
}

#property-container #property-left-side #basic-facts .header .content .sub.header:first-of-type {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: .5em;
    color: #5f5f5f !important;
    letter-spacing: .07em;
}

#property-container #property-left-side #basic-facts .header .content .sub.header:last-of-type {
    font-weight: bold;
    font-size: 1.8em;
    color: #4a4b4c !important;
    margin-top: .5em;
}



#property-container #property-left-side #basic-facts tr {
    display: contents;
    border-bottom: none !important;
}

#property-container #property-left-side #basic-facts td {
    border-top: none !important;
    vertical-align: top;
}


#property-container #property-left-side #basic-facts tr:last-of-type td:first-of-type {
border-left: 1px solid rgba(34,36,38,.1);
}

#property-container #property-left-side #basic-facts.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {
    
 padding-right: 0.785714em;   
}


#property-container #property-left-side #basic-facts tr:first-of-type td:first-of-type {
    
        padding-left: .5em !important;
}


#property-bottom-bar .item:not(:first-of-type) {
    border-left: solid 1px #fff !important;
}


#property-container #property-left-side .features.accordion .title {
    padding: 1em;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    transition: box-shadow 0.3s ease;
    position: relative;
    border: solid 1px #007bff;
    text-align: left;
    color: #007bff;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: .03em;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#property-container #property-left-side .features.accordion .title:hover {
    transform: translateY(-5px);
    cursor: pointer;
    box-shadow: 0 2px 10px rgb(0 0 0 / 38%);

}

#property-container #property-left-side .features.accordion .large.fluid.label {
margin-bottom: 1em;
    margin-top: 1em;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
    font-size: 1.1em;
    color: #ffffff;
    background-color: #007bff;
}



#property-container #property-left-side .open-house-row.v2{
    margin-left: calc(-400px - 5em);
     transform: translateX(400px) translateX(4em);
    flex-grow: 100;
    width: calc(100% + 400px) !important;
}


.property-top-buttons .search .results {margin: 0 auto;margin-left: 1em;}
#property-container #property-left-side .open-house-row .open-house-banner { 
    background: #571799;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2em;

}
#property-container #property-left-side .open-house-row .open-house-banner .multiple-open-house-item {
    display: block;
    font-size: .7em;
    font-weight: bold;
    
}
#property-container #property-left-side .open-house-row .open-house-banner .mutiple-open-houses-wrapper {
    
    padding-top: 2em;
}


#property-container #property-left-side .youtube-container.column {
    padding-bottom: 56.25%;
    border-radius: .5em;
    overflow: hidden;
}


#property-container #property-left-side .virtual-tour-container .launch-3d-tour{
    cursor: pointer; 
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 0.28571429rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: cover !important;
    width: 100%;
    aspect-ratio: 16 / 9;
    
    
}

#property-container #property-left-side .virtual-tour-container .launch-3d-tour .tour-icon {
    width: 35%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(90%, 70%);
}

#property-container #property-left-side .virtual-tour-container .launch-3d-tour .matterport-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    
    
}
#property-container #property-left-side .virtual-tour-container .launch-3d-tour .button-overlay {
    position: relative;
    height: 100px;
}
#property-container #property-left-side .virtual-tour-container .launch-3d-tour .property-image {
    width: 100%;
    opacity: .7;
    position: absolute;
    
    
}


.video-responsive {
    overflow:hidden;
    padding-bottom:56.25% !important;
    position:relative;
    height:0;
    border: none !important;
    margin: 0 !important;
}

.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#property-container #property-left-side .column .youtube-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#property-container #property-left-side .open-house-row .open-house-banner .grid .column:first-of-type {
    display: inline-table;
}

#property-container #property-left-side .open-house-row .open-house-banner > .ui.grid {
    margin-right: 450px;
}



#property-container #property-left-side .schedule-tour.basic.button {
    margin-top: 1em;
}

#property-container #property-left-side .school-section .statistic {
      font-size: .8em;
}
  
  
#property-container #property-left-side .school-section .statistic .value {

font-size: 1.3em;
}
#property-container #property-left-side .school-section .statistic .label {
    line-height: 1em;
    margin-top: .3em;
}

#property-container #property-left-side .disclaimer {
    font-size: .8em;
    margin-left: 1em;
    line-height: 1.1em;
    margin-top: 1em;
}
#property-container #property-left-side .disclaimer span:first-of-type {
    color: #db2828;
    margin-right: .4em;
}





#property-container #property-left-side .bottom-contact-form .inverted.blue.segment {
    border: solid #ccc 1px;
    border-top: none;
    border-bottom: none;
    
}
#property-container #property-left-side .bottom-contact-form .top.attached.segment {
    padding: 0px;
    border-bottom: none;
}

#property-container #property-left-side .bottom-contact-form .property-image {
    object-fit: cover;
    border-radius: .25em .25em 0 0;
    max-height: 150px;
    width: 100%;
    border-bottom: 5px solid #4a90e2;
}


#property-container #property-left-side .bottom-contact-form .menu {
    border-right: none !important;
}

#property-container #property-right-side .property-map {

    padding: .3em;
    transition: all .4s ease-out 0s;
}

#property-container #property-right-side .property-map .expand{ 
    position: absolute;
    z-index: 100;
    top: .5em;
    left: .5em;
}







.ui.sticky.bound.top, .ui.sticky.fixed.top {
    top: 0 !important;
    left: auto !important;
}


#contact-sticky {
    margin-bottom: 160px;
}
#contact-sticky .segments {
    box-shadow: 3px 5px 7px 0 rgba(34, 36, 38, 0.07);
}

#contact-sticky .segments .top.attached.segment {
    padding: 0;
    transition: all .4s ease-out 0s;
    height: 150px;
    overflow: hidden;
}

#contact-sticky .segments .top.attached.segment.hide {
    height: 0;
    
    
}

#contact-sticky .ui.inverted.blue.segment {
    border: none;
    margin-top: -2.7em;
    transition: all .4s ease-out 0s;
    }

#contact-sticky .ui.inverted.blue.segment.slide {
    margin-top: 0;
    
    }

.property-top-buttons {
    flex: 0 1 auto;
    z-index: 1000; /* Set above Sticky */
}
    

#property-scroll-container .sticky .menu {
    width: calc(100% + 15px) !important;    
}





#property-scroll-container .sticky .logo-container {
    display: inline-block;
    max-height: 60px;
    margin-top: 0;
    width: 100%;
    margin-top: -1em;
    bottom: .3em;
    left: 0;
    position: absolute;
}

#property-scroll-container .sticky .company-logo {
    bottom: .5em;
    left: 1em;
    position: absolute;
    max-height: 50px;
    max-width: 250px;
    
}



#property-scroll-container #like-menu {
    flex-grow: 50;
    width: fit-content;
    max-width: 300px;
}





#property-scroll-container .sticky .agent-profile {
    padding-bottom: 0;
}

#property-scroll-container .sticky .property-image.image {
    object-fit: none; 
    border-radius: .25em; 
    max-height: 150px; 
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#property-scroll-container .sticky .agent-profile .header {
    display: flex;
    margin-top: 0;
}

#property-scroll-container .sticky .agent-profile .header .content {
    vertical-align: top;
    flex-grow: 1;
}

#property-scroll-container .sticky .agent-profile .header .sub.header {
    display: block;
}

#property-scroll-container .sticky .agent-profile .avatar.image { 
    width: 4em;
    height: 100%;
}
#property-scroll-container .sticky .agent-profile{

display: block;
    margin-top: .5em;
    float: right;
}



.property-details-clickable-tags .button {
    position: relative;
    margin-bottom: 1.2em;
    margin-right: 1em;
}


.school-section .button {
    position: relative;
}



.ui.accordion.features.menu .item .angle.right.icon {margin-right: 0;}

.ui.accordion.features.menu .item .content {padding-left: 0;}


#property-left-side .details-header .breadcrumb{
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    }


#property-left-side .property-details-clickable-tags .basic.button {
    background-color: #fff;
    box-shadow: 0px 0 12px -3px rgb(0 0 0 / 27%);
    border-radius: 1em;
    color: #007bff;
    font-weight: bold;
    
}





#property-left-side  .property-address .sub.header { color: #6a6a6a;font-weight: bold;}

/*#property-left-side .ask-question.basic.button {border-radius: 1em;border: solid 1px #4f515230;box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.18);}
#property-left-side .ask-question.basic.button .avatar.square-ratio {height:3em;object-fit: cover;} */

.ui.large.fluid.basic.button.ask-question {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #007bff;
   /* background: linear-gradient(90deg, #2185d0, #21a1d0);*/
    /* Gradient background */
    color: #fff;
    /* White text color */
    padding: 1em;
    border-radius: 1em;
    border: none;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-shadow: 1px 1px 2px #00000073 !important;
    margin-right: 0;;
}

.ui.large.fluid.basic.button.ask-question img {
    margin-right: 1em;
    /* Space between image and text */
    border: 3px solid #fff;
    /* White border around the image */
    border-radius: 50%;
    /* Make the image circular */
}

.ui.large.fluid.basic.button.ask-question:hover {
    box-shadow: 0px 0px 25px -5px rgba(0, 0, 0, 0.5);
    transform: translateY(-3px);
    /* Slight lift on hover */
}

.ui.large.fluid.basic.button.ask-question:before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 150%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-30deg);
    transition: left 0.7s ease;
}

.ui.large.fluid.basic.button.ask-question:hover:before {
    left: 100%;
}

.ui.large.fluid.basic.button.ask-question:active {
    transform: translateY(0);
    /* Remove lift on click */
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.3);
}

 .accordion.features .item {margin-bottom: 1em;}


#property-left-side h2 {border-radius: 1em;font-weight: bold;box-shadow: 0px 0 12px -3px rgb(0 0 0 / 27%);font-size: 1.2em;padding: 1em;}

#property-left-side #property-information a {font-weight: bold;}

#property-bottom-bar .basic.button {
    box-shadow: 1px -1px 12px 0px rgba(0,0,0,0.41);
    -webkit-box-shadow: 0 0 11px 0px rgb(0 0 0 / 21%);
    -moz-box-shadow: 1px -1px 12px 0px rgba(0,0,0,0.41);
    background-color: #fff;
    border-radius: 1em;
    font-weight: bold;
    color: rgb(0 0 0 / 80%);
}


.pd-top-menu .three.column.row {
-moz-box-shadow: 1px -1px 12px 0px rgba(0,0,0,0.41);
    }


.pd-top-menu .basic.button {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 11px 0px rgb(0 0 0 / 21%) !important;
    border-radius: 1em;
    font-weight: bold;
    white-space: nowrap;
    
    
    }

.pd-top-menu .basic.button.share-btn{
    color: rgb(0 0 0 / 80%);
    }




    .bp.basic-details {
      /*  display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));*/

        gap: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        gap: 1em;
    }

    .bp.detail.container {
        align-items: center;
        background-color: #f8f9fa;
        color: #2185d0;
        padding: .7em 1em;
        border-radius: 1em;
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        border: none;
        box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        max-width: 50%;

    }

    .bp.detail.container:hover {
        transform: translateY(-5px);
        box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2);
    }



    .bp.detail.container .icon:first-of-type {
        margin-right: .5em;
        font-size: 1.5em;
        color: #2185d0;
    }

    .bp.detail.container i.icons .icon.corner[class*="bottom right"] {
        font-size: 01em !important;
        right: .6em !important;
        bottom: 0em !important;
    }

    .bp.detail.container .content {
        flex-grow: 1;
    }

    .bp.detail.container .header {
        display: block;
        font-weight: bold;
        font-size: 1.2em;
        padding-bottom: .1em;
        color: #000;
        word-wrap: break-word;
    }

    .bp.detail.container .description {
        white-space: normal;
        font-size: .856789em;
        font-weight: bold;
        color: #9a9a9a;
        margin-top: 0;
        word-wrap: break-word;
        white-space: nowrap;
    }


    /* Property Data Styling */
    .bp.property-data {
        display: flex;
        flex-wrap: nowrap;
        /* Prevent items from wrapping to the next line */
        justify-content: space-between;
        /* Distribute space evenly between items */
        gap: 1em;
      
        background-color: #f8f9fa;
        color: #333;
        border-radius: 1em;
        border: solid 1px #4f515230;
        box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
        padding: 1em;
        /* Add padding for better spacing */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        flex-grow: 1;
    }

    .bp.data-container {
        flex: 1;
        /* Allow containers to grow and shrink */
        min-width: 0;
        /* Prevent overflow */
        padding: 0.5em;
        /* Adjust padding for better fit */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 1.2em;
        /* Reduce font size slightly */
    }

    .bp.property-data:hover {
        transform: translateY(-5px);
        box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2);
    }

    .bp.data-container .content {
        display: flex;
        align-items: center;
        font-size: .7em;
        /* Increase font size slightly for better readability */
        color: #6c757d;
        margin-left: .5em;
    }



/* School Section */
.school-section {
    padding: 1em 1.5em 1em 1em;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   
}

.school-section .button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: left;
}

.school-header {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.school-header i {
    font-size: 2em;
    color: #4a148c;
    margin-right: 0.5em;
}

.school-header h2 {
    font-size: 1.5em;
    color: #4a148c;
    margin: 0;
}

.school-list {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.school-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    position: relative;
}

.school-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.school-name {
    font-size: 1.2em !important;
    color: #007bff!important;
    font-weight: bold !important;
}

.school-type {
    font-size: 1em;
    color: #757575;
}

.school-section .school-item .floating.label {
box-shadow: 2px 4px 7px -3px rgb(0 0 0 / 71%);
}


/* Property Details headers */

#property-left-side .ui.medium.dividing.header {
    display: flex;
    align-items: center;
    font-size: 1.5em;
    /* Larger font size */
    font-weight: bold;
    /* Bold text */
    color: #333;
    /* Dark text color */
    padding: 0.5em 0;
    /* Padding for spacing */
    border-bottom: 2px solid #e0e0e0;
    /* Bottom border for separation */
    margin-bottom: 1em;
    /* Space below the header */
}

#property-left-side .ui.medium.dividing.header .icon {
    color: #5f27cd;
    /* Purple color for the icon */
    font-size: 1.5em;
    /* Same size as the text */
    margin-right: 0.5em;
    /* Space between icon and text */
}

#property-left-side .ui.medium.dividing.header .content {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #5f27cd, #8e44ad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 0;
}


/* SHowing Request Section */



.ui.fluid.button.schedule-tour.section-button, .contact-agent-button {
    background: #007bff;
    /* background: linear-gradient(90deg, #2185d0, #21a1d0);*/
    /* Gradient background */
    color: #fff;
    /* White text color */
    font-size: 1.2em;
    /* Slightly larger text */
    font-weight: bold;
    padding: 1em;
    /* Padding for a balanced look */
    border-radius: 5px;
    /* Rounded corners */
    border: none;
    /* Remove border */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for depth */
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    /* Pointer cursor on hover */ start-modal-form
}

.ui.fluid.button.schedule-tour.section-button:hover, .contact-agent-button.ask-question:hover {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
    color: #fff;
    
}

.ui.fluid.button.schedule-tour.section-button:active, .contact-agent-button:active,  {
    background: linear-gradient(90deg, #1a5f9e, #1a85d0);
    /* Maintain gradient on click */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    /* Maintain shadow on click */
    transform: translateY(0);
    /* Remove lift on click */
    color: #fff;
}

.ui.fluid.button.schedule-tour.section-button .icon {
    margin-left: 0.5em;
    /* Space between text and icon */
}
    


/* General button styling */
button.ui.button {
    
}

/* Contact Agent button specific styling */
.contact-agent-button {
    background-color: #007bff;
    color: #FFF;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-family: 'Quicksand', 'Varela Round', 'Raleway', 'Nunito', sans-serif;
    font-weight: bold;
    font-size: 1.2em !important;
}


.contact-agent-button:hover  {
    /*background: linear-gradient(90deg, #1a5f9e, #1a85d0);*/
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
    color: #fff;
}

.contact-agent-button .icon {
    margin-right: 8px; /* Space between icon and text */
    font-size: 1.2em; /* Slightly larger icon for better visibility */
}



.contact-agent-button:focus {
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); /* Custom focus outline */
}

/* Adjust the font and icon size for better consistency */
.contact-agent-button {
    font-size: 1em; /* Ensure the font size is consistent */
    padding: 12px 20px; /* Slightly more padding for better look */
}

.contact-agent-button .icon {
    margin-right: 10px; /* Ensure spacing looks balanced */
    font-size: 1.5em; /* Make the icon size consistent with text */
}


#property-bottom-bar .shadow-container {
    margin-bottom: 1em;
    display: flex;
    flex: auto;
    gap: 2em;
    padding: 0 1em;
}

#property-bottom-bar  .ask-question.start-modal-form  {
    flex-grow: 1;
    color: #0c6fb9;
    border: solid 1px #007bff;
}

#property-bottom-bar  .schedule-tour.start-modal-form {
    color: #0c6fb9;
    border: solid 1px #007bff;
}


.bottom-contact-form .property-details, #book-tour-1 .property-details, #ask-question.modal .property-details {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
}

#ask-question > .close.icon, #book-tour-1 > .close.icon {
    background: #007bff;
    border-radius: 50%;
    opacity: 1;
    color: #fff !important;
}


.bottom-contact-form .ui.input {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.bottom-contact-form input,
.bottom-contact-form textarea {
    width: 100% !important;
    padding: 15px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 1em !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    background: #f9f9f9 !important;
}



.bottom-contact-form .ui.input.icon input {
    padding-left: 2.5em !important;
    width: 100% !Important;
}

.bottom-contact-form .contact-choice {
    display: flex;
    margin-bottom: 1em;
}

.bottom-contact-form .contact-choice button {
    flex-grow: 1;
}


.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    padding-bottom: .5em;
}

#property-container #property-left-side .disclaimer, #contact-sticky  .disclaimer {
    font-size: .8em;
    margin-left: 1em;
    line-height: 1.1em;
    margin-top: 1em;
    text-align: center;
}

#property-right-side{
    width: 400px !important;
    margin-left: 2em;
}



.book-showing.v4.left-side-version {
    position: relative;
    padding: 2em;
    background: #ffffff;
    /* White background for clean look */
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.book-showing.v4.left-side-version .ui.header {
    margin-bottom: 20px;
    font-size: 2.0em;
    color: #4a90e2;
}

.book-showing.v4.left-side-version .sub.header {
    font-size: 1em;
    color: #555;
}

.book-showing.v4 .swiper-container {
    margin: 0 0;
    position: relative;
}

.book-showing.v4 .swiper-slide {
    display: flex;
    justify-content: center;
}

.book-showing.v4 .ui.raised.card  {
    transition: transform 0.3s, box-shadow 0.3s;
    border-radius: 15px;
    padding: 15px;
    background: #fff;
    border: none;
    margin: 0;
}

.book-showing.v4 .ui.raised.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.book-showing.v4 .ui.basic.button {
    transition: background-color 0.3s, color 0.3s;
    font-weight: bold;
    margin-top: 10px;
    background-color: #f0f0f0;
    border: none;
    border-radius: 10px;
}

.book-showing.v4 .ui.basic.button:hover {
    background-color: #4a90e2;
    color: #fff;
}

.book-showing.v4 .ui.basic.circular.blue.label {
    font-size: 1.5em;
    padding: 10px;
}

.book-showing.v4 .ui.bottom.attached.button {
    margin-top: 10px;
    background-color: #f7f7f7;
    border: none;
    border-radius: 10px !important;
    white-space: nowrap;
}

.book-showing.v4 .ui.bottom.attached.button:hover {
    background-color: #4a90e2;
    color: #fff;
}

.book-showing.v4 .button.green.active {
    background-color: #13ae38 !important;
}

.book-showing.v4 .schedule-tour.button {
    margin: 20px auto 1em;
    background: linear-gradient(to right, #ff416c, #ff4b2b);
    /* Gradient background */
    color: #fff;
    transition: background 0.3s, color 0.3s;
    padding: 15px;
    width: 90%;
    border: none;
    border-radius: 15px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.book-showing.v4 .schedule-tour.button:hover, .contact-agent-button.ask-question:hover {
    background: linear-gradient(to right, #007bff, #00b0ff)
    
}


.book-showing.v4 .swiper-container {
    position: relative;
    z-index: 2;
}


.swiper-button-next, .swiper-button-prev {
    padding: 1.5em !important;
    border: solid 1px #007bff00;
    border-radius: 1em;
    background-color: #007bffc9;
    color: #fff;
    box-shadow: 0px 0 12px -3px rgb(0 0 0 / 63%);
    

}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 1.5em !important; ;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 5px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 5px;
}


.select-showing-time {
    display: flex;
    flex-direction: row;
    gap: 1em;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}



.mls-logo-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bottom-mls-logo-url {
max-width: 100px;
align-self: center;
}

.bottom-mls-logo-url a {
    align-self: center; 
}

.mls-logo.item {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    color: #000;
    font-weight: bold;
    width: fit-content;
    
}
.item.feed-brokerage-logo {
display: flex;
    flex-direction: column;
    font-weight: bold;
    border-right: solid 2px #d9d0d0;
    padding-right: 1em;
    text-align: center;
    align-items: center;

}
.identification-bottom .identification { max-width: 100%;}

.item.feed-brokerage-logo p { color: #000 !important;}


.feed-broker-bottom-logo {
    display: block;
    width: 100%;
    max-width: 250px;
}
.identification-bottom {
display: flex !important;
gap: 2em;
align-items: center;
}

.segment.identification {
    display: flex;
    flex-direction: row-reverse;
    gap: 1em;
    align-items: center;
    margin: 0 auto;
}


.footer-disclaimer {     font-size: .9em;
    line-height: 1.4em;}

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

    .segment.identification {
        display: flex;
        flex-direction: column-reverse;
        gap: 1em;
        align-items: center;
        margin: 0 auto;
    }

    .item .feed-brokerage-logo {
        display: block;
            flex-direction: column;
            font-weight: bold;
            padding-bottom: 1em;
            text-align: center;
            border-right: none;
            padding-right: none;
        
        
        }
        .bottom-contact-form .image.company-logo {max-width: 100% !important;}

        .item.feed-brokerage-logo {border-right: none !important;}

        .item.feed-brokerage-logo img {margin: 0 auto;}       }
        .item.feed-brokerage-logo a {display: block;margin-top: .5em;}

        .more-real-estate-resouces {
            padding-left: 1em;
    padding-right: 1em;
        }

}

@media only screen and (min-width: 100px) and (max-width: 475px) {
    .bottom-contact-form .image.company-logo {
        max-width: 100%;
     }

     
}

.more-real-estate-resouces {
    padding-left: 1em !important;
    padding-right: .5em;
    margin-bottom: 1em;
}

.more-real-estate-resouces .column {
    padding-bottom: 3em;
}

.more-real-estate-resouces .column .list .item {margin-bottom: .5em;}


.select-showing-time .requested-time {
    color: #007bff !important;

    font-weight: bold !important;
    box-shadow: 0px 0 9px 0px rgb(0 0 0 / 21%) !important;
    border: solid 1px #007bff;

  
}

.select-showing-time .requested-time.green { background-color: #13ae38 !important;box-shadow: -1px 6px 9px rgba(0, 0, 0, 0.15); color: #fff !important; border-color:  #13ae38 !important;;}