@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;900&display=swap');
    * {
        padding: 0;
        margin: 0;
        font-family: 'Inter', sans-serif;
    }
    
    li {
        list-style: none;
    }
    
    p {
        font-size: 0.8750em;
    }
    
    input,
    textarea,
    select {
        background-color: #effcff !important;
    }
    
    a,
    a:hover,
    a:active {
        text-decoration: none;
    }
    
    ul {
        margin-bottom: 0;
        padding-left: 0;
    }
    
    .px-80 {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .py-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .py-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    body.color-red h1,
    body.color-red h2,
    body.color-red h3,
    body.color-red h4,
    body.color-red h5,
    body.color-red h6,
    body.color-red p,
    body.color-red a,
    body.color-red span,
    body.color-red div,
    body.color-red button,
    body.color-red li,
    body.color-red label,
    body.color-red input,
    body.color-red select,
    body.color-red textarea {
        color: #ec1d23 !important;
    }
    
    body.color-blue h1,
    body.color-blue h2,
    body.color-blue h3,
    body.color-blue h4,
    body.color-blue h5,
    body.color-blue h6,
    body.color-blue p,
    body.color-blue a,
    body.color-blue span,
    body.color-blue div,
    body.color-blue button,
    body.color-blue li,
    body.color-blue label,
    body.color-blue input,
    body.color-blue select,
    body.color-blue textarea {
        color: #002cf4 !important;
    }
    
    body.color-green h1,
    body.color-green h2,
    body.color-green h3,
    body.color-green h4,
    body.color-green h5,
    body.color-green h6,
    body.color-green p,
    body.color-green a,
    body.color-green span,
    body.color-green div,
    body.color-green button,
    body.color-green li,
    body.color-green label,
    body.color-green input,
    body.color-green select,
    body.color-green textarea {
        color: #29ee06 !important;
    }
    
    .top-menu {
        display: none;
    }
    
    .top-menu .mail-us a,
    .top-menu .call-us a {
        color: #ffffff;
        background: #2b7686;
        font-size: 0.9375em;
        display: block;
        text-align: center;
        padding: 10px 0;
        height: 45px;
    }
    
    .top-menu a:hover {
        background-color: #1a2e49;
    }
    
    .top-menu .mail-us a {
        border-left: 2px solid #ffffff;
    }
    
    .navbar {
        background-color: #fff;
        padding: 0 15px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
    
    .navbar-nav>li {
        padding: 15px 0;
        position: relative;
    }
    
    nav.shrink {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    
    nav.shrink .navbar-nav>li {
        padding: 5px 0;
        position: relative;
    }
    
    .navbar-right>li:hover:after {
        content: "";
        background-image: url(../images/nav-icon.png);
        width: 50px;
        height: 16px;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .navigation-right li:first-child {
        border-right: 1px solid #999;
    }
    
    .navigation-right li {
        padding: 0;
    }
    
    .navbar-nav>li:last-child::after {
        display: none;
    }
    
    nav.shrink .navbar-nav .main-btn {
        padding: 5px 0px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    nav.shrink .navbar-brand img {
        width: 90px;
    }
    
    .navbar-nav li a {
        color: #000;
        padding-right: 18px !important;
        padding-left: 18px !important;
        font-weight: 600;
        font-size: 0.8750em;
    }
    
    .navbar-nav .dropdown-toggle::after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        border: none;
        vertical-align: middle;
    }
    
    .navbar-nav li a:hover {
        color: #549dae;
    }
    
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    
    .dropdown-menu {
        border-radius: 0 0 5px 5px;
    }
    
    .dropdown-item.active,
    .dropdown-item:active {
        background-color: transparent;
        color: #fff;
    }
    
    .mobile-menu .flex-btn span {
        background-color: #549dae;
    }
    
    .navigation-visible {
        display: none;
    }
    
    .main-btn {
        background-color: #549dae;
        border-radius: 3px;
        color: #fff !important;
        margin-left: 5px;
        width: auto;
        font-size: 0.8750em;
        font-weight: 700;
        padding: 10px 20px;
        transition: .3s;
    }
    
    .main-btn:hover {
        background-color: #2b7686;
        color: #fff;
    }
    
    .flexpanel {
        z-index: 1040 !important;
    }
    
    .flexpanel .viewport {
        background-color: #2b7686;
    }
    
    .flexpanel ul li:nth-last-child(1),
    .flexpanel ul li:nth-last-child(2) {
        border: none !important;
    }
    
    .flexpanel div.navigation ul li ul {
        padding-left: 20px;
    }
    
    .flexpanel div.navigation ul li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .flexpanel div.navigation ul li {
        border-bottom: 1px solid #aaa;
    }
    
    .banner-section {
        height: calc(100vh - 69px);
    }
    
    .banner-section .banner-content-text {
        background-image: url(../images/banner-bg.jpg);
        background-size: cover;
        justify-content: center;
    }
    
    .banner-property {
        position: relative;
    }
    
    .banner-property .banner-property-image img {
        height: 100%;
        object-fit: cover;
    }
    
    .banner-property-details {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    
    .banner-property-details .featured-property {
        display: flex;
        justify-content: center;
        background-color: rgba(26, 46, 73, .9);
        width: 100%;
        align-items: center;
        padding: 5px 0;
    }
    
    .banner-property-details .featured-property h4 {
        color: #f6d340;
        text-transform: uppercase;
        font-weight: 800;
        padding: 0 20px;
        margin-bottom: 0;
        font-size: 1.25em;
    }
    
    .banner-property-details .price-details {
        background-color: rgba(84, 157, 174, .9);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 20px;
    }
    
    .banner-property-details .price-details .price {
        color: #fff;
        font-size: 1.875em;
        font-weight: 800;
    }
    
    .banner-property-details .price-details .property-details {
        display: flex;
        color: #fff;
        font-size: 0.7500em;
    }
    
    .banner-property-details .price-details .property-details .icon-inner {
        padding: 0 15px;
        display: flex;
        line-height: initial;
        align-items: center;
    }
    
    .banner-property-details .price-details .property-details .icon-inner span {
        padding-left: 5px;
    }
    
    .banner-property-details .listing-btn-details {
        background-color: rgba(84, 157, 174, .9);
        display: flex;
        align-items: center;
        color: #fff;
        padding: 8px 20px;
        border-top: 1px solid #2b7686;
        justify-content: space-between;
    }
    
    .banner-property-details .listing-btn-details p {
        font-size: 0.7500em;
        width: 80%;
        margin-bottom: 0;
    }
    
    .banner-property-details .listing-btn-details a {
        background-color: #fff;
        color: #549dae;
        font-weight: 800;
        border-radius: 5px;
        padding: 5px 20px;
        font-size: 0.7500em;
        width: 15%;
        text-align: center;
    }
    
    .about-home {
        position: relative;
    }
    
    .about-home::after {
        content: "";
        background-image: url(../images/bottom-shape.png);
        width: 100%;
        position: absolute;
        background-size: 100% 100%;
        height: 100px;
        bottom: 0;
    }
    
    .about-home .row [class*="col-"] {
        padding: 80px;
        padding-bottom: 150px;
    }
    
    .about-home .row [class*="col-"]:nth-child(2) {
        background-color: #f2f2f2;
    }
    
    .about-home .realtor-box .realtor-details {
        display: flex;
        align-items: center;
        padding-bottom: 30px;
    }
    
    .about-home .realtor-box .realtor-details .realtor-image {
        height: 150px;
        width: 150px;
        margin-right: 20px;
    }
    
    .about-home .realtor-box .realtor-details .realtor-image img {
        border-radius: 50%;
        height: 100%;
        object-fit: cover;
    }
    
    .about-home .realtor-box .realtor-details .realtor-name {
        color: #1a2e49;
        font-size: 1.875em;
        font-weight: 800;
    }
    
    .about-home .realtor-box .realtor-details .realtor-name span {
        color: #7f7f7f;
        font-size: 0.8750em;
        font-weight: 500;
    }
    
    .about-home .realtor-box .realtor-details .realtor-text {
        font-size: 1.875em;
        font-weight: 400;
    }
    
    .about-home .realtor-box .realtor-details .realtor-text span {
        color: #549dae;
        font-weight: 800;
    }
    
    .about-home .realtor-box .realtor-content {
        padding-top: 30px;
        border-top: 2px solid #549dae;
    }
    
    .mortage-allowed h2 {
        color: #1a2e49;
        font-weight: 900;
        font-size: 1.875em;
    }
    
    .mortage-allowed p {
        width: 90%;
        margin: 10px 0 20px;
    }
    
    .chart {
        width: 250px;
        height: 250px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;
    }
    
    .doughnutTip {
        position: absolute;
        min-width: 30px;
        max-width: 300px;
        padding: 5px 15px;
        border-radius: 1px;
        background: rgba(0, 0, 0, 0.8);
        color: #ddd;
        font-size: 1.063em;
        text-shadow: 0 1px 0 #000;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.3;
        letter-spacing: 0.06em;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        pointer-events: none;
    }
    
    .doughnutTip::after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        content: "";
        height: 0;
        margin: 0 0 0 -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 6px solid rgba(0, 0, 0, 0.7);
        line-height: 0;
    }
    
    .doughnutSummary {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    
    .doughnutSummary h6 {
        color: #4c4c4c;
        font-size: 0.8750em;
        font-weight: 500;
        margin-bottom: 0;
    }
    
    .doughnutSummary span {
        color: #aaa;
    }
    
    .home-tab {
        background-image: url(../images/tab-bg.jpg);
        background-size: cover;
        padding-top: 100px;
    }
    
    .home-tab h5 {
        color: #fff;
        font-size: 2.5em;
        font-weight: 300;
    }
    
    .home-tab h1 {
        text-transform: uppercase;
        color: #f6d340;
        font-weight: 900;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 6.25em;
    }
    
    .explore-homes h1 {
        font-weight: 400;
    }
    
    .explore-homes h1 span {
        font-weight: 800;
        color: #549dae;
    }
    
    .explore-homes [class*="col-"] {
        padding: 10px;
    }
    
    .explore-homes .explore-box {
        height: 260px;
        position: relative;
    }
    
    .explore-homes .explore-box img {
        height: 100%;
        object-fit: cover;
    }
    
    .explore-homes .explore-box h2 {
        font-weight: 900;
        color: #fff;
        top: 50%;
        font-size: 2.25em;
        filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .7));
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }
    
    .home-features {
        background-color: #f2f2f2;
        padding: 10px 0;
    }
    
    .home-features-left {
        background-image: url(../images/banner-bg.jpg);
        padding: 80px 50px;
    }
    
    .home-features-left h2 {
        font-weight: 400;
        font-size: 1.75em;
    }
    
    .home-features-left h2 span {
        font-weight: 900;
        font-size: 1.7em;
    }
    
    .home-features-right [class*="col-"] {
        padding: 15px;
    }
    
    .home-features-right h3 {
        font-weight: 900;
        color: #1a2e49;
        font-size: 1.25em;
        margin: 0;
        padding: 15px 0;
    }
    
    .finding-home-tab {
        border: none;
    }
    
    .finding-home-tab .nav-item {
        padding-bottom: 25px;
    }
    
    .finding-home-tab .nav-item.show .nav-link,
    .finding-home-tab .nav-link.active {
        background-color: transparent;
        border: none;
        outline: none;
    }
    
    .finding-home-tab .nav-link {
        display: flex;
        align-items: center;
        border: none;
        padding: 0;
    }
    
    .finding-home-tab .nav-link .button-left {
        position: relative;
    }
    
    .finding-home-tab .nav-link .button-icon {
        background-color: #fff;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .finding-home-tab .nav-link.active .button-icon {
        background-color: #f6d340;
    }
    
    .finding-home-tab .nav-link .button-count {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #fff;
        border: 1px solid #1a2e49;
        margin: 0 auto;
        margin-top: -10px;
    }
    
    .finding-home-tab .nav-link.active .button-count {
        background-color: #f6d340;
    }
    
    .finding-home-tab .nav-link .button-right {
        color: #fff;
        font-weight: 600;
        text-align: left;
        padding-left: 15px;
        font-size: 1.25em;
    }
    
    .finding-home-tab .nav-link.active .button-right {
        color: #f6d340 !important;
    }
    
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border: none;
    }
    
    footer {
        background-color: #1a2e49;
    }
    
    footer h6 {
        color: #84989d;
        font-size: 0.8750em;
        padding-bottom: 15px;
    }
    
    footer ul {
        padding-left: 0;
        margin-bottom: 0;
    }
    
    footer ul li a {
        color: #fff;
        font-size: 0.9375em;
        padding-bottom: 10px;
        display: block;
        transition: .3s;
    }
    
    footer ul li span {
        color: #84989d;
        font-size: 0.8750em;
    }
    
    footer ul li a:hover {
        color: #549dae;
    }
    
    footer ul.footer-social li {
        display: inline-block;
    }
    
    footer ul.footer-social li a {
        font-size: 1.125em;
        padding: 0 5px;
    }
    
    .ada-btn {
        background-color: #fff;
        color: #1a2e49;
        font-weight: 800;
        padding: 10px;
        border-radius: 5px;
        display: block;
        width: fit-content;
        margin-top: 20px;
        transition: .3s;
    }
    
    .ada-btn:hover {
        color: #2b7686;
    }
    
    footer p {
        color: #84989d;
        margin-bottom: 0;
        font-size: 0.7500em;
    }
    
    footer h5 {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #e5e5e5;
        font-size: 0.7500em;
    }
    
    footer h5 a {
        font-size: 0.7500em;
        color: #e5e5e5;
        padding: 0 10px
    }
    
    .inner-banner {
        background: #549dae;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        color: #fff;
        padding: 60px 0 5px;
    }
    
    .inner-banner h2 {
        font-weight: 800;
        text-transform: uppercase;
    }
    
    #map {
        height: 700px;
        width: 100%;
    }
    
    .map-content {
        background-color: rgb(26 46 73 / 90%);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 30px;
        color: #fff;
    }
    
    .map-content h4 {
        font-size: 1.25em;
        font-weight: 800;
    }
    
    .map-content li {
        padding-bottom: 10px;
        color: #b6b6b6;
        font-size: 0.8750em;
    }
    
    .map-content li span {
        color: #fff;
        font-size: 1.125em;
    }
    
    .reach-out-section h3 {
        font-size: 2.25em;
        font-weight: 800;
        color: #1a2e49;
    }
    
    .reach-out-section h3 span {
        color: #549dae;
    }
    
    .reach-out-section-content .nav-tabs {
        border: none;
        background-color: #1a2e49;
        padding: 5px;
        border-radius: 5px;
        width: 70%;
        margin: 0 auto;
    }
    
    .reach-out-section-content .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #549dae;
        border-radius: 5px;
    }
    
    .reach-out-section-content .nav-tabs .nav-link {
        border: none;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8750em;
        color: #b6b6b6;
        width: 50%;
        text-transform: uppercase;
    }
    
    .reach-out-section-content .nav-tabs .nav-link .nav-icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        background-color: #818181;
        line-height: 30px;
    }
    
    .reach-out-section-content .nav-tabs .nav-link.active .nav-icon {
        background-color: #549dae;
    }
    
    .reach-out-section-content .tab-content label {
        font-size: 0.8750em;
    }
    
    .reach-out-section-content .tab-content input {
        font-size: 0.8750em;
    }
    
    .reach-out-section-content .tab-content .ep-row [class*="col-"] {
        padding: 10px;
    }
    
    .reach-out-section-content .tab-content .btn {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    
    .property-search {
        background-color: #1a2e49;
    }
    
    .property-search.fixed-filter ul:nth-child(1) {
        width: 100%;
        position: relative;
        display: flex;
    }
    
    .property-search-row {
        padding: 15px 0;
    }
    
    .property-search.fixed-filter ul li a {
        color: #1a2e49;
        font-size: 0.7500em;
        padding: 10px 15px;
        display: inline-block;
        font-weight: 700;
        margin-left: 10px;
        background-color: #fff;
        border-radius: 5px;
        outline: none!important;
        border: 0;
    }
    
    .property-search.fixed-filter ul li a img {
        width: 15px;
    }
    
    .property-search.fixed-filter ul li a.reset-filters {
        background-color: #549dae;
        color: #fff;
    }
    
    .property-search .sort-price {
        color: #999;
        font-size: 0.7500em;
    }
    
    .property-search .sort-price span {
        color: #fff;
        font-weight: 600;
        padding-right: 5px;
    }
    
    .property-search .dropdown-menu {
        width: 400px;
        padding: 15px;
    }
    
    .property-search .popover-body {
        padding: 10px 0;
    }
    
    .dropdown-menu .dropdown-list {
        height: 300px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    
    .dropdown-menu .checkbox {
        padding-bottom: 20px;
        display: flex;
        align-items: center;
    }
    
    .dropdown-menu .checkbox input {
        height: 20px;
        width: 20px;
    }
    
    .dropdown-menu .checkbox label {
        padding-left: 10px;
    }
    
    .property-search .dropdown-menu h6 {
        color: #bbb;
        font-size: 0.7500em;
        margin-bottom: 0;
    }
    
    .property-search .popover-footer input {
        border: 0;
        background-color: transparent !important;
        font-weight: 700;
        color: #616468;
        padding: 0 26px;
        cursor: pointer;
        font-size: 0.7500em;
    }
    
    .property-search .popover-footer input.form-submit {
        color: #549dae;
    }
    
    .dropdown-menu .outer-div-drop h3 {
        font-size: 1.125em;
        font-weight: 700;
        color: #000;
        padding-bottom: 10px;
    }
    
    .dropdown-menu .outer-div-drop h3 span {
        font-weight: 400;
    }
    
    .dropdown-menu .half-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .dropdown-menu .half-outer .half {
        width: 47%;
    }
    
    .dropdown-menu .half-outer .half label {
        display: block;
        font-size: 0.8750em;
    }
    
    .dropdown-menu .outer-div-drop select {
        display: block;
        height: 44px;
        font-size: 0.8750em;
        line-height: 42px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        padding: 0 40px 0 20px;
        cursor: pointer;
        position: relative;
        width: 100%;
        color: #4d4d4d;
    }
    
    .property-search .outer-div-drop .numbers ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 3px;
        border: 1px solid grey;
        justify-content: space-between;
        flex-direction: row !important;
    }
    
    .property-search .outer-div-drop .numbers ul li {
        padding: 10px 18px;
        border-right: 1px solid #7f8e9b;
        font-size: 0.8750em;
        font-weight: 400;
        color: #7f8e9b;
        border-right: 1px solid #7f8e9b;
        width: inherit;
        text-align: center;
        cursor: pointer;
    }
    
    .property-search .outer-div-drop .numbers ul li:last-child {
        border: none;
    }
    
    .property-search .outer-div-drop .numbers ul li.active {
        background-color: #2b7686;
        color: white;
        overflow: hidden;
    }
    
    .dropdown-menu.dropdown-right .popover-content {
        padding: 0 15px;
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: calc(50vh - 60px);
        padding-bottom: 0;
    }
    
    .next-section-pop {
        padding: 15px 0;
        border-bottom: 1px solid #bbb;
    }
    
    .dropdown-menu .outer-div-drop h3 {
        font-size: 1.125em;
        font-weight: 700;
        color: #000;
        padding-bottom: 10px;
    }
    
    .half-outer .check .container1 {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .half-outer .check .container1 input {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
    }
    
    .half-outer .check label {
        color: #000;
    }
    
    .box-homes {
        background-color: #effcff;
        border: 2px solid #c9dde2;
    }
    
    .box-homes.hot-listing {
        background-color: #edf7e8;
        border: 2px solid #549dae;
    }
    
    .box-homes .details-home {
        padding: 15px;
    }
    
    .box-homes .details-home h3 {
        font-size: 1.25em;
        color: #1a2e49;
        font-weight: 800;
    }
    
    .box-homes .details-home h4 {
        font-size: 0.7500em;
        color: #999;
    }
    
    .box-homes .details-home .icon-inner span {
        font-size: 0.7500em;
        font-weight: 600;
        color: #52637b;
        padding-left: 5px;
    }
    
    .box-homes .box-homes-footer a {
        font-size: 0.7500em;
        text-align: center;
        width: 50%;
        background-color: #1a2e49;
        color: #fff;
        margin: 5px;
        border-radius: 5px;
        padding: 8px 0;
        font-weight: 800;
    }
    
    .box-homes .box-homes-footer a:first-child {
        background-color: #549dae;
    }
    
    .icon-wishlist {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        width: 22px;
        height: 22px;
        opacity: .9;
        /* z-index: 1; */
    }
    
    .icon-wishlist:after {
        content: "\f004";
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-size: 1.375em;
        line-height: 16px;
        font-weight: 700;
        color: #6f87a9;
        -webkit-text-stroke: 1px #ffffff;
    }
    
    .icon-wishlist.in-wishlist:after {
        color: #f10909;
    }
    
    .hot-listing-div {
        display: none;
    }
    
    .hot-listing .hot-listing-div {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background-color: rgba(26, 46, 73, .9);
        padding: 5px 0;
    }
    
    .hot-listing-div span {
        color: #f6d340;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 0.8750em;
        padding: 0 10px;
    }
    
    .modal-header .property-shedule {
        width: 100%;
    }
    
    .property-shedule {
        background-color: #1a2e49;
        padding: 15px 15px;
    }
    
    .property-shedule .prop-outer-shedule {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .property-shedule .prop-price h3 {
        font-size: 1.875em;
        color: #ffffff;
    }
    
    .property-shedule .prop-outer-shedule .full-detail-prop {
        margin-left: 20px;
    }
    
    .property-shedule .prop-outer-shedule .full-detail-prop .location-prop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .property-shedule .prop-outer-shedule .full-detail-prop .location-prop .bedroom-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 20px;
    }
    
    .property-shedule .prop-outer-shedule .full-detail-prop .location-prop .bedroom-details .icons-bed {
        display: flex;
        margin-right: 10px;
    }
    
    .property-shedule .prop-outer-shedule .full-detail-prop .location-prop .bedroom-details .bed-det h3 {
        font-size: 0.8125em;
        color: #ffffff;
        margin: 0;
        line-height: 13px;
    }
    
    .property-shedule .link-shedule {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: end;
        margin-right: 40px;
    }
    
    .property-shedule .link-shedule a {
        color: #fff;
        font-size: 0.938em;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-direction: column;
        border-radius: 3px;
        padding: 10px 14px;
        margin: 5px;
        text-align: center;
    }
    
    .property-shedule .link-shedule a span,
    .property-shedule .link-shedule a i {
        margin-right: 5px;
    }
    
    .property-shedule .link-shedule .save-wish.saved-wish .after-save {
        display: flex;
    }
    
    .property-shedule .link-shedule .save-wish.saved-wish .after-save i {
        font-weight: 700;
    }
    
    #property-details .btn-close {
        color: #fff;
        opacity: 1;
    }
    
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        height: 200px;
        top: 50%;
        background-color: rgba(0, 0, 0, .7) !important;
        width: 30px;
        font-size: 2.5em !important;
        color: #fff !important;
        transform: translateY(-50%);
    }
    
    .owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
    
    .owl-carousel .owl-nav .owl-next {
        right: 0;
    }
    
    .owl-carousel .owl-nav .owl-next.disabled,
    .owl-carousel .owl-nav .owl-prev.disabled {
        display: none;
    }
    
    .price-details-section h3 {
        font-weight: 800;
        font-size: 2.875em;
        color: #549dae;
    }
    
    .price-details-section .address-details {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .price-details-section .address-details h4 {
        color: #1a2e49;
        font-size: 1.25em;
        font-weight: 700;
    }
    
    .price-details-section p {
        font-size: 0.8750em;
        color: #b6b6b6;
    }
    
    .price-details-section p b {
        color: #2a1b63;
    }
    
    .property-details-main .outer-top-bed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 20px 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: left;
        border-bottom: 1px solid #d9d9d9;
        background: #1a2e49;
        border-radius: 5px;
    }
    
    .property-details-main .outer-top-bed .bedroom-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 20px;
    }
    
    .property-details-main .outer-top-bed .bedroom-details .icons-bed {
        margin-right: 14px;
        display: grid;
    }
    
    .property-details-main .outer-top-bed .bedroom-details .bed-det h3 {
        color: #fff;
        font-weight: 400;
        font-size: 0.8750em;
        padding-bottom: 5px;
        margin-bottom: 0;
    }
    
    .property-details-main .outer-top-bed .bedroom-details .bed-det h4 {
        color: #fff;
        font-weight: 800;
        font-size: 0.8750em;
        margin-bottom: 0;
    }
    
    .property-details-main .property-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .property-details-main .property-view .view-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 25px;
    }
    
    .property-details-main .property-view .view-img .view-content h4 {
        color: #7f8e9b;
        font-size: 0.7500em;
        margin-bottom: 0;
    }
    
    .property-details-main .prop-main-content p {
        font-size: 0.8750em;
    }
    
    #property-details .head-property {
        background-color: #1a2e49;
        padding: 8px 20px;
        color: #fff;
        margin-top: 40px;
        margin-bottom: 20px;
        border-radius: 5px;
    }
    
    #property-details .head-property h3 {
        font-size: 1.125em;
        margin-bottom: 0;
    }
    
    .listing-price-section table td,
    .listing-price-section table th {
        padding: 15px 0;
        vertical-align: top;
        border-bottom: none;
        border-top: 1px solid #ddd;
        font-size: 0.8750em;
    }
    
    .listing-price-section .table-list table tr td:first-child,
    .listing-price-section .table-list table tr th:first-child {
        text-align: left;
    }
    
    .listing-price-section .table-list table tr td:last-child,
    .listing-price-section .table-list table tr th:last-child {
        text-align: right;
    }
    
    .listing-price-section .table-list table tr td,
    .listing-price-section .table-list table tr th {
        text-align: center;
    }
    
    .listing-price-section table>:not(:last-child)>:last-child>* {
        border-bottom: inherit;
        border-top: none;
    }
    
    .listing-price-section .table-list table tr.red-tab {
        color: #cb2027;
        font-weight: 700;
    }
    
    .listing-price-section .table-list table tr.green-tab {
        color: #0e9508;
        font-weight: 700;
    }
    
    .home-feature .row [class*="col-"] {
        padding: 15px;
    }
    
    .home-features-box-head {
        display: flex;
        align-items: center;
        position: relative;
    }
    
    .home-features-box-head::after {
        content: "";
        background-image: url(../images/border-image.png);
        background-size: 100% 109%;
        position: absolute;
        width: 100%;
        right: 0;
        height: 15px;
        bottom: 0;
    }
    
    .home-features-box-head h5 {
        font-size: 0.8750em;
        color: #1a2e49;
        font-weight: 700;
    }
    
    .school-information-box p {
        font-size: 0.8750em;
        margin-bottom: 0;
        padding-bottom: 5px;
    }
    
    .school-information-box h6 {
        color: #549dae;
        font-weight: 700;
        font-size: 1em;
        padding-bottom: 15px;
    }
    
    .payment-calculator .bar-main h4 {
        font-size: 1.375em;
        font-weight: 700;
    }
    
    .payment-calculator .bar-main h4 span {
        font-weight: 400;
        font-size: 1em;
        color: #bbb;
    }
    
    .payment-calculator .bar-main .bar-line {
        width: 100%;
        height: 8px;
        background-color: #ed192a;
        margin-top: 16px;
        position: relative;
    }
    
    .payment-calculator .bar-main .bar-line-before {
        content: "";
        background-color: #5db75d;
        height: 100%;
        position: absolute;
        width: 50%;
        z-index: 1;
    }
    
    .payment-calculator .bar-main .bar-line-after {
        content: "";
        background-color: #efad4d;
        height: 100%;
        position: absolute;
        width: 70%;
    }
    
    .payment-calculator .bar-main .dots-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot .dots-sq {
        height: 20px;
        width: 20px;
        display: block;
        margin-right: 10px;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot h3 {
        color: #616468;
        font-size: 1em;
        font-weight: 400;
        margin-bottom: 0;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot .dots-sq.green {
        background-color: #5db75d;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot .dots-sq.orange {
        background-color: #efad4d;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot .dots-sq.red {
        background-color: #ed192a;
    }
    
    .payment-calculator .bar-main .dots-bar .blue-dot h3 span {
        font-weight: 700;
    }
    
    .form-pay .row [class*="col-"] {
        padding: 10px;
    }
    
    .input-footer {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        display: flex;
        align-items: center;
        z-index: 4;
    }
    
    .input-footer span:nth-child(1) {
        color: #999;
        font-size: 0.8750em;
        padding-right: 8px;
    }
    
    .input-footer span:nth-child(2) {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 8px;
        color: #4c4c4c;
        font-weight: 600;
        font-size: 0.8750em;
        border-left: 1px solid #c9dde2;
    }
    
    .payment-calculator .bar-main .form-pay .link-pay input {
        width: 100%;
        border: 0;
        border-radius: 5px;
        font-size: 0.8750em;
        cursor: pointer;
        padding: 12px 30px;
        font-weight: 700;
        color: #ffffff;
        background: #549dae !important;
    }
    
    .payment-calculator .bar-main .form-pay .link-gray input {
        width: 100%;
        border: 0;
        font-size: 0.8750em;
        border-radius: 5px;
        padding: 12px 30px;
        color: #ffffff;
        background-color: #1a2e49 !important;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
    }
    
    .pagination .page-item.disabled {
        background-color: #bbb;
        color: #333;
    }
    
    .pagination a {
        color: #b6b6b6;
        border: none;
        background-color: transparent;
        border-bottom: 2px solid #b6b6b6;
        font-weight: 600;
        font-size: 0.7500em;
    }
    
    .pagination .previous,
    .pagination .next {
        display: flex;
        align-items: center;
        border-radius: 5px !important;
    }
    
    .pagination .next {
        padding-left: 0 !important;
    }
    
    .pagination .previous a,
    .pagination .next a {
        text-transform: uppercase;
        background-color: #549dae;
        color: #fff;
        font-weight: 600;
        border: none !important;
        padding: 5px 40px;
        font-size: 0.7500em;
        height: 100%;
        display: flex;
        align-items: center;
        border-radius: 5px;
    }
    
    .pagination .page-item {
        padding: 0 10px;
    }
    
    .pagination .page-item.disabled a {
        background-color: transparent;
        border: none;
    }
    
    .page-item.active .page-link {
        z-index: 3;
        color: #549dae;
        background-color: transparent;
        border: none;
        border-bottom: 2px solid #549dae;
    }
    
    .form-select {
        background-image: url(../images/select-arrow.jpg);
        background-position: right center;
        background-size: 40px 40px;
        font-size: 0.8750em;
    }
    /*Modal*/
    
    .modal-backdrop {
        z-index: 4444;
    }
    
    #googlemapModal,
    #send-to-friend,
    #send-to-agent,
    #askquestionModal,
    #sell-property,
    #ada-complaint,
    #financing,
    #loginModal,
    #otpverification,
    #resetpasswordModal,
    #signupModal {
        z-index: 7777;
    }
    
    #googlemapModal .btn-close {
        right: 40px;
        top: 20px;
        background: #1a2e49;
        color: #fff;
        opacity: 1;
        line-height: 20px;
    }
    
    .main-modal .modal-content {
        padding: 30px 20px;
    }
    
    .main-modal h3 {
        font-weight: 900;
        color: #2b7686;
        font-size: 1.75em;
    }
    
    .main-modal p {
        font-size: 0.7500em;
    }
    
    .main-modal .modal-content .modal-body {
        padding-bottom: 0;
    }
    
    .modal .modal-header {
        border: none;
        padding: 0;
    }
    
    .modal h2 {
        font-size: 1.5em;
        font-weight: 800;
        text-transform: uppercase;
        padding-bottom: 10px;
    }
    
    .modal .modal-body {
        padding: 30px;
        padding-top: 10px;
    }
    
    .modal .btn-close {
        position: absolute;
        right: 20px;
        top: 35px;
        background: none;
        color: #000;
        z-index: 8888;
        font-size: 20px;
    }
    
    .modal label,
    .modal input {
        font-size: 0.8750em;
    }
    
    .modal .modal-form [class*="col-"] {
        padding: 8px;
    }
    
    .modal .main-btn {
        margin-left: 0;
    }
    
    .modal #available-homes-location {
        height: 100%;
        width: 100%;
    }
    
    .changing-box {
        padding-bottom: 15px;
    }
    
    .changing-box h5 {
        color: #4c4c4c;
        font-weight: 800;
        font-size: 1.25em;
        padding-top: 20px;
        margin-bottom: 5px;
    }
    
    .changing-box ul {
        display: inline-block;
        width: 100%;
    }
    
    .changing-box ul li {
        display: block;
        cursor: pointer;
        width: 25%;
        float: left;
        padding: 5px;
    }
    
    .changing-box ul li .color-box {
        background-color: #effcff;
        padding: 5px;
        text-align: center;
        border: 2px solid #c9dde2;
    }
    
    .changing-box ul li.active .color-box {
        border-color: #549dae;
        background-color: #fff;
    }
    
    .changing-box ul li .color {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
    }
    
    .changing-box ul li.color-normal .color {
        background-color: #000;
    }
    
    .changing-box ul li.color-red .color {
        background-color: #ec1d23;
    }
    
    .changing-box ul li.color-blue .color {
        background-color: #002cf4;
    }
    
    .changing-box ul li.color-green .color {
        background-color: #29ee06;
    }
    
    .changing-box ul li .color-name {
        font-size: 0.8750em;
    }
    
    .changing-box ul li.font-normal,
    .changing-box ul li.font-large,
    .changing-box ul li.font-small {
        width: 33.3333%;
    }
    
    .changing-box ul li.font-normal .color {
        font-size: 1.875em;
    }
    
    .changing-box ul li.font-large .color {
        font-size: 2.25em;
    }
    
    .changing-box ul li.font-small .color {
        font-size: 1.125em;
    }
    
    .popup-property-img {
        padding-left: 15px;
    }
    
    .popup-property-img h3 {
        font-size: 1em;
        font-weight: 600;
    }
    
    .popup-property-img h4 {
        font-size: 0.875em;
    }
    
    .login-properties-found h3 {
        text-align: center;
        font-weight: 700;
    }
    
    .icon-close {
        position: absolute;
        top: 5px;
        right: 40px;
        background: #ed1b2a;
        width: 25px;
        height: 25px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
    }
    
    .login-header {
        margin-top: 0;
        text-align: center;
        background-color: #f5f5f5;
        padding: 50px 0;
    }
    
    .login-header h2 {
        text-transform: uppercase;
        font-size: 2.25em;
        font-weight: 600;
    }
    
    .login-header p {
        padding-bottom: 15px;
    }
    
    .login-filters {
        background-color: #404040;
        padding: 20px 0;
    }
    
    .login-filters [class*="col-"] {
        padding: 10px;
    }
    
    .login-filters label {
        color: #fff;
        font-size: 0.875em;
    }
    
    .login-filters .select2-selection {
        border-radius: 0;
        padding-left: 10px;
    }
    
    .login-filters select.w-50 {
        width: 50%;
        float: left;
    }
    
    .login-filters select {
        border-radius: 0;
    }
    
    .login-filters .select2-container {
        width: 100% !important;
    }
    
    .save-filter {
        background-color: #2b7686;
        color: #fff;
        font-weight: 400;
        border-radius: 0;
        border: none;
        padding: 10px 30px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .login-properties-found {
        margin: 0 !important;
        padding: 50px 0;
    }
    
    .login-filters .select2-container--default .select2-selection--multiple {
        background-color: #effcff;
        height: 35px;
        border: none;
    }
    
    .slider-homes .property-image {
        height: 200px;
    }
    
    .slider-homes .property-image img {
        height: 100%;
        object-fit: cover;
    }
    
    .pr-gallery-box {
        height: calc(100vh - 90px);
    }
    
    .pr-gallery-box img {
        height: 100%;
        object-fit: cover;
    }
    
    #myDIV {
        display: flex;
        align-items: center;
        border-left: 1px solid #ccc;
        margin-left: 10px;
        padding-left: 10px;
    }
    
    #myDIV button {
        font-size: 12px;
        width: max-content;
    }
    
    #myDIV button.active {
        color: #549dae !important;
        border: 1px solid #549dae;
        box-shadow: none;
    }
    
    @media(max-width:992px) {
        .pr-gallery-box {
            height: calc(70vh - 90px);
        }
        #myDIV {
            display: flex;
            align-items: center;
            border-left: none;
            margin-left: 0;
            padding-top: 20px;
            padding-left: 0;
        }
    }
    
    @media(max-width:768px) {
        .pr-gallery-box {
            height: 100%;
        }
    }