/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
*/

/* Range Slider Tooltip Styles */
.a:not([class]){
    color: var(--phh-color-blue) !important;
}
.range-tooltip {
    position: absolute;
    top: 60px;
    background-color: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    opacity: 1 !important;
}

/* Make sure the parent container has relative positioning */
.col-md-4:has(.form-range) {
    position: relative;
}

.hide {
    display: none !important;
}

.unhide {
    display: unset !important;
}

.txtSearch {
    box-shadow: none !important;
}

.search-btn {
    box-shadow: none !important;
}

.glossary-section ul.alphabet li {
    display: inline-block;
    width: 3.8461538461538463%;
    margin-bottom: 10px;
}

.glossary-section ul.alphabet {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;
    width: 100.96153846153847%;
}

@media (max-width: 853px) {
    .megamenu {
        z-index: 999 !important;
        width: 665%;
        top: 215% !important;
        left: -255px !important;
    }
}

@media (max-width: 1023px) and (min-width: 854px) {
    .megamenu {
        z-index: 999 !important;
        width: 720%;
        top: 116% !important;
        left: -200px !important;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .megamenu {
        z-index: 999 !important;
        width: 720%;
        top: 123% !important;
        left: -200px !important;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .megamenu {
        z-index: 999 !important;
        width: max-content;
        top: 123% !important;
        left: -370px !important;
    }
}

@media (min-width: 1400px) {
    .megamenu {
        z-index: 999 !important;
        width: max-content;
        top: 123% !important;
        left: -455px !important;
    }
}

@media (max-width: 845px) {
    .megamenu-apply-now {
        z-index: 999 !important;
        width: 837%;
        top: 115% !important;
        left: -278px !important;
    }
}

@media (max-width: 1023px) and (min-width: 846px) {
    .megamenu-apply-now {
        z-index: 999 !important;
        width: 917%;
        top: 116% !important;
        left: -315px !important;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .megamenu-apply-now {
        z-index: 999 !important;
        width: 917%;
        top: 162% !important;
        left: -315px !important;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .megamenu-apply-now {
        z-index: 999 !important;
        width: max-content;
        top: 162% !important;
        left: -479px !important;
    }
}


@media (min-width: 1400px) {
    .megamenu-apply-now {
        z-index: 999 !important;
        width: max-content;
        top: 162% !important;
        left: -559px !important;
    }
}

@media (max-width: 845px) {
    .megamenu-login {
        z-index: 999 !important;
        width: 837%;
        top: 115% !important;
        left: -278px !important;
    }
}

@media (max-width: 1023px) and (min-width: 846px) {
    .megamenu-login {
        z-index: 999 !important;
        width: 917%;
        top: 116% !important;
        left: -315px !important;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .megamenu-login {
        z-index: 999 !important;
        width: 917%;
        top: 144% !important;
        left: -475px !important;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .megamenu-login {
        z-index: 999 !important;
        width: max-content;
        top: 144% !important;
        left: -475px !important;
    }
}

@media (min-width: 1400px) {
    .megamenu-login {
        z-index: 999 !important;
        width: max-content;
        top: 144% !important;
        left: -475px !important;
    }
}

.sideNav {
    z-index: 888 !important;
}

.mh-230 {
    max-height: 230px !important;
}

.mh-150 {
    max-height: 150px !important;
}

.mw-unset {
    min-width: unset !important;
}

.nav-item:hover .dropdown-menu {
    display: block;
}

@media (min-width: 768px) {
    .nav-item:hover .dropdown-menu {
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-item:hover .dropdown-menu:has(.call-dropdown) {
        width: 590%;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .nav-item:hover .dropdown-menu:has(.call-dropdown) {
        width: 975%;
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .nav-item:hover .dropdown-menu:has(.call-dropdown) {
        width: 1055%;
    }
}

@media (min-width: 1200px) {
    .nav-item:hover .dropdown-menu:has(.call-dropdown) {
        width: 1300%;
    }
}

.showVideo {
    display: flex !important;
    backdrop-filter: brightness(0.5);
}

.tooltip.in {
    opacity: 1;
}

.slider .tooltip.top {
    padding: 5px 0;
    display: flex;
    position: absolute;
    margin-top: 17px;
    margin-left: -28px !important;
}

@media (min-width: 992px) and (max-width:1399) {
    .chartmtg-bold {
        font-size: 16px !important;
    }
}

.help-block {
    min-width: -webkit-fill-available !important;
}

.hero-btn {
    min-width: 143px !important;
    margin-right: 3px !important;
}

.activestate {
    background-color: #f4f4f4;
}

.help-block {
    color: #e72413;
}


.call-dropdown {
    width: max-content;
}

.vr-black {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: black;
    opacity: 0.4;
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) #939393 !important;
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) #939393 !important;
}

.w-230 {
    width: 230px;
}
.m-vw-90{
    max-width:90vw;
}
.review-title {
    font-size: var(--XL, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--XL, 24px);
    color: var(--bs-white);
    text-align: left;
}

.bg-review-blue {
    background-color: #0054A6;
}

.text-gray {
    color: var( --phh-color-gray);
}

.review-reply {
    border-left: 2px solid var(--bs-primary);
}

.rounded-circle-review {
    border-radius: 50% !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
}

@media (min-width: 768px) {
    .rounded-md-start {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important;
    }

    .rounded-md-end {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important;
    }
}

@media (max-width: 767px) {
    .rounded-sm-top {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important;
    }

    .rounded-sm-bottom {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important;
    }

    #regForm:has(#offerSection.d-none) {
        background-color: #ffffff;
        margin: 100px auto;
        width: 70%;
        min-width: 300px;
    }

    #regForm {
        background-color: #ffffff;
        margin: 100px auto;
        width: 80%;
        min-width: 300px;
    }

    .border-bottom-mobile {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #regForm:has(#offerSection.d-none) {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 85%;
        min-width: 300px;
    }

    #regForm {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 95%;
        min-width: 300px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #regForm:has(#offerSection.d-none) {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 81%;
        min-width: 300px;
    }

    #regForm {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 91%;
        min-width: 300px;
    }
}


@media (min-width:1200px) and (max-width:1399px) {
    #regForm:has(#offerSection.d-none) {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 75%;
        min-width: 300px;
    }

    #regForm {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 90%;
        min-width: 300px;
    }
}

@media (min-width:1400px) {
    #regForm:has(#offerSection.d-none) {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 70%;
        min-width: 300px;
    }

    #regForm {
        background-color: #ffffff;
        margin: 100px auto;
        padding: 40px;
        width: 85%;
        min-width: 300px;
    }
}

/*SmartForm Starts*/

.card.bg-image {
    background-size: cover;
    background-position: center;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    justify-content: center;
}

.bg-img {
    width: 100%;
    height: 100%;
    object-position: center;
    position: absolute;
    border-radius: 8px;
}

.card-overlay {
    text-align: center;
    padding: 1rem;
    overflow: hidden;
   /* background-color: rgba(0, 0, 0, 0.6);*/
    position: relative;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
}

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

.nextarrow-blue-large {
    border-radius: 100px;
    background: var(--phh-color-blue);
    width: 60px;
    height: 60px;
    display: grid;
    justify-content: center;
    align-items: center;
}
    .nextarrow-blue-large:hover, .nextarrow-blue:hover {
        background: #0269A4;
    }

.nextarrow-small {
    border-radius: 100px;
    background: var(--Onity-White, #FFF);
    width: 35px;
    height: 35px;
    display: grid;
    justify-content: center;
    align-items: center;
}

.nextarrow-blue {
    border-radius: 100px;
    background: var(--phh-color-blue);
    width: 35px;
    height: 35px;
    display: grid;
    justify-content: center;
    align-items: center;
}

.nextarrow-gray-large {
    background: var(--Onity-MediumGray, #939393);
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: grid;
    justify-content: center;
    align-items: center;
}

    .nextarrow-gray-large:hover {
        background: var(--phh-color-blue);
    }

.nextarrow-gray {
    border-radius: 100px;
    background: var(--phh-color-gray);
    width: 25px;
    height: 25px;
    display: grid;
    justify-content: center;
    align-items: center;
}

.progress {
    height: 4px;
    padding: 0;
}

.progress-bar {
    background-color: var(--phh-color-blue);
}

@media(max-width:767px) {
    .mb-smartForm {
        margin-bottom:100px;
    }
}

@media(min-width:768px) {
    .mb-smartForm {
        margin-bottom: 200px;
    }
}
/*SmartForm Ends*/
.achievements:not(:last-child) {
    border-style: solid;
    border-color: var(--onity-white, #ffffff);
    border-width: 0px 1px 0px 0px;
    padding: 0px 10px 0px 10px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

@media(max-width:767px) {
    .achievements-list {
        margin: 48px 24px;
    }

    .achievements:not(:last-child) {
        border-style: none;
        margin-bottom: 24px;
    }

    .sm-rounded-0 {
        border-radius: 0px !important;
    }
}

.a-accredited-business-span11 {
    color: var(--secondary-1, #ffb81d);
    line-height: var(--header-xl-line-height, 24px);
    font-weight: var(--header-xl-font-weight, 700);
}

.a-accredited-business-span12 {
    color: var(--onity-white, #ffffff);
    line-height: var(--header-xl-line-height, 24px);
    font-weight: var(--header-xl-font-weight, 700);
}

.achievements-bg {
    background: var(--gray-100, #f4f4f4);
    border-radius: 8px;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

    .achievements-bg .achievements:not(:last-child) {
        border-color: var(--gray-200, #939393);
    }

    .achievements-bg .a-accredited-business-span12 {
        color: var(--onity-color-gray);
    }

.better-business-bureau {
    color: var(--onity-white, #ffffff);
    text-align: center;
    line-height: var(--bodybold-line-height, 24px);
    font-weight: var(--bodybold-font-weight, 700);
    position: relative;
}

.achievements-bg .better-business-bureau {
    color: var(--gray-300, #383838)
}

.partner-list {
    padding-top: 1.5rem;
    padding-left: 0 !important;
}

.partner-icon-footer {
    height: 25px;
    margin-bottom: .5rem;
}

@media(min-width:768px) {
    .steps-gray-border {
        border-style: solid;
        border-color: var(--gray-200, #939393);
        border-width: 0px 1px 0px 0px;
        padding: 0px 24px 0px 0px;
    }
}

@media(max-width:767px) {
    .steps-gray-border {
        border-style: none;
        padding: 0;
    }
}


/*Commercial Search Start*/

.commercial-page .cardsec_title {
    font-size: 24px;
    color: #003876;
}

.commercial-page .cardsec_subtitle {
    color: #003876;
    font-size: 20px;
}

.commercial-page .cardsec_content {
    font-size: 14px;
    line-height: 24px;
    color: #464646;
}

.commercial-page .cardsec_newscardtitle {
    font-size: 1.13rem;
    color: #003876;
}

.commercial-page .cardsec_shadow {
    -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06);
}

.commercial-page .cardsec_listitems {
    list-style-type: none;
}

    .commercial-page .cardsec_listitems li {
        color: #464646;
        font-size: 16px;
        padding-bottom: 15px;
    }

        .commercial-page .cardsec_listitems li:last-child {
            padding-bottom: 0;
        }

.commercial-page .cardsec .leftcardcontainer {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 22% !important;
    flex: 0 0 22% !important;
}

.commercial-page .salesicon {
    width: 100%;
    height: 100%;
}

.commercial-page .dropdownbtn {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    border: 1px solid #CACACA;
    width: 100%;
    padding: 0px;
    color: #000000;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .commercial-page .dropdownbtn select {
        height: 50px;
        margin: 0 !important;
    }

    .commercial-page .dropdownbtn .btnstyles {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 25px;
    }

    .commercial-page .dropdownbtn .btnoutline:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0;
    }

.commercial-page .resultsec .nav-pills .nav-link.active {
    background-color: #ffffff !important;
    border-left: 5px solid #00578A !important;
    color: #003876 !important;
}

.commercial-page .saleshome {
    width: 100%;
    height: 290px;
}

    .commercial-page .saleshome img {
        height: 100%;
        width: 100%;
    }

.commercial-page .salessubimage {
    background: #F7F7F7;
    padding: 20px;
}

    .commercial-page .salessubimage img {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .commercial-page .salessubimage .col-sm-3 {
        width: 25% !important;
    }

    .commercial-page .salessubimage .imgcontainer {
        padding: 7px 5px;
    }

.commercial-page .salesicon {
    width: 100%;
    height: 100%;
}

.commercial-page .salessection .labeltext {
    color: #000000;
    font-size: 13px;
}

.locationdetails {
    padding: 0 18px 0 24px;
}

.locationdetails_title {
    font-size: 22px;
    color: #003876;
}

.locationdetails .saleshome {
    width: 100%;
    height: 200px;
}

    .locationdetails .saleshome img {
        height: 100%;
        width: 100%;
    }

.locationdetails_values {
    color: #0E5A90;
    font-size: 24px;
}

.locationdetails_propertydetailstitle {
    font-size: 12px;
    color: #464646;
}

.locationdetails_propertydetails {
    font-size: 13px;
    color: #000000;
}

.locationdetails .contactdetails {
    background-color: #F3F4FB;
    padding: 0 20px !important;
}

    .locationdetails .contactdetails .brokertext {
        font-size: 14px;
        color: #333333;
        line-height: 18px;
    }

    .locationdetails .contactdetails .brokername {
        font-size: 14px;
        color: #000000;
    }

    .locationdetails .contactdetails .sections {
        padding: 10px 5px;
        border-bottom: 1px solid #ddd;
    }

        .locationdetails .contactdetails .sections:last-child {
            border-bottom: 0;
        }

.locationdetails .iconspace {
    padding-right: 12px !important;
}

.searchresult {
    padding: 10px 20px;
    background-color: #DEDFEA;
}

    .searchresult .titlesection_title {
        font-size: 18px;
        color: #003876;
    }

    .searchresult .titlesection_content {
        font-size: 13px;
        color: #464646;
    }

.commercial-flipcard {
    min-height: 400px;
    max-height: 650px;
    margin-bottom: 20px;
}

.hovercard:hover {
    background-color: #fff;
}

    .hovercard:hover .card {
        background-color: #fff;
    }

.hovercontent {
    background-color: #ffffff;
}

    .hovercontent .title {
        color: #0A2759;
        font-size: 14px;
    }

    .hovercontent .content {
        color: #464646;
        font-size: 13px;
        margin-bottom: 30px;
    }

        .hovercontent .content:last-child {
            margin-bottom: 0;
        }

.commercialpage_tabcontainer {
    padding: 0 0 0 40px !important;
}

.mobileviewcard {
    display: none;
}

.searchbtn {
    min-width: unset !important;
}

    .searchbtn:hover {
        color: #ffffff;
    }

.searchresult {
    padding: 20px;
    background-color: #DEDFEA;
}

    .searchresult .titlesection_title {
        font-size: 19px;
        color: #003876;
    }

    .searchresult .titlesection_content {
        font-size: 10px;
        color: #464646;
    }

.locationshorttext {
    font-size: 13px !important;
    color: #333333 !important;
    background-color: #F3F4FB;
    border-left: 4px solid #DEDFEA;
    border-radius: 0 !important;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .locationshorttext .locationiconalign {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

.locationdetailsmobile {
    display: none;
}

.locationdetailsdesktop {
    display: block;
}

.locationdetails {
    padding: 0 18px 0 10px;
}

    .locationdetails .saleshome {
        width: 100%;
        height: 216px;
    }

    .locationdetails .contactdetails {
        background-color: #F3F4FB;
        padding: 0 15px !important;
    }

        .locationdetails .contactdetails .brokertext {
            font-size: 12px;
            color: #333333;
            line-height: 18px;
        }

        .locationdetails .contactdetails .brokername {
            font-size: 12px;
            color: #000000;
        }

        .locationdetails .contactdetails .sections {
            padding: 10px 5px;
            border-bottom: 1px solid #ddd;
        }

            .locationdetails .contactdetails .sections:last-child {
                border-bottom: 0;
            }

    .locationdetails .iconspace {
        padding-right: 12px !important;
    }

.locationdetails_title {
    font-size: 17px;
    color: #003876;
}

.locationdetails_propertydetailstitle {
    font-size: 12px;
    color: #464646;
}

.locationdetails_propertydetails {
    font-size: 13px;
    color: #000000;
}

.borderstyles {
    border-top: 2px solid #ddd;
    position: relative;
}

    .borderstyles:before {
        content: '';
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        background: #FFFFFF;
        border-right: 2px solid #CAD5E0;
        border-bottom: 2px solid #CAD5E0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 50%;
        top: -5px;
    }

.clockicon-alignment {
    position: absolute;
    right: -60px;
    top: -15px;
    width: 38px;
    height: 38px;
}

.calandericon-alignment {
    position: absolute;
    left: -60px;
    top: -15px;
    width: 38px;
    height: 38px;
}

.locationicon-alignment {
    position: absolute;
    bottom: 30px;
    right: -65px;
    width: 38px;
    height: 38px;
}

.searchicon-alignment {
    position: absolute;
    bottom: 30px;
    left: -52px;
    width: 38px;
    height: 38px;
}

.positionrelative {
    position: relative;
}

.loaderimg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: white;
    opacity: 0.9;
    z-index: 999;
}

    .loaderimg:after {
        width: 125px;
        height: 125px;
        background: red;
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url("../images/ocwen_loader.gif");
        background-size: cover;
    }

.hideHomeIcons {
    background-image: unset !important;
}


/*Commercial Search End*/

/*Sales team Start*/

@media (min-width: 768px) {
    .SalesTeamModel .modal-dialog {
        max-width: 60%;
    }
}

@media (min-width: 992px) {
    .SalesTeamModel .modal-dialog {
        max-width: 50%;
    }
}

@media (min-width: 1400px) {
    .SalesTeamModel .modal-dialog {
        max-width: 40%;
    }
}

@media(max-width:383px) {
    .sales-card-height {
        min-height: 120px;
    }
}

@media(min-width:384px) and (max-width:767px) {
    .sales-card-height {
        min-height: 100px;
    }
}

@media(min-width:768px) and (max-width:829px) {
    .sales-card-height {
        min-height: 150px;
    }
}

@media(min-width:830px) and (max-width:991px) {
    .sales-card-height {
        min-height: 126px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .sales-card-height {
        min-height: 187px;
    }
}

@media(min-width:1200px) and (max-width:1399px) {
    .sales-card-height {
        min-height: 140px;
    }
}

@media(min-width:1400px) {
    .sales-card-height {
        min-height: 126px;
    }
}

/*Sales team END*/